diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /dom/svg/test/test_tabindex.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/svg/test/test_tabindex.html')
| -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> |