1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/accessible/tests/mochitest/table/test_headers_ariagrid.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,139 @@
1.4 +<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en">
1.5 +<html>
1.6 +<head>
1.7 + <title>Table header information cells for ARIA grid</title>
1.8 + <meta http-equiv="content-type" content="text/html; charset=UTF-8">
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="../table.js"></script>
1.19 +
1.20 + <script type="application/javascript">
1.21 +
1.22 + function doTest()
1.23 + {
1.24 + //////////////////////////////////////////////////////////////////////////
1.25 + // column and row headers from markup
1.26 +
1.27 + headerInfoMap = [
1.28 + {
1.29 + cell: "table_dc_1",
1.30 + rowHeaderCells: [ "table_rh_1" ],
1.31 + columnHeaderCells: [ "table_ch_2" ]
1.32 + },
1.33 + {
1.34 + cell: "table_dc_2",
1.35 + rowHeaderCells: [ "table_rh_1" ],
1.36 + columnHeaderCells: [ "table_ch_3" ]
1.37 + },
1.38 + {
1.39 + cell: "table_dc_3",
1.40 + rowHeaderCells: [ "table_rh_2" ],
1.41 + columnHeaderCells: [ "table_ch_2" ]
1.42 + },
1.43 + {
1.44 + cell: "table_dc_4",
1.45 + rowHeaderCells: [ "table_rh_2" ],
1.46 + columnHeaderCells: [ "table_ch_3" ]
1.47 + },
1.48 + {
1.49 + cell: "table_rh_1",
1.50 + rowHeaderCells: [],
1.51 + columnHeaderCells: [ "table_ch_1" ]
1.52 + },
1.53 + {
1.54 + cell: "table_rh_2",
1.55 + rowHeaderCells: [],
1.56 + columnHeaderCells: [ "table_ch_1" ]
1.57 + }
1.58 + ];
1.59 +
1.60 + testHeaderCells(headerInfoMap);
1.61 +
1.62 +
1.63 + //////////////////////////////////////////////////////////////////////////
1.64 + // column and row headers from markup for crazy grid.
1.65 +
1.66 + headerInfoMap = [
1.67 + {
1.68 + // not focusable cell (nsARIAGridCellAccessible is used)
1.69 + cell: "table2_dc_1",
1.70 + rowHeaderCells: [],
1.71 + columnHeaderCells: [ "table2_ch_1" ]
1.72 + },
1.73 + {
1.74 + // focusable cell (nsARIAGridCellAccessible is used)
1.75 + cell: "table2_dc_2",
1.76 + rowHeaderCells: [],
1.77 + columnHeaderCells: [ "table2_ch_2" ]
1.78 + }
1.79 + ];
1.80 +
1.81 + testHeaderCells(headerInfoMap);
1.82 +
1.83 + SimpleTest.finish();
1.84 + }
1.85 +
1.86 + SimpleTest.waitForExplicitFinish();
1.87 + addA11yLoadEvent(doTest);
1.88 + </script>
1.89 +</head>
1.90 +
1.91 +<body>
1.92 + <a target="_blank"
1.93 + title="implement IAccessibleTable2"
1.94 + href="https://bugzilla.mozilla.org/show_bug.cgi?id=512424">Mozilla Bug 512424</a>
1.95 + <a target="_blank"
1.96 + title="nsHTMLTableCellAccessible is used in dojo's crazy ARIA grid"
1.97 + href="https://bugzilla.mozilla.org/show_bug.cgi?id=513848">Mozilla Bug 513848</a>
1.98 +
1.99 + <p id="display"></p>
1.100 + <div id="content" style="display: none"></div>
1.101 + <pre id="test">
1.102 + </pre>
1.103 +
1.104 + <div role="grid">
1.105 + <div role="row">
1.106 + <span id="table_ch_1" role="columnheader">col_1</span>
1.107 + <span id="table_ch_2" role="columnheader">col_2</span>
1.108 + <span id="table_ch_3" role="columnheader">col_3</span>
1.109 + </div>
1.110 + <div role="row">
1.111 + <span id="table_rh_1" role="rowheader">row_1</span>
1.112 + <span id="table_dc_1" role="gridcell">cell1</span>
1.113 + <span id="table_dc_2" role="gridcell">cell2</span>
1.114 + </div>
1.115 + <div role="row">
1.116 + <span id="table_rh_2" role="rowheader">row_2</span>
1.117 + <span id="table_dc_3" role="gridcell">cell3</span>
1.118 + <span id="table_dc_4" role="gridcell">cell4</span>
1.119 + </div>
1.120 + </div>
1.121 +
1.122 + <div role="grid">
1.123 + <div role="row">
1.124 + <table role="presentation">
1.125 + <tr>
1.126 + <td id="table2_ch_1" role="columnheader">header1</td>
1.127 + <td id="table2_ch_2" role="columnheader">header2</td>
1.128 + </tr>
1.129 + </table>
1.130 + </div>
1.131 + <div role="row">
1.132 + <table role="presentation">
1.133 + <tr>
1.134 + <td id="table2_dc_1" role="gridcell">cell1</td>
1.135 + <td id="table2_dc_2" role="gridcell" tabindex="-1">cell2</td>
1.136 + </tr>
1.137 + </table>
1.138 + </div>
1.139 + </div>
1.140 +
1.141 +</body>
1.142 +</html>
