LayoutTests/fast/css/invalid-not-with-pseudo-element.html

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