LayoutTests/fast/css/pseudo-invalid-001.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../js/resources/js-test-pre.js"></script>
   5 <style>
   6  :invalid { background: lime; }
   7  :valid { background: red; }
   8  input { background: red; }
   9 </style>
  10 </head>
  11 <body>
  12 <p id="description"></p>
  13 <form method="get">
  14 <input name="victim" type="text" required/>
  15 <input name="victim" type="text" value="Loremipsum" pattern="Lorem ipsum"/>
  16 </form>
  17 <div id="console"></div>
  18 <script>
  19 description("This test performs a check for the :invalid CSS selector on various input elements.");
  20
  21 v = document.getElementsByName("victim");
  22
  23 for (i = 0; i < v.length; i++)
  24     shouldBe("document.defaultView.getComputedStyle(v[i], null).getPropertyValue('background-color')", "'rgb(0, 255, 0)'");
  25 </script>
  26 <script src="../js/resources/js-test-post.js"></script>
  27 </body>
  28 </html>