summaryrefslogtreecommitdiffstats
path: root/dom/events/test/test_accesskey.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /dom/events/test/test_accesskey.html
parentInitial commit. (diff)
downloadfirefox-esr-upstream.tar.xz
firefox-esr-upstream.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/events/test/test_accesskey.html')
-rw-r--r--dom/events/test/test_accesskey.html160
1 files changed, 160 insertions, 0 deletions
diff --git a/dom/events/test/test_accesskey.html b/dom/events/test/test_accesskey.html
new file mode 100644
index 0000000000..cdfff54a28
--- /dev/null
+++ b/dom/events/test/test_accesskey.html
@@ -0,0 +1,160 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Test for Accesskey</title>
+<script src="/tests/SimpleTest/SimpleTest.js"></script>
+<script src="/tests/SimpleTest/EventUtils.js"></script>
+<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
+</head>
+<body>
+<p id="display"></p>
+<button id="activation" accesskey="e">Should be activated</button>
+<!-- Tests for label -->
+<label id="label1" accesskey="a">Label 1</label><br>
+<label id="label2" accesskey="a" for="checkbox2">Label 2</label><input type="checkbox" id="checkbox2" disabled>Checkbox 2</input><br>
+<label id="label3" accesskey="a" for="checkbox3">Label 3</label><input type="checkbox" id="checkbox3">Checkbox 3</input><br>
+<!-- Tests for button -->
+<button id="button1" accesskey="b" style="display: none;">Button 1</button><br>
+<button id="button2" accesskey="b">Button 2</button><br>
+<button id="button3" accesskey="b" disabled>Button 3</button><br>
+<button id="button4" accesskey="b">Button 4</button><br>
+<!-- Tests for legend -->
+<fieldset>
+<legend accesskey="c">Legend 1</legend>
+<input type="radio" id="radio1" style="display: none;"><label for="radio1">Radio 1</label><br>
+<input type="radio" id="radio2" disabled><label for="radio2">Radio 2</label><br>
+<input type="radio" id="radio3"><label for="radio3">Radio 3</label><br>
+</fieldset>
+<!-- Tests for legend2 -->
+<fieldset>
+<legend accesskey="d">Legend 2</legend>
+<input type="radio" id="radio4" disabled><label for="radio4">Radio 4</label><br>
+</fieldset>
+<input type="text" id="text1" accesskey="d"><br>
+<!-- Tests for bug 1723010 -->
+<button id="button5" style="display:none" accesskey="1">Button 5</button>
+<button id="button6" style="display:none" accesskey="2">Button 6</button>
+<textarea id="textarea1" accesskey="2"></textarea>
+<!-- Test for file input -->
+<input type=file id="file" accesskey="f">
+<script>
+
+function performAccessKey(aKey) {
+ synthesizeKey(aKey, (navigator.platform.includes("Mac")) ?
+ { altKey : true, ctrlKey : true } :
+ { altKey : true, shiftKey: true });
+}
+
+add_setup(async function() {
+ // A workaround for bug 1726811.
+ await SpecialPowers.pushPrefEnv({ set: [[ "accessibility.tabfocus", 7 ]] });
+});
+
+add_task(function activation() {
+ ok(!SpecialPowers.wrap(document).hasValidTransientUserGestureActivation, "Shouldn't be activated yet");
+ performAccessKey("e");
+ is(document.activeElement, document.getElementById("activation"), "Focus moved");
+ ok(SpecialPowers.wrap(document).hasValidTransientUserGestureActivation, "Accesskey triggers activation");
+});
+
+add_task(function label() {
+ let checkbox3 = document.getElementById("checkbox3");
+
+ performAccessKey("a");
+ is(document.activeElement.id, checkbox3.id, `focus should move to ${checkbox3.id}`);
+ ok(!checkbox3.checked, `${checkbox3.id} should be still unchecked`);
+});
+
+add_task(function button() {
+ let button2 = document.getElementById("button2");
+ let button4 = document.getElementById("button4");
+
+ [button2, button4].forEach(function(element) {
+ element.addEventListener("click", function() {
+ ok(false, `${element.id} should not be clicked`);
+ });
+ });
+
+ performAccessKey("b");
+ is(document.activeElement.id, button2.id, `focus should move to ${button2.id}`);
+
+ performAccessKey("b");
+ is(document.activeElement.id, button4.id, `focus should move to ${button4.id}`);
+});
+
+add_task(function legend() {
+ let radio3 = document.getElementById("radio3");
+
+ performAccessKey("c");
+ is(document.activeElement.id, radio3.id, `focus should move to ${radio3.id}`);
+ ok(!radio3.checked, `${radio3.id} should be still unchecked`);
+});
+
+add_task(function legend2() {
+ let text1 = document.getElementById("text1");
+
+ performAccessKey("d");
+ is(document.activeElement.id, text1.id, `focus should move to ${text1.id}`);
+});
+
+/** Test for Bug 1723010 **/
+
+add_task(async function removeElement() {
+ let button5 = document.getElementById("button5");
+ let textarea1 = document.getElementById("textarea1");
+ let promise = new Promise((resolve) => {
+ button5.addEventListener("click", function() {
+ textarea1.remove();
+ SimpleTest.executeSoon(() => {
+ ok(true, "should not crash");
+ resolve();
+ });
+ }, { once: true });
+ });
+
+ performAccessKey("1");
+ await promise;
+});
+
+add_task(async function modifyAccessKey() {
+ let button5 = document.getElementById("button5");
+ let button6 = document.getElementById("button6");
+ let textarea1 = document.querySelector("textarea1");
+ let promise = new Promise((resolve) => {
+ button5.addEventListener("click", function() {
+ button5.setAttribute("accesskey", "2");
+ button6.setAttribute("accesskey", "1");
+ SimpleTest.executeSoon(() => {
+ ok(true, "Button 5 should be clicked");
+ resolve();
+ });
+ }, { once: true });
+
+ button6.addEventListener("click", function() {
+ ok(false, "Button 6 should not be clicked");
+ }, { once: true });
+ });
+
+ performAccessKey("1");
+ await promise;
+});
+
+add_task(async function file_picker() {
+ const file = document.getElementById("file");
+ const MockFilePicker = SpecialPowers.MockFilePicker;
+ MockFilePicker.init(window);
+ MockFilePicker.returnValue = MockFilePicker.returnCancel;
+
+ let clicked = false;
+ file.addEventListener("click", function(e) { clicked = true; });
+
+ performAccessKey("f");
+ ok(clicked, "Should've activated the picker");
+
+ MockFilePicker.reset();
+});
+
+</script>
+</body>
+</html>