LayoutTests/fast/css/nth-child-implied-step.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">\r
   2 <html>\r
   3 <head>\r
   4     <title>CSS Test: :nth-child selector with implied step</title>\r
   5     <style type="text/css">\r
   6     div div:nth-child(+1)\r
   7     {\r
   8         color: green;\r
   9     }\r
  10 </style>\r
  11 <script>\r
  12 if (window.layoutTestController)\r
  13     window.layoutTestController.dumpAsText();\r
  14 </script>\r
  15 </head>\r
  16 <body>\r
  17     <p>The test passes if only the first DIV is green.</p>\r
  18       <div id="test">\r
  19           <div>DIV1</div>\r
  20           <div>DIV2</div>\r
  21           <div>DIV3</div>\r
  22           <div>DIV4</div>\r
  23           <div>DIV5</div>\r
  24           <div>DIV6</div>\r
  25           <div>DIV7</div>\r
  26           <div>DIV8</div>\r
  27           <div>DIV9</div>\r
  28           <div>DIV10</div>\r
  29       </div>\r
  30       <div id="testresult" style="color: blue">Running</div>\r
  31     <script type="text/javascript">\r
  32         function ArrayContains(array, value, ci)\r
  33         {\r
  34             ci = ci == true ? true : false;\r
  35             for (var i = 0; i < array.length; i++)\r
  36             {\r
  37                 if (ci && array[i].toLowerCase() == value.toLowerCase())\r
  38                 {\r
  39                     return true;\r
  40                 }\r
  41                 else if (array[i] == value)\r
  42                 {\r
  43                     return true;\r
  44                 }\r
  45             }\r
  46             return false;\r
  47         }\r
  48 \r
  49         function TestCase()\r
  50         {\r
  51          try\r
  52          {\r
  53         var greenValues = new Array("green", "#008000", "rgb(0, 128, 0)");\r
  54 \r
  55         var elem = document.getElementById("test");\r
  56         var val = getComputedStyle(elem.children[0], null).getPropertyValue("color");\r
  57         if (ArrayContains(greenValues, val, false))\r
  58         {\r
  59             document.getElementById("testresult").innerHTML = "Pass";\r
  60             return;\r
  61         }\r
  62          }\r
  63          catch(e){}\r
  64             document.getElementById("testresult").innerHTML = "Fail";\r
  65         }\r
  66         TestCase();\r
  67     </script>\r
  68 </body>\r
  69 </html>\r