accessible/tests/mochitest/table/test_struct_ariatreegrid.html

branch
TOR_BUG_9701
changeset 8
97036ab72558
equal deleted inserted replaced
-1:000000000000 0:a169affb15ae
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>

mercurial