The Tor Browser / file comparison
comparison: toolkit/content/tests/chrome/test_tabindex.xul
toolkit/content/tests/chrome/test_tabindex.xul
- branch
- TOR_BUG_3246
- changeset 7
- 129ffea94266
equal
deleted
inserted
replaced
| -1:000000000000 | 0:cfb75b217623 |
|---|---|
| 1 <?xml version="1.0"?> | |
| 2 <?xml-stylesheet href="chrome://global/skin" type="text/css"?> | |
| 3 <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?> | |
| 4 <!-- | |
| 5 XUL Widget Test for tabindex | |
| 6 --> | |
| 7 <window title="tabindex" width="500" height="600" | |
| 8 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> | |
| 9 <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> | |
| 10 <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script> | |
| 11 | |
| 12 <!-- | |
| 13 Elements are navigated in the following order: | |
| 14 1. tabindex > 0 in tree order | |
| 15 2. tabindex = 0 in tree order | |
| 16 Elements with tabindex = -1 are not in the tab order | |
| 17 --> | |
| 18 <hbox> | |
| 19 <button id="t5" label="One"/> | |
| 20 <checkbox id="no1" label="Two" tabindex="-1"/> | |
| 21 <button id="t6" label="Three" tabindex="0"/> | |
| 22 <checkbox id="t1" label="Four" tabindex="1"/> | |
| 23 </hbox> | |
| 24 <hbox> | |
| 25 <textbox id="t7" idmod="t3" size="3"/> | |
| 26 <textbox id="no2" size="3" tabindex="-1"/> | |
| 27 <textbox id="t8" idmod="t4" size="3" tabindex="0"/> | |
| 28 <textbox id="t2" idmod="t1" size="3" tabindex="1"/> | |
| 29 </hbox> | |
| 30 <hbox> | |
| 31 <button id="no3" style="-moz-user-focus: ignore;" label="One"/> | |
| 32 <checkbox id="no4" style="-moz-user-focus: ignore;" label="Two" tabindex="-1"/> | |
| 33 <button id="t9" style="-moz-user-focus: ignore;" label="Three" tabindex="0"/> | |
| 34 <checkbox id="t3" style="-moz-user-focus: ignore;" label="Four" tabindex="1"/> | |
| 35 </hbox> | |
| 36 <hbox> | |
| 37 <textbox id="t10" idmod="t5" style="-moz-user-focus: ignore;" size="3"/> | |
| 38 <textbox id="no5" style="-moz-user-focus: ignore;" size="3" tabindex="-1"/> | |
| 39 <textbox id="t11" idmod="t6" style="-moz-user-focus: ignore;" size="3" tabindex="0"/> | |
| 40 <textbox id="t4" idmod="t2" style="-moz-user-focus: ignore;" size="3" tabindex="1"/> | |
| 41 </hbox> | |
| 42 <listbox id="t12" idmod="t7"> | |
| 43 <listitem label="Item One"/> | |
| 44 </listbox> | |
| 45 | |
| 46 <hbox> | |
| 47 <!-- the tabindex attribute does not apply to non-controls, so it | |
| 48 should be treated as -1 for non-focusable dropmarkers, and 0 | |
| 49 for focusable dropmarkers. Thus, the first four dropmarkers | |
| 50 are not in the tab order, and the last four dropmarkers should | |
| 51 be in the tab order just after the listbox above. | |
| 52 --> | |
| 53 <dropmarker id="no6"/> | |
| 54 <dropmarker id="no7" tabindex="-1"/> | |
| 55 <dropmarker id="no8" tabindex="0"/> | |
| 56 <dropmarker id="no9" tabindex="1"/> | |
| 57 <dropmarker id="t13" style="-moz-user-focus: normal;"/> | |
| 58 <dropmarker id="t14" style="-moz-user-focus: normal;" tabindex="-1"/> | |
| 59 <dropmarker id="t15" style="-moz-user-focus: normal;" tabindex="0"/> | |
| 60 <dropmarker id="t16" style="-moz-user-focus: normal;" tabindex="1"/> | |
| 61 </hbox> | |
| 62 | |
| 63 <body xmlns="http://www.w3.org/1999/xhtml"> | |
| 64 <p id="display"></p> | |
| 65 <div id="content" style="display: none"> | |
| 66 </div> | |
| 67 <pre id="test"> | |
| 68 </pre> | |
| 69 </body> | |
| 70 | |
| 71 <script> | |
| 72 <![CDATA[ | |
| 73 | |
| 74 SimpleTest.waitForExplicitFinish(); | |
| 75 | |
| 76 var gAdjustedTabFocusModel = false; | |
| 77 var gTestCount = 16; | |
| 78 var gTestsOccurred = 0; | |
| 79 | |
| 80 function runTests() | |
| 81 { | |
| 82 var t; | |
| 83 window.addEventListener("focus", function (event) { | |
| 84 if (t == 1 && event.target.id == "t2") { | |
| 85 // looks to be using the MacOSX Full Keyboard Access set to Textboxes | |
| 86 // and lists only so use the idmod attribute instead | |
| 87 gAdjustedTabFocusModel = true; | |
| 88 gTestCount = 7; | |
| 89 } | |
| 90 | |
| 91 var attrcompare = gAdjustedTabFocusModel ? "idmod" : "id"; | |
| 92 | |
| 93 // check for the last test which should wrap aorund to the first item | |
| 94 // consider the focus event on the inner input of textboxes instead | |
| 95 if (event.originalTarget.localName == "input") { | |
| 96 is(document.getBindingParent(event.originalTarget).getAttribute(attrcompare), | |
| 97 "t" + t, "tab " + t + " to inner input"); | |
| 98 gTestsOccurred++; | |
| 99 } | |
| 100 else { | |
| 101 is(event.target.getAttribute(attrcompare), "t" + t, "tab " + t + " to " + event.target.localName) | |
| 102 if (event.target.localName != "textbox") | |
| 103 gTestsOccurred++; | |
| 104 } | |
| 105 }, true); | |
| 106 | |
| 107 for (t = 1; t <= gTestCount; t++) | |
| 108 synthesizeKey("VK_TAB", { }); | |
| 109 | |
| 110 is(gTestsOccurred, gTestCount, "test count"); | |
| 111 SimpleTest.finish(); | |
| 112 } | |
| 113 | |
| 114 SimpleTest.waitForFocus(runTests); | |
| 115 | |
| 116 ]]> | |
| 117 | |
| 118 </script> | |
| 119 | |
| 120 </window> |
