third_party/WebKit/LayoutTests/accessibility/render-counter-text.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4 <script src="../resources/js-test.js"></script>
   5
   6 <style>
   7 ol li::before { content: counter(l1) ":"; counter-increment: l1;}
   8 ol li { list-style-type: decimial; display: block; }
   9 </style>
  10
  11 <div id="container" style="counter-reset:l1;">
  12 <ol style="list-style-type:decimal">
  13 <li id="line1">line1
  14 <li id="line2">line2
  15 <li>line3
  16 </ol>
  17 </div>
  18
  19 <div id="description"></div>
  20 <div id="console"></div>
  21
  22 <script>
  23
  24 description("This tests that the text for LayoutCounter is exposed correctly.")
  25
  26 if (window.testRunner && window.accessibilityController) {
  27
  28     var line1 = accessibilityController.accessibleElementById("line1");
  29     shouldBe("line1.childAtIndex(0).stringValue", "'AXValue: 1'");
  30     shouldBe("line1.childAtIndex(1).stringValue", "'AXValue: :'");
  31     shouldBe("line1.childAtIndex(2).stringValue", "'AXValue: line1'");
  32
  33     var line2 = accessibilityController.accessibleElementById("line2");
  34     shouldBe("line2.childAtIndex(0).stringValue", "'AXValue: 2'");
  35     shouldBe("line2.childAtIndex(1).stringValue", "'AXValue: :'");
  36     shouldBe("line2.childAtIndex(2).stringValue", "'AXValue: line2'");
  37
  38     document.getElementById("container").style.display = "none";
  39 }
  40
  41 </script>
  42
  43 </body>
  44 </html>