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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
const TEST_URI = `<h1>Top level header</h1><p>This is a paragraph.</p>`;
/**
* Test data has the format of:
* {
* desc {String} description for better logging
* setup {Function} An optional setup that needs to be performed before
* the state of the tree and the sidebar can be checked.
* expected {JSON} An expected states for the tree and the sidebar.
* }
*/
const tests = [
{
desc: "Test the initial accessibility tree and sidebar states.",
expected: {
tree: [
{
role: "document",
name: `""text label`,
badges: ["text label"],
},
],
sidebar: {
name: "",
role: "document",
actions: [],
value: "",
description: "",
keyboardShortcut: "",
childCount: 1,
indexInParent: 0,
states: [
// The focused state is an outdated state, since the toolbox should now
// have the focus and not the content page. See Bug 1702709.
"focused",
"readonly",
"focusable",
"opaque",
"enabled",
"sensitive",
],
},
},
},
{
desc: "Expand first tree node.",
setup: ({ doc }) => toggleRow(doc, 0),
expected: {
tree: [
{
role: "document",
name: `""text label`,
badges: ["text label"],
},
{
role: "internal frame",
name: `"Accessibility Panel Test (OOP)"`,
},
],
},
},
{
desc: "Expand second tree node. Display OOP document.",
setup: ({ doc }) => toggleRow(doc, 1),
expected: {
tree: [
{
role: "document",
name: `""text label`,
badges: ["text label"],
},
{
role: "internal frame",
name: `"Accessibility Panel Test (OOP)"`,
},
{
role: "document",
name: `"Accessibility Panel Test (OOP)"`,
},
],
sidebar: {
name: "Accessibility Panel Test (OOP)",
role: "internal frame",
actions: [],
value: "",
description: "",
keyboardShortcut: "",
childCount: 1,
indexInParent: 0,
states: ["focusable", "opaque", "enabled", "sensitive"],
},
},
},
{
desc: "Expand third tree node. Display OOP frame content.",
setup: ({ doc }) => toggleRow(doc, 2),
expected: {
tree: [
{
role: "document",
name: `""text label`,
badges: ["text label"],
},
{
role: "internal frame",
name: `"Accessibility Panel Test (OOP)"`,
},
{
role: "document",
name: `"Accessibility Panel Test (OOP)"`,
},
{
role: "heading",
name: `"Top level header"`,
},
{
role: "paragraph",
name: `""`,
},
],
sidebar: {
name: "Accessibility Panel Test (OOP)",
role: "document",
actions: [],
value: "",
description: "",
keyboardShortcut: "",
childCount: 2,
indexInParent: 0,
states: ["readonly", "focusable", "opaque", "enabled", "sensitive"],
},
},
},
];
/**
* Check navigation within the tree.
*/
addA11yPanelTestsTask(
tests,
TEST_URI,
"Test Accessibility panel tree navigation with OOP frame.",
{ remoteIframe: true }
);
|
