third_party/WebKit/LayoutTests/accessibility/aria-owns-grid.html

   1 <!DOCTYPE HTML>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4
   5 <style>
   6 .hideAllContainers .container { display: none; }
   7 </style>
   8
   9 <div class="container">
  10     <div id="grid" role="grid" aria-owns="row1 row2"></div>
  11     <div id="row1" role="row">
  12         <div role="gridcell">Cell 1, 1</div>
  13         <div role="gridcell">Cell 1, 2</div>
  14         <div role="gridcell">Cell 1, 3</div>
  15     </div>
  16     <div id="row2" role="row">
  17         <div role="gridcell">Cell 2, 1</div>
  18         <div role="gridcell">Cell 2, 2</div>
  19         <div role="gridcell">Cell 2, 3</div>
  20     </div>
  21 </div>
  22
  23 <script>
  24 test(function(t) {
  25     var axGrid = accessibilityController.accessibleElementById("grid");
  26     assert_equals(axGrid.role, "AXRole: AXTable");
  27     assert_equals(axGrid.columnCount, 3);
  28     assert_equals(axGrid.rowCount, 2);
  29 }, "Aria-owns works on ARIA grids.");
  30 </script>
  31
  32 <script>
  33 if (window.testRunner)
  34     document.body.className = "hideAllContainers";
  35 </script>