1 files changed, 282 insertions, 0 deletions
diff --git a/dom/events/test/test_bug238987.html b/dom/events/test/test_bug238987.html
new file mode 100644
index 000000000..814b0596b
--- /dev/null
+++ b/dom/events/test/test_bug238987.html
@@ -0,0 +1,282 @@
+<!DOCTYPE HTML>
+<html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=238987
+-->
+<head>
+  <title>Test for Bug 238987</title>
+  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.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=238987">Mozilla Bug 238987</a>
+<p id="display"></p>
+<div id="content" style="display: none">
+  
+</div>
+<pre id="test">
+<script class="testbody" type="text/javascript">
+
+  /** Test for Bug 238987 **/
+
+  var shouldStop = false;
+  var modifier = 0;
+  var expectedResult = "i1,i2,i3,i4,i5,i6,i7,i8,number,i9,i10,i11,i12";
+  var forwardFocusArray = expectedResult.split(",");
+  var backwardFocusArray = expectedResult.split(",");
+  var forwardBlurArray = expectedResult.split(",");
+  var backwardBlurArray = expectedResult.split(",");
+  // Adding 3 for "begin", "end", "begin" and one for the <a> in the Mochitest template,
+  var expectedWindowFocusCount = forwardFocusArray.length + backwardFocusArray.length + 4;
+  // but the last blur event goes to i1, not "begin".
+  var expectedWindowBlurCount = forwardFocusArray.length + backwardFocusArray.length + 3;
+
+  function handleFocus(e) {
+    if (e.target.id == "begin") {
+      // if the modifier is set, the test is coming back from the end.
+      if (modifier) {
+        shouldStop = true;
+      }
+    } else if (e.target.id == "end") {
+      modifier = Components.interfaces.nsIDOMEvent.SHIFT_MASK;
+    } else if (modifier) {
+      var expected = backwardFocusArray.pop();
+      ok(expected == e.target.id,
+         "(focus) Backward tabbing, expected [" +
+         expected + "], got [" + e.target.id + "]");
+    } else {
+      var expected = forwardFocusArray.shift();
+      is(e.target, document.activeElement, "Wrong activeElement!");
+      ok(expected == e.target.id,
+         "(focus) Forward tabbing, expected [" +
+         expected + "], got [" + e.target.id + "]");
+    }
+  }
+
+  function handleWindowFocus(e) {
+    --expectedWindowFocusCount;
+    var s = "target " + e.target;
+    if ("id" in e.target) {
+      s = s + ", id=\"" + e.target.id + "\"";
+    }
+    ok(e.eventPhase == Components.interfaces.nsIDOMEvent.CAPTURING_PHASE,
+       "|window| should not have got a focus event, " + s);
+  }
+
+  function handleBlur(e) {
+    if (e.target.id == "begin" || e.target.id == "end") {
+      return;
+    } else if (modifier) {
+      var expected = backwardBlurArray.pop();
+      ok(expected == e.target.id,
+         "(blur) backward tabbing, expected [" +
+         expected + "], got [" + e.target.id + "]");
+    } else {
+      var expected = forwardBlurArray.shift();
+      ok(expected == e.target.id,
+         "(blur) forward tabbing, expected [" +
+         expected + "], got [" + e.target.id + "]");
+    }
+  }
+
+  function handleWindowBlur(e) {
+    --expectedWindowBlurCount;
+    var s = "target " + e.target;
+    if ("id" in e.target) {
+      s = s + ", id=\"" + e.target.id + "\"";
+    }
+    ok(e.eventPhase == Components.interfaces.nsIDOMEvent.CAPTURING_PHASE,
+       "|window| should not have got a blur event, " + s);
+  }
+
+  function tab() {
+    var utils = SpecialPowers.DOMWindowUtils;
+    // Send tab key events.
+    var key = Components.interfaces.nsIDOMKeyEvent.DOM_VK_TAB;
+    utils.sendKeyEvent("keydown", key, 0, modifier);
+    utils.sendKeyEvent("keypress", key, 0, modifier);
+    utils.sendKeyEvent("keyup", key, 0, modifier);
+    if (shouldStop) {
+      // Did focus handling succeed
+      is(forwardFocusArray.length, 0,
+         "Not all forward tabbing focus tests were run, " +
+         forwardFocusArray.toString());
+      is(backwardFocusArray.length, 0,
+         "Not all backward tabbing focus tests were run, " +
+         backwardFocusArray.toString());
+      is(expectedWindowFocusCount, 0,
+         "|window| didn't get the right amount of focus events");
+
+       // and blur.
+      is(forwardBlurArray.length, 0,
+         "Not all forward tabbing blur tests were run, " +
+         forwardBlurArray.toString());
+      is(backwardBlurArray.length, 0,
+         "Not all backward tabbing blur tests were run, " +
+         backwardBlurArray.toString());
+      is(expectedWindowBlurCount, 0,
+         "|window| didn't get the right amount of blur events");
+
+      // Cleanup
+      window.removeEventListener("focus", handleWindowFocus, true);
+      window.removeEventListener("focus", handleWindowFocus, false);
+      window.removeEventListener("blur", handleWindowBlur, true);
+      window.removeEventListener("blur", handleWindowBlur, false);
+      var elements = document.getElementsByTagName("*");
+      for (var i = 0; i < elements.length; ++i) {
+        if (elements[i].hasAttribute("id")) {
+          elements[i].removeEventListener("focus", handleFocus, false);
+          elements[i].removeEventListener("blur", handleBlur, false);
+        }
+      }
+
+      SimpleTest.finish();
+    } else {
+      setTimeout(tab, 0);
+    }
+  }
+
+  function start() {
+    window.focus();
+    window.addEventListener("focus", handleWindowFocus, true);
+    window.addEventListener("focus", handleWindowFocus, false);
+    window.addEventListener("blur", handleWindowBlur, true);
+    window.addEventListener("blur", handleWindowBlur, false);
+    var elements = document.getElementsByTagName("*");
+    for (var i = 0; i < elements.length; ++i) {
+      if (elements[i].hasAttribute("id")) {
+        elements[i].addEventListener("focus", handleFocus, false);
+        elements[i].addEventListener("blur", handleBlur, false);
+      }
+      if (elements[i].getAttribute("tabindex") == "1") {
+        elements[i].setAttribute("tabindex", "-1");
+      }
+    }
+    tab();
+  }
+
+  // accessibility.tabfocus must be set to value 7 before running test also
+  // on a mac.
+  function doTest() {
+    SpecialPowers.pushPrefEnv({"set": [["accessibility.tabfocus", 7]]}, start);
+  }
+
+  SimpleTest.waitForExplicitFinish();
+  addLoadEvent(doTest);
+
+</script>
+</pre>
+  <h4 tabindex="0" id="begin">Test:</h4>
+  <table>
+    <tbody>
+      <tr>
+        <td>type="text"</td><td><input type="text"  id="i1" value=""></td>
+      </tr>
+      <tr>
+        <td>type="button"</td><td><input type="button" id="i2" value="type='button'"></td>
+      </tr>
+      <tr>
+        <td>type="checkbox"</td><td><input type="checkbox" id="i3" ></td>
+      </tr>
+      <tr>
+        <td>type="radio" checked</td><td><input type="radio" id="i4" name="radio" checked>
+                                         <input type="radio" id="i4b" name="radio"></td>
+      </tr>
+      <tr>
+        <td>type="radio"</td><td><input type="radio" id="i5" name="radio2">
+                                 <input type="radio" id="i6" name="radio2"></td>
+      </tr>
+      <tr>
+        <td>type="password"</td><td><input type="password" id="i7"></td>
+      </tr>
+      <tr>
+        <td>type="file"</td><td><input type="file" id="i8"></td>
+      </tr>
+      <tr>
+        <td>type="number"</td><td><input type="number" id="number"></td>
+      </tr>
+      <tr>
+        <td>button</td><td><button id="i9">button</button></td>
+      </tr>
+      <tr>
+        <td>select</td><td><select id="i10"><option>select</option></select></td>
+      </tr>
+      <tr>
+        <td>a</td><td><a href="#radio" id="i11">a link</a></td>
+      </tr>
+      <tr>
+        <td>tabindex="0"</td><td><span tabindex="0" id="i12">span</span></td>
+      </tr>
+      
+      <tr>
+        <td><h3>Form elements with tabindex="-1"</h3></td>
+      </tr>
+      <tr>
+        <td>type="text"</td><td><input type="text"  tabindex="-1" value=""></td>
+      </tr>
+      <tr>
+        <td>type="button"</td><td><input type="button" tabindex="-1" value="type='button'"></td>
+      </tr>
+      <tr>
+        <td>type="checkbox"</td><td><input type="checkbox" tabindex="-1"></td>
+      </tr>
+      <tr>
+        <td>type="radio" checked</td><td><input type="radio" tabindex="-1" name="radio3" checked>
+                                         <input type="radio" tabindex="-1" name="radio3"></td>
+      </tr>
+      <tr>
+        <td>type="radio"</td><td><input type="radio" tabindex="-1" name="radio4">
+                                 <input type="radio" tabindex="-1" name="radio4"></td>
+      </tr>
+      <tr>
+        <td>type="password"</td><td><input type="password" tabindex="-1"></td>
+      </tr>
+      <tr>
+        <td>type="file"</td><td><input type="file" tabindex="-1"></td>
+      </tr>
+      <tr>
+        <td>button</td><td><button tabindex="-1">button</button></td>
+      </tr>
+      <tr>
+        <td>select</td><td><select tabindex="-1"><option>select</option></select></td>
+      </tr>
+      
+      <tr>
+        <td><h3>Form elements with .setAttribute("tabindex", "-1")</h3></td>
+      </tr>
+      <tr>
+        <td>type="text"</td><td><input type="text"  tabindex="1" value=""></td>
+      </tr>
+      <tr>
+        <td>type="button"</td><td><input type="button" tabindex="1" value="type='button'"></td>
+      </tr>
+      <tr>
+        <td>type="checkbox"</td><td><input type="checkbox" tabindex="1"></td>
+      </tr>
+      <tr>
+        <td>type="radio" checked</td><td><input type="radio" tabindex="1" name="radio5" checked>
+                                         <input type="radio" tabindex="1" name="radio5"></td>
+      </tr>
+      <tr>
+        <td>type="radio"</td><td><input type="radio" tabindex="1" name="radio6">
+                                 <input type="radio" tabindex="1" name="radio6"></td>
+      </tr>
+      <tr>
+        <td>type="password"</td><td><input type="password" tabindex="1"></td>
+      </tr>
+      <tr>
+        <td>type="file"</td><td><input type="file" tabindex="1"></td>
+      </tr>
+      <tr>
+        <td>button</td><td><button tabindex="1">button</button></td>
+      </tr>
+      <tr>
+        <td>select</td><td><select tabindex="1"><option>select</option></select></td>
+      </tr>
+      
+    </tbody>
+  </table>
+  <h4 tabindex="0" id="end">done.</h4>
+</body>
+</html>
+