|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 |
|
4 <head> |
|
5 <title>Table accessible tree and table interface tests for ARIA tree grid</title> |
|
6 <link rel="stylesheet" type="text/css" |
|
7 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> |
|
8 |
|
9 <script type="application/javascript" |
|
10 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> |
|
11 |
|
12 <script type="application/javascript" |
|
13 src="../common.js"></script> |
|
14 <script type="application/javascript" |
|
15 src="../role.js"></script> |
|
16 <script type="application/javascript" |
|
17 src="../table.js"></script> |
|
18 |
|
19 <script type="application/javascript"> |
|
20 function doTest() |
|
21 { |
|
22 ////////////////////////////////////////////////////////////////////////// |
|
23 // HTML based ARIA tree grid |
|
24 |
|
25 var cellsArray = [ |
|
26 [kColHeaderCell, kColHeaderCell, kColHeaderCell], |
|
27 [kDataCell, kDataCell, kDataCell], |
|
28 [kDataCell, kDataCell, kDataCell] |
|
29 ]; |
|
30 |
|
31 testTableStruct("treegrid", cellsArray, kNoColumnHeader, "", "", true); |
|
32 |
|
33 SimpleTest.finish(); |
|
34 } |
|
35 |
|
36 SimpleTest.waitForExplicitFinish(); |
|
37 addA11yLoadEvent(doTest); |
|
38 </script> |
|
39 </head> |
|
40 |
|
41 <body> |
|
42 <a target="_blank" |
|
43 title="ARIA treegrid role on HTML:table makes thead/tbody accessible" |
|
44 href="https://bugzilla.mozilla.org/show_bug.cgi?id=491683">Mozilla Bug 516133</a> |
|
45 |
|
46 <p id="display"></p> |
|
47 <div id="content" style="display: none"></div> |
|
48 <pre id="test"> |
|
49 </pre> |
|
50 |
|
51 <table role="treegrid" id="treegrid" |
|
52 border="1" cellpadding="10" cellspacing="0"> |
|
53 <thead> |
|
54 <tr role="row"> |
|
55 <th role="columnheader">subject</td> |
|
56 <th role="columnheader">sender</th> |
|
57 <th role="columnheader">date</th> |
|
58 </tr> |
|
59 </thead> |
|
60 <tbody> |
|
61 <tr role="row"> |
|
62 <td role="gridcell">about everything</td> |
|
63 <td role="gridcell">president</td> |
|
64 <td role="gridcell">today</td> |
|
65 </tr> |
|
66 <tr role="row"> |
|
67 <td role="gridcell">new bugs</td> |
|
68 <td role="gridcell">mozilla team</td> |
|
69 <td role="gridcell">today</td> |
|
70 </tr> |
|
71 </tbody> |
|
72 </table> |
|
73 |
|
74 </body> |
|
75 </html> |