third_party/WebKit/LayoutTests/accessibility/not-ignore-landmark-roles.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../resources/js-test.js"></script>
   5 </head>
   6 <body id="body">
   7
   8 <div id="container" tabindex="-1">
   9     <article><div>article element</div></article>
  10     <section><div>section element</div></section>
  11     <header><div>header element</div></header>
  12     <aside><div>aside element</div></aside>
  13     <address><div>address element</div></address>
  14     <footer><div>footer element</div></footer>
  15     <main><div>main element</div></main>
  16     <nav><div>nav element</div></nav>
  17 </div>
  18
  19 <p id="description"></p>
  20 <div id="console"></div>
  21
  22 <script>
  23 if (window.testRunner && window.accessibilityController) {
  24     testRunner.dumpAsText();
  25
  26     description("This tests that landmark and related roles are not ignored.");
  27
  28     var roles = [
  29         "AXArticle",
  30         "AXRegion",
  31         "AXBanner",
  32         "AXComplementary",
  33         "AXContentInfo",
  34         "AXFooter",
  35         "AXMain",
  36         "AXNavigation"
  37     ];
  38
  39     var container = document.getElementById("container");
  40     container.focus();
  41     var containerNode = accessibilityController.focusedElement;
  42
  43     shouldBe("containerNode.childrenCount", "" + roles.length);
  44
  45     for (var i = 0; i < roles.length; i++) {
  46         var AXObject = containerNode.childAtIndex(i);
  47         shouldBe("AXObject.role", "'AXRole: " + roles[i] + "'");
  48     }
  49 }
  50 </script>
  51 </body>
  52 </html>