1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/accessible/tests/mochitest/table/test_struct_ariatreegrid.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,75 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 +
1.7 +<head>
1.8 + <title>Table accessible tree and table interface tests for ARIA tree grid</title>
1.9 + <link rel="stylesheet" type="text/css"
1.10 + href="chrome://mochikit/content/tests/SimpleTest/test.css" />
1.11 +
1.12 + <script type="application/javascript"
1.13 + src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
1.14 +
1.15 + <script type="application/javascript"
1.16 + src="../common.js"></script>
1.17 + <script type="application/javascript"
1.18 + src="../role.js"></script>
1.19 + <script type="application/javascript"
1.20 + src="../table.js"></script>
1.21 +
1.22 + <script type="application/javascript">
1.23 + function doTest()
1.24 + {
1.25 + //////////////////////////////////////////////////////////////////////////
1.26 + // HTML based ARIA tree grid
1.27 +
1.28 + var cellsArray = [
1.29 + [kColHeaderCell, kColHeaderCell, kColHeaderCell],
1.30 + [kDataCell, kDataCell, kDataCell],
1.31 + [kDataCell, kDataCell, kDataCell]
1.32 + ];
1.33 +
1.34 + testTableStruct("treegrid", cellsArray, kNoColumnHeader, "", "", true);
1.35 +
1.36 + SimpleTest.finish();
1.37 + }
1.38 +
1.39 + SimpleTest.waitForExplicitFinish();
1.40 + addA11yLoadEvent(doTest);
1.41 + </script>
1.42 +</head>
1.43 +
1.44 +<body>
1.45 + <a target="_blank"
1.46 + title="ARIA treegrid role on HTML:table makes thead/tbody accessible"
1.47 + href="https://bugzilla.mozilla.org/show_bug.cgi?id=491683">Mozilla Bug 516133</a>
1.48 +
1.49 + <p id="display"></p>
1.50 + <div id="content" style="display: none"></div>
1.51 + <pre id="test">
1.52 + </pre>
1.53 +
1.54 + <table role="treegrid" id="treegrid"
1.55 + border="1" cellpadding="10" cellspacing="0">
1.56 + <thead>
1.57 + <tr role="row">
1.58 + <th role="columnheader">subject</td>
1.59 + <th role="columnheader">sender</th>
1.60 + <th role="columnheader">date</th>
1.61 + </tr>
1.62 + </thead>
1.63 + <tbody>
1.64 + <tr role="row">
1.65 + <td role="gridcell">about everything</td>
1.66 + <td role="gridcell">president</td>
1.67 + <td role="gridcell">today</td>
1.68 + </tr>
1.69 + <tr role="row">
1.70 + <td role="gridcell">new bugs</td>
1.71 + <td role="gridcell">mozilla team</td>
1.72 + <td role="gridcell">today</td>
1.73 + </tr>
1.74 + </tbody>
1.75 + </table>
1.76 +
1.77 +</body>
1.78 +</html>
