import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo

editor/libeditor/tests/test_bug449243.html

@@ -0,0 +1,136 @@
+<!DOCTYPE HTML>
+<html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=449243
+-->
+<head>
+  <title>Test for Bug 449243</title>
+  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
+  <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
+  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
+</head>
+<body>
+<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=449243">Mozilla Bug 449243</a>
+<p id="display"></p>
+<div id="content" contenteditable>
+  <h2>This is a title</h2>
+  <ul>
+    <li>this is a</li>
+    <li>bullet list</li>
+  </ul>
+  <ol>
+    <li>this is a</li>
+    <li>numbered list</li>
+  </ol>
+</div>
+
+<pre id="test">
+<script type="application/javascript">
+
+/** Test for Bug 449243 **/
+SimpleTest.waitForExplicitFinish();
+SimpleTest.waitForFocus(runTests);
+
+const CARET_BEGIN  = 0;
+const CARET_MIDDLE = 1;
+const CARET_END    = 2;
+
+function split(element, caretPos, nbKeyPresses) {
+  // put the caret on the requested position
+  var sel = window.getSelection();
+  var len = element.textContent.length;
+  var pos = -1;
+  switch (caretPos) {
+    case CARET_BEGIN:
+      pos = 0;
+      break;
+    case CARET_MIDDLE:
+      pos = Math.floor(len/2);
+      break;
+    case CARET_END:
+      pos = len;
+      break;
+  }
+  sel.collapse(element.firstChild, pos);
+  
+  // simulates a [Return] keypress
+  for (var i = 0; i < nbKeyPresses; i++)
+    synthesizeKey("VK_RETURN", {});
+}
+
+function undo(nbKeyPresses) {
+  for (var i = 0; i < nbKeyPresses; i++)
+    document.execCommand("Undo", false, null);
+}
+
+function SameTypeAsPreviousSibling(element) {
+  var sibling = element.previousSibling;
+  while (sibling && sibling.nodeType != 1)
+    sibling = element.previousSibling;
+  return (element.nodeName == sibling.nodeName);
+}
+
+function isParagraph(element) {
+  return element.nodeName.toLowerCase() == "p";
+}
+
+function runTests() {
+  const content = document.querySelector("[contenteditable]");
+  const header = content.querySelector("h2");
+  const ulItem = content.querySelector("ul > li:last-child");
+  const olItem = content.querySelector("ol > li:last-child");
+  content.focus();
+
+  // beginning of selection: split current node
+  split(header, CARET_BEGIN, 1);
+  ok(SameTypeAsPreviousSibling(header),
+    "Pressing [Return] at the beginning of a header " + 
+    "should create another header.");
+  split(ulItem, CARET_BEGIN, 2);
+  ok(SameTypeAsPreviousSibling(ulItem),
+    "Pressing [Return] at the beginning of an unordered list item " + 
+    "should create another list item.");
+  split(olItem, CARET_BEGIN, 2);
+  ok(SameTypeAsPreviousSibling(olItem),
+    "Pressing [Return] at the beginning of an ordered list item " + 
+    "should create another list item.");
+  undo(3);
+
+  // middle of selection: split current node
+  split(header, CARET_MIDDLE, 1);
+  ok(SameTypeAsPreviousSibling(header),
+    "Pressing [Return] at the middle of a header " + 
+    "should create another header.");
+  split(ulItem, CARET_MIDDLE, 2);
+  ok(SameTypeAsPreviousSibling(ulItem),
+    "Pressing [Return] at the middle of an unordered list item " + 
+    "should create another list item.");
+  split(olItem, CARET_MIDDLE, 2);
+  ok(SameTypeAsPreviousSibling(olItem),
+    "Pressing [Return] at the middle of an ordered list item " + 
+    "should create another list item.");
+  undo(3);
+
+  // end of selection: create a new paragraph
+  split(header, CARET_END, 1);
+  ok(isParagraph(content.querySelector("h2+*")),
+    "Pressing [Return] at the end of a header " + 
+    "should create a new paragraph.");
+  split(ulItem, CARET_END, 2);
+  ok(isParagraph(content.querySelector("ul+*")),
+    "Pressing [Return] twice at the end of an unordered list item " + 
+    "should create a new paragraph.");
+  split(olItem, CARET_END, 2);
+  ok(isParagraph(content.querySelector("ol+*")),
+    "Pressing [Return] twice at the end of an ordered list item " + 
+    "should create a new paragraph.");
+  undo(3);
+
+  // done
+  SimpleTest.finish();
+}
+
+</script>
+</pre>
+</body>
+</html>