third_party/WebKit/LayoutTests/fast/forms/datalist/datalist-child-validation.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div id="console"></div>
   9
  10 <datalist id="list">
  11   <div id=w>
  12     <input type=text id=e required>
  13   </div>
  14   <legend>
  15     <input id="inLegend" required>
  16   </legend>
  17 </datalist>
  18
  19
  20 <script>
  21 description('Test for child elements of a datalist element.');
  22
  23 var e = document.getElementById('e');
  24 shouldBeFalse('e.willValidate');
  25 var w = document.getElementById('w');
  26 w.parentNode.removeChild(w);
  27 shouldBeTrue('e.willValidate');
  28 shouldBe('w.querySelector(":invalid")', 'e');
  29 e.parentNode.removeChild(e);
  30 shouldBeTrue('e.willValidate');
  31 document.body.appendChild(e);
  32 shouldBeTrue('e.willValidate');
  33 shouldBe('document.querySelector(":invalid")', 'e');
  34
  35 shouldBeFalse('document.getElementById("inLegend").willValidate');
  36
  37 </script>
  38 </body>
  39 </html>