LayoutTests/fast/css/nth-child-n.html

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