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

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