accessible/tests/mochitest/table/test_struct_ariatreegrid.html

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

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

mercurial