third_party/WebKit/LayoutTests/accessibility/table-header-column-row.html

   1 <script src="../resources/js-test.js"></script>
   2 <script src="../resources/accessibility-helper.js"></script>
   3 <table width="50%" border="1">
   4   <caption>
   5     scope test
   6   </caption>
   7   <tr>
   8     <th scope="col">col head</th>
   9     <th scope="row">row head</th>
  10     <th>col head</th>
  11   </tr>
  12   <tr>
  13     <th scope="col">col head</th>
  14     <td scope="row">data</td>
  15     <th>row head</th>
  16   </tr>
  17   <tr>
  18     <th>row head</th>
  19     <td>data</td>
  20     <th scope="col">col head</th>
  21   </tr>
  22 </table>
  23 <table width="50%" border="1">
  24   <caption>
  25     row header and column header (1)
  26   </caption>
  27   <tr>
  28     <td>data</td>
  29     <th>row head</th>
  30         <th>column head</th>
  31   </tr>
  32   <tr>
  33     <th>column head</th>
  34     <th>column head</th>
  35     <td>data</td>
  36   </tr>
  37   <tr>
  38     <th>row head</th>
  39     <td>data</td>
  40     <th>row head</th>
  41   </tr>
  42 </table>
  43 <table width="50%" border="1">
  44   <caption>
  45     row header and column header (2)
  46   </caption>
  47   <tr>
  48     <th>row head</th>
  49     <td>data</td>
  50     <td>data</td>
  51   </tr>
  52   <tr>
  53     <th>column head</th>
  54     <th>column head</th>
  55     <th>column head</th>
  56   </tr>
  57   <tr>
  58     <td>data</td>
  59         <td>data</td>
  60     <td>data</td>
  61   </tr>
  62 </table>
  63 <table width="50%" border="1">
  64   <caption>
  65     row header and column header (3)
  66   <caption>
  67   <col>
  68   <colgroup span="2"></colgroup>
  69   <tr>
  70     <td rowspan="2"></td>
  71     <th colspan="2" scope="colgroup">col head</th>
  72   </tr>
  73   <tr>
  74     <th scope="col">col head</th>
  75     <th scope="col">col head</th>
  76   </tr>
  77   <tr>
  78     <th scope="row">row head</th>
  79     <td>data</td>
  80     <td>data</td>
  81   </tr>
  82 </table>
  83 <table width="50%" border="1">
  84   <caption>
  85     row header and column header (4)
  86   <caption>
  87   <tr>
  88     <th rowspan="2" scope="rowgroup">row head</th>
  89     <th scope="col">col head</th>
  90   </tr>
  91   <tr>
  92     <th scope="row">row head</th>
  93   </tr>
  94 </table>
  95 <p>End of test</p>
  96 <p id="description"></p>
  97 <div id="console"></div>
  98 <script>
  99 description("This tests that AXRoles for header cells are assigned.");
 100
 101 if (window.testRunner)
 102     testRunner.dumpAsText();
 103 if (window.accessibilityController) {
 104     buildAccessibilityTree(accessibilityController.focusedElement, 0, 1, ['AXColumn', 'AXTableHeaderContainer']);
 105 }
 106 </script>