LayoutTests/fast/css/pseudo-invalid-novalidate-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: blue; }
   9 </style>
  10 </head>
  11 <body>
  12 <p id="description"></p>
  13 <form method="get">
  14 <input type="text" required disabled/>
  15 <input name="victim" type="text" value="Loremipsum" pattern="Lorem ipsum"/>
  16 </form>
  17 <div id="console"></div>
  18 <script>
  19 description("This test checks that an input element that doesn't validate and an invalid input don't share style.");
  20
  21 v = document.getElementsByTagName("input");
  22
  23 shouldBe("document.defaultView.getComputedStyle(v[0], null).getPropertyValue('background-color')", "'rgb(0, 0, 255)'");
  24 shouldBe("document.defaultView.getComputedStyle(v[1], null).getPropertyValue('background-color')", "'rgb(0, 255, 0)'");
  25 </script>
  26 <script src="../js/resources/js-test-post.js"></script>
  27 </body>
  28 </html>