LayoutTests/fast/css/nth-child-odd-case-insensitive.html

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