third_party/WebKit/LayoutTests/fast/css/counters/counter-cssText.html

   1 <html>
   2 <head>
   3 <style>
   4 body {
   5     counter-reset: section;
   6 }
   7 h1 {
   8     counter-increment: section;
   9 }
  10 h2:before {
  11     content: counter(section);
  12 }
  13 h2:after {
  14     content: counters(section, ":", decimal);
  15 }
  16 h3:before {
  17     content: counter(section, lower-roman);
  18 }
  19 h3:after {
  20     content: counters(section, ",", upper-roman);
  21 }
  22 h4:before {
  23     content: counter(section, none);
  24 }
  25 </style>
  26 <script src="../../../resources/js-test.js"></script>
  27 </head>
  28 <body>
  29 <script>
  30 description("Test the cssText output of counter-valued CSSPrimitiveValues");
  31 var rules = document.styleSheets[0].cssRules;
  32 shouldBeEqualToString("rules[2].style.cssText", "content: counter(section);");
  33 shouldBeEqualToString("rules[3].style.cssText", "content: counters(section, \":\");");
  34 shouldBeEqualToString("rules[4].style.cssText", "content: counter(section, lower-roman);");
  35 shouldBeEqualToString("rules[5].style.cssText", "content: counters(section, \",\", upper-roman);");
  36 shouldBeEqualToString("rules[6].style.cssText", "content: counter(section, none);");
  37 </script>
  38 </body>
  39 </html>