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
|
/* Utilities related to WAI-ARIA */
const AriaUtils = {
/*
Tests simple role assignment: <div role="alert">x</div>
Not intended for nested, context-dependent, or other complex role tests.
Ex: AriaUtils.assignAndVerifyRolesByRoleNames(["group", "main", "button"])
*/
assignAndVerifyRolesByRoleNames: function(roleNames) {
if (!Array.isArray(roleNames) || !roleNames.length) {
throw `Param roleNames of assignAndVerifyRolesByRoleNames("${roleNames}") should be an array containing at least one role string.`;
}
for (const role of roleNames) {
promise_test(async t => {
let el = document.createElement("div");
el.appendChild(document.createTextNode("x"));
el.setAttribute("role", role); // el.role not yet supported by Gecko.
el.id = `role_${role}`;
document.body.appendChild(el);
const computedRole = await test_driver.get_computed_role(document.getElementById(el.id));
assert_equals(computedRole, role, el.outerHTML);
}, `role: ${role}`);
}
},
/*
Tests computed ROLE of all elements matching selector
against the string value of their data-expectedrole attribute.
Ex: <div role="list"
data-testname="optional unique test name"
data-expectedrole="list"
class="ex">
AriaUtils.verifyRolesBySelector(".ex")
*/
verifyRolesBySelector: function(selector) {
const els = document.querySelectorAll(selector);
if (!els.length) {
throw `Selector passed in verifyRolesBySelector("${selector}") should match at least one element.`;
}
for (const el of els) {
let role = el.getAttribute("data-expectedrole");
let testName = el.getAttribute("data-testname") || role; // data-testname optional if role is unique per test file
promise_test(async t => {
const expectedRole = el.getAttribute("data-expectedrole");
// ensure ID existence and uniqueness for the webdriver callback
if (!el.id) {
let roleCount = 1;
let elID = `${expectedRole}${roleCount}`;
while(document.getElementById(elID)) {
roleCount++;
elID = `${expectedRole}${roleCount}`;
}
el.id = elID;
}
const computedRole = await test_driver.get_computed_role(document.getElementById(el.id));
assert_equals(computedRole, expectedRole, el.outerHTML);
}, `${testName}`);
}
},
/*
Tests computed LABEL of all elements matching selector
against the string value of their data-expectedlabel attribute.
Ex: <div aria-label="foo"
data-testname="optional unique test name"
data-expectedlabel="foo"
class="ex">
AriaUtils.verifyLabelsBySelector(".ex")
*/
verifyLabelsBySelector: function(selector) {
const els = document.querySelectorAll(selector);
if (!els.length) {
throw `Selector passed in verifyLabelsBySelector("${selector}") should match at least one element.`;
}
for (const el of els) {
let label = el.getAttribute("data-expectedlabel");
let testName = el.getAttribute("data-testname") || label; // data-testname optional if label is unique per test file
promise_test(async t => {
const expectedLabel = el.getAttribute("data-expectedlabel");
// ensure ID existence and uniqueness for the webdriver callback
if (!el.id) {
let labelCount = 1;
let elID = `labelTest${labelCount}`;
while(document.getElementById(elID)) {
labelCount++;
elID = `labelTest${labelCount}`;
}
el.id = elID;
}
let computedLabel = await test_driver.get_computed_label(el);
// Todo: Remove whitespace normalization after https://github.com/w3c/accname/issues/192 is addressed. Change prior line back to `const`, too.
computedLabel = computedLabel.trim()
assert_equals(computedLabel, expectedLabel, el.outerHTML);
}, `${testName}`);
}
},
};
|
