LayoutTests/accessibility/table-attributes.html

   1 <html>
   2 <script>
   3     if (window.testRunner)
   4         testRunner.dumpAsText();
   5 </script>
   6 <body id="body">
   7
   8     <table id="testTable" align="center" border="1" cellpadding="5" cellspacing="0"
   9         summary="This is the summary text that should appear as a description">
  10         <caption> Example #1: Nested Stubs </caption>
  11         <tr>
  12             <th class="center" colspan="2" rowspan="2">Ruritanian<br> Population
  13                 <br> Survey</th>
  14             <th class="center" rowspan="2">All<br> Genders</th>
  15
  16             <th class="center" colspan="2">By Gender</th>
  17             </tr>
  18         <tr>
  19             <th class="center">Males</th>
  20             <th class="center">Females</th>
  21             </tr>
  22         <tr>
  23
  24             <th align="left" rowspan="2">All Regions</th>
  25             <th>North</th>
  26             <td align="right">3333</td>
  27             <td align="right">1111</td>
  28             <td align="right">2222</td>
  29             </tr>
  30
  31         <tr>
  32             <th>South</th>
  33             <td align="right">3333</td>
  34             <td align="right">1111</td>
  35             <td align="right">2222</td>
  36             </tr>
  37     </table>
  38
  39     <div id="result"></div>
  40
  41     <script>
  42         if (window.accessibilityController) {
  43             var body = document.getElementById("body");
  44             body.focus();
  45             var table = accessibilityController.focusedElement.childAtIndex(0);
  46
  47             result.innerText += "--------------------------\n\n";
  48             result.innerText += table.attributesOfColumnHeaders() + "\n\n";
  49             result.innerText += "--------------------------\n\n";
  50             result.innerText += table.attributesOfRowHeaders() + "\n\n";
  51             result.innerText += "--------------------------\n\n";
  52             result.innerText += table.attributesOfColumns() + "\n\n";
  53             result.innerText += "--------------------------\n\n";
  54             result.innerText += table.attributesOfRows() + "\n\n";
  55             result.innerText += "--------------------------\n\n";
  56             result.innerText += table.attributesOfVisibleCells() + "\n\n";
  57             result.innerText += "--------------------------\n\n";
  58             result.innerText += table.attributesOfHeader() + "\n\n";
  59             result.innerText += "--------------------------\n\n";
  60         }
  61     </script>
  62 </body>
  63 </html>