LayoutTests/accessibility/table-sections.html

   1 <html>
   2 <script>
   3     if (window.layoutTestController)
   4         layoutTestController.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     <thead><tr><th>1</th><th>a</th><td>b</td></tr></thead>
  12     <tfoot><tr><td>1</td><td>e</td><td>f</td></tr></tfoot>
  13     <tr><th>1</th><td>c</td><td>d</td></tr>
  14     <tr><th>1</th><td>c1</td><td>d1</td></tr>
  15     </table>
  16     <br><br>
  17
  18     <table id="testTable2" align="center" border="1" cellpadding="5" cellspacing="0">
  19     <thead><tr><th>1</th><th>a</th><td>b</td></tr></thead>
  20     <tbody>
  21     <tr><th>1</th><td>c</td><td>d</td></tr>
  22     <tr><th>1</th><td>c1</td><td>d1</td></tr>
  23     </tbody>
  24     <tbody>
  25     <tr><th>1</th><td>c</td><td>d</td></tr>
  26     <tr><th>1</th><td>c1</td><td>d1</td></tr>
  27     </tbody>
  28     <tbody>
  29     <tr><th>1</th><td>c</td><td>d</td></tr>
  30     <tr><th>1</th><td>c1</td><td>d1</td></tr>
  31     </tbody>
  32     <tfoot><tr><td>1</td><td>e</td><td>f</td></tr></tfoot>
  33     </table>
  34
  35     <div id="result"></div>
  36
  37     <script>
  38         if (window.accessibilityController) {
  39             var body = document.getElementById("body");
  40             body.focus();
  41             var table = accessibilityController.focusedElement.childAtIndex(0);
  42
  43             result.innerText += "--------------------------\n";
  44             result.innerText += "THEAD, TFOOT table\n";
  45             result.innerText += "--------------------------\n\n";
  46             result.innerText += table.attributesOfColumnHeaders() + "\n\n";
  47             result.innerText += "--------------------------\n\n";
  48             result.innerText += table.attributesOfRowHeaders() + "\n\n";
  49             result.innerText += "--------------------------\n\n";
  50             result.innerText += table.attributesOfColumns() + "\n\n";
  51             result.innerText += "--------------------------\n\n";
  52             result.innerText += table.attributesOfRows() + "\n\n";
  53             result.innerText += "--------------------------\n\n";
  54             result.innerText += table.attributesOfVisibleCells() + "\n\n";
  55             result.innerText += "--------------------------\n\n";
  56             result.innerText += table.attributesOfHeader() + "\n\n";
  57             result.innerText += "--------------------------\n\n";
  58
  59             // second table
  60             table1 = accessibilityController.focusedElement.childAtIndex(2);
  61
  62             result.innerText += "--------------------------\n";
  63             result.innerText += "Multi-TBODY table\n";
  64             result.innerText += "--------------------------\n\n";
  65             result.innerText += table.attributesOfColumnHeaders() + "\n\n";
  66             result.innerText += "--------------------------\n\n";
  67             result.innerText += table.attributesOfRowHeaders() + "\n\n";
  68             result.innerText += "--------------------------\n\n";
  69             result.innerText += table.attributesOfColumns() + "\n\n";
  70             result.innerText += "--------------------------\n\n";
  71             result.innerText += table.attributesOfRows() + "\n\n";
  72             result.innerText += "--------------------------\n\n";
  73             result.innerText += table.attributesOfVisibleCells() + "\n\n";
  74             result.innerText += "--------------------------\n\n";
  75             result.innerText += table.attributesOfHeader() + "\n\n";
  76             result.innerText += "--------------------------\n\n";
  77
  78
  79         }
  80     </script>
  81 </body>
  82 </html>