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

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <link rel="stylesheet" href="../js/resources/js-test-style.css">
   5 <script src="../js/resources/js-test-pre.js"></script>
   6 <style>
   7  :invalid { background: lime; }
   8  :valid { background: red; }
   9  input { background: blue; }
  10 </style>
  11 </head>
  12 <body>
  13 <p id="description"></p>
  14 <form method="get">
  15 <input type="text" required disabled/>
  16 <input name="victim" type="text" value="Loremipsum" pattern="Lorem ipsum"/>
  17 </form>
  18 <div id="console"></div>
  19 <script>
  20 description("This test checks that an input element that doesn't validate and an invalid input don't share style.");
  21
  22 v = document.getElementsByTagName("input");
  23
  24 shouldBe("document.defaultView.getComputedStyle(v[0], null).getPropertyValue('background-color')", "'rgb(0, 0, 255)'");
  25 shouldBe("document.defaultView.getComputedStyle(v[1], null).getPropertyValue('background-color')", "'rgb(0, 255, 0)'");
  26
  27 var successfullyParsed = true;
  28 </script>
  29 <script src="../js/resources/js-test-post.js"></script>
  30 </body>
  31 </html>