third_party/WebKit/LayoutTests/fast/css/counters/counter-increment-inherit.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3     <head>
   4         <title>CSS Test: Counter-increment tests</title>
   5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
   6         <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters">
   7         <script src="../../../resources/js-test.js"></script>
   8         <script>
   9             if (window.testRunner) {
  10                 testRunner.dumpAsText();
  11                 testRunner.waitUntilDone();
  12             }
  13             function run()
  14             {
  15                 // Some extra WebKit testing for counter-increment inherit
  16                 shouldBe("window.internals.counterValue(document.getElementById('wrapper90'))", "'5'");
  17                 shouldBe("window.internals.counterValue(document.getElementById('test90'))", "'10'");
  18                 shouldBe("window.internals.counterValue(document.getElementById('test90a'))", "'15'");
  19                 shouldBe("window.internals.counterValue(document.getElementById('wrapper91'))", "'10'");
  20                 shouldBe("window.internals.counterValue(document.getElementById('test91'))", "'20'");
  21                 shouldBe("window.internals.counterValue(document.getElementById('test91a'))", "'30'");
  22                 if (window.testRunner)
  23                     testRunner.notifyDone();
  24             }
  25         </script>
  26         <style type="text/css">
  27             #wrapper90 /*test 90*/
  28             {
  29                 counter-increment: ident90 5;
  30             }
  31             #wrapper90:before
  32             {
  33                 content: counter(ident90);
  34             }
  35             #test90
  36             {
  37                 counter-increment: inherit;
  38             }
  39             #test90:before
  40             {
  41                 content: counter(ident90);
  42             }
  43             #test90a
  44             {
  45                 counter-increment: inherit;
  46             }
  47             #test90a:before
  48             {
  49                 content: counter(ident90);
  50             }
  51
  52             #wrapper91 /*test 91*/
  53             {
  54                 counter-increment: ident91 5 ident91 5;
  55             }
  56             #wrapper91:before
  57             {
  58                 content: counter(ident91);
  59             }
  60             #test91
  61             {
  62                 counter-increment: inherit;
  63             }
  64             #test91:before
  65             {
  66                 content: counter(ident91);
  67             }
  68             #test91a
  69             {
  70                 counter-increment: inherit;
  71             }
  72             #test91a:before
  73             {
  74                 content: counter(ident91);
  75             }
  76
  77         </style>
  78     </head>
  79     <body onload="setTimeout('run()', 0);">
  80         <div id="wrapper90">
  81             <div id="test90">
  82                 <div id="test90a"></div>
  83             </div>
  84         </div>
  85         <div id="wrapper91">
  86             <div id="test91">
  87                 <div id="test91a"></div>
  88             </div>
  89         </div>
  90     </body>
  91 </html>