test_bug1248186.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=1248186

-->

<head>

  <meta charset="utf-8">

  <title>Test for Bug 1248186</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script src="/tests/SimpleTest/EventUtils.js"></script>

  <link rel="stylesheet" href="/tests/SimpleTest/test.css"/>

  <script>

  SimpleTest.waitForExplicitFinish();

  SimpleTest.waitForFocus(function () {

    let editor0 = document.getElementById("editor0");

    let editor1 = document.getElementById("editor1");

    let editor2 = document.getElementById("editor2");

    editor0.focus();

    for (let i = 0; i < 5; i++) {

      synthesizeKey("KEY_ArrowRight");

      is(document.activeElement, editor0, "hitting right should not de-focus the editor");

    editor1.focus();

    for (let i = 0; i < 5; i++) {

      synthesizeKey("KEY_ArrowRight");

      is(document.activeElement, editor1, "hitting right should not de-focus the editor");

    editor2.focus();

    for (let i = 0; i < 8; i++) {

      synthesizeKey("KEY_ArrowRight");

      is(document.activeElement, editor2, "hitting right should not de-focus the editor");

    // make sure we don't get stuck at the end of the "foo" span

    let selection = getSelection();

    is(selection.focusNode.parentElement.id, "bar");

    is(selection.focusOffset, 3);

    SimpleTest.finish();

});

  </script>

</head>

<body>

<div>

  <span id="editor0" contenteditable>foo</span>

  <span></span>

</div>

<div>

  <span id="editor1" contenteditable><b>foo</b></span>

  <span></span>

</div>

<span id="editor2" contenteditable>

  <span>foo</span><br>

  <span id="bar">bar</span></span>

</body>

</html>