test_bug346043.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

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

-->

<head>

  <meta charset="utf-8">

  <title>Test for Bug 346043</title>

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

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

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

  <script type="application/javascript">

    /** Test for Bug 346043 **/

    function test(select, index, useEscape) {

      select.selectedIndex = index;

      is(select.selectedIndex, index, "Selected index is broken");

      // Open the select dropdown.

//

      // Using Alt+Down (instead of a click) seems necessary to make subsequent

      // mouse events work with the dropdown itself, instead of the window below

      // it.

      select.focus();

      synthesizeKey("KEY_ArrowDown", {altKey: true});

      var options = select.getElementsByTagName("option");

      synthesizeMouseAtCenter(options[1],

                              {type: "mousemove", clickCount: 0});

      // Close the select dropdown.

      if (useEscape)

        synthesizeKey("KEY_Escape");  // Tests a different code path.

      select.blur();

      is(select.selectedIndex, index, "Selected index shouldn't change");

    SimpleTest.waitForExplicitFinish();

    SimpleTest.waitForFocus(function() {

      test(document.getElementById("test-unselected"), -1, true);

      test(document.getElementById("test-unselected"), -1, false);

      test(document.getElementById("test-disabled"), 0, true);

      test(document.getElementById("test-disabled"), 0, false);

      SimpleTest.finish();

});

  </script>

</head>

<body>

  <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=346043">Mozilla Bug 346043</a>

  <p id="display"></p>

  <div id="content">

    <select id="test-unselected">

      <option>A</option>

      <option>B</option>

      <option>C</option>

    </select>

    <select id="test-disabled">

      <option disabled>A</option>

      <option>B</option>

      <option>C</option>

    </select>

  </div>

  <pre id="test"></pre>

</body>

</html>