The Tor Browser / file comparison

comparison: accessible/tests/mochitest/tree/test_aria_grid.html

accessible/tests/mochitest/tree/test_aria_grid.html

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:43b61c78c945
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>HTML table tests</title>
5 <link rel="stylesheet" type="text/css"
6 href="chrome://mochikit/content/tests/SimpleTest/test.css" />
7
8 <script type="application/javascript"
9 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
10
11 <script type="application/javascript"
12 src="../common.js"></script>
13 <script type="application/javascript"
14 src="../role.js"></script>
15
16 <script type="application/javascript">
17 function doTest()
18 {
19 //////////////////////////////////////////////////////////////////////////
20 // grid having rowgroups
21
22 var accTree =
23 { TABLE: [
24 { GROUPING: [
25 { ROW: [
26 { GRID_CELL: [
27 { TEXT_LEAF: [ ] }
28 ] }
29 ] }
30 ] },
31 ] };
32
33 testAccessibleTree("grid", accTree);
34
35 //////////////////////////////////////////////////////////////////////////
36 // crazy grids (mad mix of ARIA and HTML tables)
37
38 accTree = {
39 role: ROLE_TABLE,
40 children: [
41 { // div@role="row"
42 role: ROLE_ROW,
43 tagName: "DIV",
44 children: [
45 { // caption text leaf
46 role: ROLE_TEXT_LEAF,
47 name: "caption",
48 children: [ ]
49 },
50 { // th generic accessible
51 role: ROLE_TEXT_CONTAINER,
52 children: [
53 { // th text leaf
54 role: ROLE_TEXT_LEAF,
55 name: "header1",
56 children: [ ]
57 }
58 ]
59 },
60 { // td@role="columnheader"
61 role: ROLE_COLUMNHEADER,
62 name: "header2",
63 children: [ { TEXT_LEAF: [ ] } ]
64 }
65 ]
66 }
67 ]
68 };
69 testAccessibleTree("crazy_grid1", accTree);
70
71 accTree = {
72 role: ROLE_TABLE,
73 children: [
74 { // tr@role="row"
75 role: ROLE_ROW,
76 tagName: "TR",
77 children: [
78 { // td generic accessible
79 role: ROLE_TEXT_CONTAINER,
80 children: [
81 { // td text leaf
82 role: ROLE_TEXT_LEAF,
83 name: "cell1",
84 children: [ ]
85 }
86 ]
87 },
88 { // td@role="gridcell"
89 role: ROLE_GRID_CELL,
90 name: "cell2",
91 children: [ { TEXT_LEAF: [ ] } ]
92 }
93 ]
94 }
95 ]
96 };
97 testAccessibleTree("crazy_grid2", accTree);
98
99 accTree = {
100 role: ROLE_TABLE,
101 children: [
102 { // div@role="row"
103 role: ROLE_ROW,
104 children: [
105 { // div@role="gridcell"
106 role: ROLE_GRID_CELL,
107 children: [
108 { // td generic accessible
109 role: ROLE_TEXT_CONTAINER,
110 children: [
111 { // text leaf from presentational table
112 role: ROLE_TEXT_LEAF,
113 name: "cell3",
114 children: [ ]
115 }
116 ]
117 },
118 ]
119 }
120 ]
121 }
122 ]
123 };
124 testAccessibleTree("crazy_grid3", accTree);
125
126 accTree = {
127 role: ROLE_TABLE,
128 children: [
129 { // div@role="row"
130 role: ROLE_ROW,
131 children: [
132 { // div@role="gridcell"
133 role: ROLE_GRID_CELL,
134 children: [
135 { // table
136 role: ROLE_TABLE,
137 children: [
138 { // tr
139 role: ROLE_ROW,
140 children: [
141 { // td
142 role: ROLE_CELL,
143 children: [
144 { // caption text leaf of presentational table
145 role: ROLE_TEXT_LEAF,
146 name: "caption",
147 children: [ ]
148 },
149 { // td generic accessible
150 role: ROLE_TEXT_CONTAINER,
151 children: [
152 { // td text leaf of presentational table
153 role: ROLE_TEXT_LEAF,
154 name: "cell4",
155 children: [ ]
156 }
157 ]
158 }
159 ]
160 }
161 ]
162 }
163 ]
164 }
165 ]
166 }
167 ]
168 }
169 ]
170 };
171
172 testAccessibleTree("crazy_grid4", accTree);
173
174 //////////////////////////////////////////////////////////////////////////
175 // grids that could contain whitespace accessibles but shouldn't.
176
177 var accTree =
178 { TREE_TABLE: [
179 { ROW: [
180 { GRID_CELL: [
181 { TEXT_LEAF: [ ] }
182 ] },
183 { GRID_CELL: [
184 { TEXT_LEAF: [ ] }
185 ] },
186 { GRID_CELL: [
187 { TEXT_LEAF: [ ] }
188 ] }
189 ] },
190 ] };
191
192 testAccessibleTree("whitespaces-grid", accTree);
193
194 SimpleTest.finish();
195 }
196
197 SimpleTest.waitForExplicitFinish();
198 addA11yLoadEvent(doTest);
199 </script>
200 </head>
201 <body>
202
203 <a target="_blank"
204 title="Support ARIA role rowgroup"
205 href="https://bugzilla.mozilla.org/show_bug.cgi?id=525909">
206 Mozilla Bug 525909
207 </a>
208 <p id="display"></p>
209 <div id="content" style="display: none"></div>
210 <pre id="test">
211 </pre>
212
213 <div id="grid" role="grid">
214 <div role="rowgroup">
215 <div role="row">
216 <div role="gridcell">cell</div>
217 </div>
218 </div>
219 </div>
220
221 <div id="crazy_grid1" role="grid">
222 <div role="row">
223 <table role="presentation">
224 <caption>caption</caption>
225 <tr>
226 <th>header1</th>
227 <td role="columnheader">header2</td>
228 </tr>
229 </table>
230 </div>
231 </div>
232
233 <div id="crazy_grid2" role="grid">
234 <table role="presentation">
235 <tr role="row">
236 <td id="ct_cell1">cell1</td>
237 <td role="gridcell">cell2</td>
238 </tr>
239 </table>
240 </div>
241
242 <div id="crazy_grid3" role="grid">
243 <div role="row">
244 <div role="gridcell">
245 <table role="presentation">
246 <tr>
247 <td>cell3</td>
248 </tr>
249 </table>
250 </div>
251 </div>
252 </div>
253
254 <div id="crazy_grid4" role="grid">
255 <div role="row">
256 <div role="gridcell">
257 <table>
258 <tr>
259 <td>
260 <table role="presentation">
261 <caption>caption</caption>
262 <tr><td>cell4</td></tr>
263 </table>
264 </td>
265 </tr>
266 </table>
267 </div>
268 </div>
269 </div>
270
271 <div role="treegrid" id="whitespaces-grid">
272 <div role="row" aria-selected="false" tabindex="-1">
273 <span role="gridcell">03:30PM-04:30PM</span>
274 <span role="gridcell" style="font-weight:bold;">test</span>
275 <span role="gridcell">a user1</span>
276 </div>
277 </div>
278 </body>
279 </html>

Mercurial Repository: The Tor Browser

Europalab SCM Repository Server

mercurial