1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
let doc, tbody, tabAboutProcesses;
const rowTypes = ["process", "window", "thread-summary", "thread"];
function promiseUpdate() {
return promiseAboutProcessesUpdated({
doc,
tbody,
force: true,
tabAboutProcesses,
});
}
add_setup(async function () {
Services.prefs.setBoolPref("toolkit.aboutProcesses.showThreads", true);
info("Setting up about:processes");
tabAboutProcesses = await BrowserTestUtils.openNewForegroundTab({
gBrowser,
opening: "about:processes",
waitForLoad: true,
});
doc = tabAboutProcesses.linkedBrowser.contentDocument;
tbody = doc.getElementById("process-tbody");
await promiseUpdate();
});
add_task(function testTwistyImageButtonSetup() {
let twistyBtn = doc.querySelector("tr.thread-summary .twisty");
let groupRow = twistyBtn.parentNode.parentNode;
let groupRowId = groupRow.firstChild.children[1].getAttribute("id");
let groupRowLabelId = groupRowId.split(":")[1];
info("Verify twisty button is properly set up.");
Assert.ok(
twistyBtn.hasAttribute("aria-labelledby"),
"the Twisty image button has an aria-labelledby"
);
Assert.equal(
twistyBtn.getAttribute("aria-labelledby"),
`${groupRowLabelId}-label ${groupRowId}`,
"the Twisty image button's aria-labelledby refers to a valid 'id' that is the Name of its row"
);
Assert.equal(
twistyBtn.getAttribute("role"),
"button",
"the Twisty image is programmatically a button"
);
Assert.equal(
twistyBtn.getAttribute("tabindex"),
"0",
"the Twisty image button is included in the focus order"
);
Assert.equal(
twistyBtn.getAttribute("aria-expanded"),
"false",
"the Twisty image button is collapsed by default"
);
});
add_task(function testTwistyImageButtonClicking() {
let twistyBtn = doc.querySelector("tr.thread-summary .twisty");
let groupRow = twistyBtn.parentNode.parentNode;
info(
"Verify we can toggle/open a list of threads by clicking the twisty button."
);
twistyBtn.click();
Assert.ok(
groupRow.nextSibling.classList.contains("thread") &&
!groupRow.nextSibling.classList.contains("thread-summary"),
"clicking a collapsed Twisty adds subitems after the row"
);
Assert.equal(
twistyBtn.getAttribute("aria-expanded"),
"true",
"the Twisty image button is expanded after a click"
);
});
add_task(function testTwistyImageButtonKeypressing() {
let twistyBtn = doc.querySelector("tr.thread-summary .twisty");
let groupRow = twistyBtn.parentNode.parentNode;
info(
`Verify we can toggle/close a list of threads by pressing Enter or
Space on the twisty button.`
);
// Verify the twisty button can be focused with a keyboard.
twistyBtn.focus();
Assert.equal(
twistyBtn,
doc.activeElement,
"the Twisty image button can be focused"
);
// Verify we can toggle subitems with a keyboard.
// Twisty is expanded
EventUtils.synthesizeKey("KEY_Enter");
Assert.ok(
!groupRow.nextSibling.classList.contains("thread") ||
groupRow.nextSibling.classList.contains("thread-summary"),
"pressing Enter on expanded Twisty hides a list of threads after the row"
);
Assert.equal(
twistyBtn.getAttribute("aria-expanded"),
"false",
"the Twisty image button is collapsed after an Enter keypress"
);
// Twisty is collapsed
EventUtils.synthesizeKey(" ");
Assert.ok(
groupRow.nextSibling.classList.contains("thread") &&
!groupRow.nextSibling.classList.contains("thread-summary"),
"pressing Space on collapsed Twisty shows a list of threads after the row"
);
Assert.equal(
twistyBtn.getAttribute("aria-expanded"),
"true",
"the Twisty image button is expanded after a Space keypress"
);
});
add_task(function cleanup() {
BrowserTestUtils.removeTab(tabAboutProcesses);
Services.prefs.clearUserPref("toolkit.aboutProcesses.showThreads");
});
|
