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
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
/* import-globals-from ../../mochitest/role.js */
/* import-globals-from ../../mochitest/states.js */
loadScripts(
{ name: "role.js", dir: MOCHITESTS_DIR },
{ name: "states.js", dir: MOCHITESTS_DIR }
);
/**
* Test different labeling/titling schemes for text fields
*/
addAccessibleTask(
`<label for="n1">Label</label> <input id="n1">
<label for="n2">Two</label> <label for="n2">Labels</label> <input id="n2">
<input aria-label="ARIA Label" id="n3">`,
(browser, accDoc) => {
let n1 = getNativeInterface(accDoc, "n1");
let n1Label = n1.getAttributeValue("AXTitleUIElement");
// XXX: In Safari the label is an AXText with an AXValue,
// here it is an AXGroup witth an AXTitle
is(n1Label.getAttributeValue("AXTitle"), "Label");
let n2 = getNativeInterface(accDoc, "n2");
is(n2.getAttributeValue("AXDescription"), "TwoLabels");
let n3 = getNativeInterface(accDoc, "n3");
is(n3.getAttributeValue("AXDescription"), "ARIA Label");
}
);
/**
* Test to see that named groups get labels
*/
addAccessibleTask(
`<fieldset id="fieldset"><legend>Fields</legend><input aria-label="hello"></fieldset>`,
(browser, accDoc) => {
let fieldset = getNativeInterface(accDoc, "fieldset");
is(fieldset.getAttributeValue("AXDescription"), "Fields");
}
);
/**
* Test to see that list items don't get titled groups
*/
addAccessibleTask(
`<ul style="list-style: none;"><li id="unstyled-item">Hello</li></ul>
<ul><li id="styled-item">World</li></ul>`,
(browser, accDoc) => {
let unstyledItem = getNativeInterface(accDoc, "unstyled-item");
is(unstyledItem.getAttributeValue("AXTitle"), "");
let styledItem = getNativeInterface(accDoc, "unstyled-item");
is(styledItem.getAttributeValue("AXTitle"), "");
}
);
/**
* Test that we fire a title changed notification
*/
addAccessibleTask(
`<div id="elem" aria-label="Hello world"></div>`,
async (browser, accDoc) => {
let elem = getNativeInterface(accDoc, "elem");
is(elem.getAttributeValue("AXTitle"), "Hello world");
let evt = waitForMacEvent("AXTitleChanged", "elem");
await SpecialPowers.spawn(browser, [], () => {
content.document
.getElementById("elem")
.setAttribute("aria-label", "Hello universe");
});
await evt;
is(elem.getAttributeValue("AXTitle"), "Hello universe");
}
);
/**
* Test articles supply only labels not titles
*/
addAccessibleTask(
`<article id="article" aria-label="Hello world"></article>`,
async (browser, accDoc) => {
let article = getNativeInterface(accDoc, "article");
is(article.getAttributeValue("AXDescription"), "Hello world");
ok(!article.getAttributeValue("AXTitle"));
}
);
/**
* Test text and number inputs supply only labels not titles
*/
addAccessibleTask(
`<label for="input">Your favorite number?</label><input type="text" name="input" value="11" id="input" aria-label="The best number you know of">`,
async (browser, accDoc) => {
let input = getNativeInterface(accDoc, "input");
is(input.getAttributeValue("AXDescription"), "The best number you know of");
ok(!input.getAttributeValue("AXTitle"));
let evt = waitForEvent(EVENT_SHOW, "input");
await SpecialPowers.spawn(browser, [], () => {
content.document.getElementById("input").setAttribute("type", "number");
});
await evt;
input = getNativeInterface(accDoc, "input");
is(input.getAttributeValue("AXDescription"), "The best number you know of");
ok(!input.getAttributeValue("AXTitle"));
}
);
|
