editor/libeditor/tests/test_bug551704.html
author Mark Banner <standard8@mozilla.com>
Thu, 13 Sep 2018 07:58:19 +0000
changeset 436109 de36f39840c64a50ccc45f8c0593d8dcd651dfc2
parent 404364 50d6fe2d0bca50837dd34eb4a79957885c55bffc
child 436110 0d8eb8a0c2b4ad081ffad8ecf172b82d16c38d01
permissions -rw-r--r--
Bug 1489980 - Enable ESLint for editor/ - automatic fixes r=masayuki These are all automatically generated by ESLint with the --fix option. Depends on D5584 Differential Revision: https://phabricator.services.mozilla.com/D5585

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=551704
-->
<head>
  <title>Test for Bug 551704</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=551704">Mozilla Bug 551704</a>
<p id="display"></p>
<div id="content">
  <div id="preformatted" style="white-space: pre" contenteditable>a&#10;b</div>
  <div id="test1" contenteditable><br></div>
  <div id="test2" contenteditable>a<br></div>
  <div id="test3" contenteditable style="white-space: pre"><br></div>
  <div id="test4" contenteditable style="white-space: pre">a<br></div>
  <div id="test5" contenteditable></div>
  <div id="test6" contenteditable>a</div>
  <div id="test7" contenteditable style="white-space: pre"></div>
  <div id="test8" contenteditable style="white-space: pre">a</div>
</div>
<pre id="test">
<script type="application/javascript">

function testLineBreak(div, type, expectedText, expectedHTML, callback) {
  div.focus();
  getSelection().collapse(div, 0);
  type();
  is(div.innerHTML, expectedHTML, "The expected HTML after editing should be correct");
  requestAnimationFrame(function() {
    SimpleTest.waitForClipboard(expectedText,
      function() {
        getSelection().selectAllChildren(div);
        synthesizeKey("C", {accelKey: true});
      },
      function() {
        var t = document.createElement("textarea");
        document.body.appendChild(t);
        t.focus();
        synthesizeKey("V", {accelKey: true});
        is(t.value, expectedText, "The expected text should be copied to the clipboard");
        callback();
      },
      function() {
        SimpleTest.finish();
      }
    );
  });
}

function typeABCDEF() {
  sendString("a");
  typeBCDEF_chars();
}

function typeBCDEF() {
  synthesizeKey("KEY_ArrowRight");
  typeBCDEF_chars();
}

function typeBCDEF_chars() {
  sendString("bc");
  synthesizeKey("KEY_Enter");
  sendString("def");
}

/** Test for Bug 551704 **/
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(function() {
  document.execCommand("defaultParagraphSeparator", false, "div");

  var preformatted = document.getElementById("preformatted");
  is(preformatted.innerHTML, "a\nb", "No BR node should be injected for preformatted editable fields");

  var iframe = document.createElement("iframe");
  iframe.addEventListener("load", function() {
    var sel = iframe.contentWindow.getSelection();
    is(sel.rangeCount, 0, "There should be no range in the selection initially");
    iframe.contentDocument.designMode = "on";
    sel = iframe.contentWindow.getSelection();
    is(sel.rangeCount, 1, "There should be a single range in the selection after setting designMode");
    var range = sel.getRangeAt(0);
    ok(range.collapsed, "The range should be collapsed");
    is(range.startContainer, iframe.contentDocument.body.firstChild, "The range should start on the text");
    is(range.startOffset, 0, "The start offset should be zero");

    continueTest();
  });
  iframe.srcdoc = "foo";
  document.getElementById("content").appendChild(iframe);
});

function continueTest() {
  var divs = [];
  for (var i = 0; i < 8; ++i) {
    divs[i] = document.getElementById("test" + (i + 1));
  }
  var current = 0;
  function doNextTest() {
    if (current == divs.length) {
      SimpleTest.finish();
      return;
    }
    var div = divs[current++];
    if (div.textContent == "a") {
      var type = typeBCDEF;
    } else {
      var type = typeABCDEF;
    }
    var expectedHTML = "<div>abc</div><div>def<br></div>";
    var expectedText = "abc\ndef";
    testLineBreak(div, type, expectedText, expectedHTML, doNextTest);
  }

  doNextTest();
}

</script>
</pre>
</body>
</html>