third_party/WebKit/LayoutTests/fast/css/counters/2displays.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3 <head>
   4 <title>2 renderers 1 counter reset failure.</title>
   5 <meta name="assert" content="When a Counter node is destroyed all its display renderers must be reset.">
   6 <style type="text/css">
   7
   8 #testView:before {
   9   content: "First Counter:" counters(test, ".") " Second Counter:" counters(test, ".");
  10 }
  11 .counter1 {
  12   counter-reset: test 1;
  13 }
  14 .counter1000 {
  15   counter-reset: test 1000;
  16 }
  17
  18 </style>
  19 <script src="../../../resources/js-test.js"></script>
  20 <script type="text/javascript">
  21
  22 description("This test passes if both the first and the second counter are 1000.");
  23
  24 if (window.testRunner) {
  25     testRunner.dumpAsText();
  26     testRunner.waitUntilDone();
  27 }
  28
  29 function run()
  30 {
  31     document.getElementById("testView").setAttribute("class", "counter1000");
  32     if (!window.testRunner)
  33         return;
  34     shouldBe("window.internals.counterValue(document.getElementById('testView'))", "'1000 1000'");
  35
  36     if (window.testRunner)
  37         testRunner.notifyDone();
  38 }
  39
  40 window.onload = run;
  41
  42 </script>
  43 </head>
  44 <body>
  45 <div id="testView" class="counter1"></div>
  46 </body>
  47 </html>