<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1094000
-->
<head>
  <title>Test for Bug 1094000</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=1094000">Mozilla Bug 1094000</a>
<p id="display"></p>
<div id="content">
  <div id="editor0" contenteditable></div>
  <div id="editor1" contenteditable><br></div>
  <div id="editor2" contenteditable>a</div>
  <div id="editor3" contenteditable>b</div>
  <div id="editor4" contenteditable>c</div>
  <div id="editor5" contenteditable>d</div>
  <div id="editor6" contenteditable>e</div>
</div>
<pre id="test">
<script type="application/javascript">

/** Test for Bug 1094000 **/

SimpleTest.waitForExplicitFinish();

const kIsLinux = navigator.platform.indexOf("Linux") == 0;

function runTests()
{
  var editor0 = document.getElementById("editor0");
  var editor1 = document.getElementById("editor1");
  var editor2 = document.getElementById("editor2");
  var editor3 = document.getElementById("editor3");
  var editor4 = document.getElementById("editor4");
  var editor5 = document.getElementById("editor5");
  var editor6 = document.getElementById("editor6");

  ok(editor1.getBoundingClientRect().height - editor0.getBoundingClientRect().height > 1,
        "an editor having a <br> element and an empty editor shouldn't be same height");
  ok(Math.abs(editor1.getBoundingClientRect().height - editor2.getBoundingClientRect().height) <= 1,
     "an editor having only a <br> element and an editor having \"a\" should be same height");

  editor2.focus();
  synthesizeKey("VK_RIGHT", {});
  synthesizeKey("VK_BACK_SPACE", {});
  is(editor2.innerHTML, "<br>",
     "an editor which had \"a\" should have only <br> element after Backspace keypress");
  ok(Math.abs(editor2.getBoundingClientRect().height - editor1.getBoundingClientRect().height) <= 1,
     "an editor whose content was removed by Backspace key should have a place to put a caret");

  editor3.focus();
  synthesizeKey("VK_LEFT", {});
  synthesizeKey("VK_DELETE", {});
  is(editor3.innerHTML, "<br>",
     "an editor which had \"b\" should have only <br> element after Delete keypress");
  ok(Math.abs(editor3.getBoundingClientRect().height - editor1.getBoundingClientRect().height) <= 1,
     "an editor whose content was removed by Delete key should have a place to put a caret");

  editor4.focus();
  window.getSelection().selectAllChildren(editor4);
  synthesizeKey("VK_BACK_SPACE", {});
  is(editor4.innerHTML, "<br>",
     "an editor which had \"c\" should have only <br> element after removing selected text with Backspace key");
  ok(Math.abs(editor4.getBoundingClientRect().height - editor1.getBoundingClientRect().height) <= 1,
     "an editor whose content was selected and removed by Backspace key should have a place to put a caret");

  editor5.focus();
  window.getSelection().selectAllChildren(editor5);
  synthesizeKey("VK_DELETE", {});
  is(editor5.innerHTML, "<br>",
     "an editor which had \"d\" should have only <br> element after removing selected text with Delete key");
  ok(Math.abs(editor5.getBoundingClientRect().height - editor1.getBoundingClientRect().height) <= 1,
     "an editor whose content was selected and removed by Delete key should have a place to put a caret");

  editor6.focus();
  window.getSelection().selectAllChildren(editor6);
  synthesizeKey("x", { accelKey: true });
  is(editor6.innerHTML, "<br>",
     "an editor which had \"e\" should have only <br> element after removing selected text by \"Cut\"");
  ok(Math.abs(editor6.getBoundingClientRect().height - editor1.getBoundingClientRect().height) <= 1,
     "an editor whose content was selected and removed by \"Cut\" should have a place to put a caret");

  editor0.focus();
  synthesizeKey("VK_BACK_SPACE", {});
  is(editor0.innerHTML, "",
     "an empty editor should keep being empty even if Backspace key is pressed");
  synthesizeKey("VK_DELETE", {});
  is(editor0.innerHTML, "",
     "an empty editor should keep being empty even if Delete key is pressed");

  SimpleTest.finish();
}

SimpleTest.waitForFocus(runTests);

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