diff options
Diffstat (limited to '')
-rw-r--r-- | dom/svg/test/test_tabindex.html | 103 |
1 files changed, 103 insertions, 0 deletions
diff --git a/dom/svg/test/test_tabindex.html b/dom/svg/test/test_tabindex.html new file mode 100644 index 0000000000..65315420bc --- /dev/null +++ b/dom/svg/test/test_tabindex.html @@ -0,0 +1,103 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>Test for SVG tabIndex - Bug 778654</title> + <link rel="stylesheet" type="text/css" + href="chrome://mochikit/content/tests/SimpleTest/test.css" /> + + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <script src="/tests/SimpleTest/EventUtils.js"></script> +</head> +<body> +<svg xmlns="http://www.w3.org/2000/svg" overflow="visible"> + <foreignObject id="f" x="0" y="0" width="200" height="60" tabindex="0"> + <body xmlns="http://www.w3.org/1999/xhtml"> + <p>Here is a paragraph that requires word wrap</p> + </body> + </foreignObject> + <rect id="r" x="0" y="70" width="100" height="100" fill="yellow" tabindex="1"/> + <text id="t" x="0" y="200" tabindex="2"> + This is SVG text + </text> + <a xlink:href="#" id="l1" tabindex="3"> + <circle cx="10" cy="230" r="10"/> + </a> + <a id="l2" tabindex="4"> + <circle cx="10" cy="260" r="10"/> + </a> + <rect id="r6" x="0" y="70" width="100" height="100" fill="yellow" tabindex="6"/> + <rect id="r7" x="0" y="70" width="100" height="100" fill="yellow" tabindex="7"/> +</svg> +<pre id="test"> +<script class="testbody" type="text/javascript"> +SimpleTest.waitForExplicitFinish(); + +function main() { + var f = document.getElementById("f"); + var r = document.getElementById("r"); + var t = document.getElementById("t"); + var l1 = document.getElementById("l1"); + var l2 = document.getElementById("l2"); + const isMac = ("nsILocalFileMac" in SpecialPowers.Ci); + + try { + // Step 1: Checking by assigning tabIndex + is(f.tabIndex, 0, "foreignObject initial tabIndex"); + f.tabIndex = 1; + is(f.tabIndex, 1, "foreignObject tabIndex is set to 1"); + + is(r.tabIndex, 1, "rect initial tabIndex"); + r.tabIndex = 2; + is(r.tabIndex, 2, "rect tabIndex is set to 2"); + + is(t.tabIndex, 2, "text initial tabIndex"); + t.tabIndex = 3; + is(t.tabIndex, 3, "text is set to 3"); + + is(l1.tabIndex, 3, "link initial tabIndex"); + l1.tabIndex = 4; + is(l1.tabIndex, 4, "link is set to 4"); + + is(l2.tabIndex, 4, "non-link initial tabIndex"); + l2.tabIndex = 5; + is(l2.tabIndex, 5, "non-link is set to 4"); + + // Step 2: Checking by triggering TAB event + is(document.activeElement.tabIndex, -1, "In the beginning, the active element tabindex is -1"); + + synthesizeKey("KEY_Tab"); + is(document.activeElement.tabIndex, 1, "The active element tabindex is 1"); + + synthesizeKey("KEY_Tab"); + is(document.activeElement.tabIndex, 2, "The active element tabindex is 2"); + + synthesizeKey("KEY_Tab"); + is(document.activeElement.tabIndex, 3, "The active element tabindex is 3"); + + synthesizeKey("KEY_Tab"); + // On Mac, SVG link elements should not be focused. + if (isMac) { + is(document.activeElement.tabIndex, 6, "The active element tabindex is 6"); + } else { + is(document.activeElement.tabIndex, 4, "The active element tabindex is 4"); + } + + synthesizeKey("KEY_Tab"); + // On Mac, SVG link elements should not be focused. + if (isMac) { + is(document.activeElement.tabIndex, 7, "The active element tabindex is 7"); + } else { + is(document.activeElement.tabIndex, 5, "The active element tabindex is 5"); + } + } catch (e) { + ok(false, "Got unexpected exception" + e); + } + + SimpleTest.finish(); +} + +SimpleTest.waitForFocus(main); + +</script> +</pre> +</body> +</html> |