third_party/WebKit/LayoutTests/fast/forms/reportValidity-valid.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 <form method="get" id="happy_form">
   9 <fieldset name="victim"></fieldset>
  10 <input name="victim" type="text" value="lorem ipsum"/>
  11 <button name="victim">lorem ipsum</button>
  12 <select name="victim"></select>
  13 <textarea name="victim"></textarea>
  14 <output name="victim"></output>
  15 <object name="victim"></object>
  16 <keygen name="victim"></keygen>
  17 </form>
  18 <form action="" id="soon_to_be_happy_form">
  19 <select required="" id="soon_to_be_happy_select">
  20 <option>abc</option>
  21 </select>
  22 </form>
  23 <div id="console"></div>
  24 <script>
  25 description("This test checks if reportValidity() returns correctly a true (meaning no error) result.");
  26
  27 debug('Elements valid from the begining');
  28 shouldBe('document.getElementsByTagName("fieldset")[0].reportValidity()', 'true');
  29 shouldBe('document.getElementsByTagName("input")[0].reportValidity()', 'true');
  30 shouldBe('document.getElementsByTagName("button")[0].reportValidity()', 'true');
  31 shouldBe('document.getElementsByTagName("select")[0].reportValidity()', 'true');
  32 shouldBe('document.getElementsByTagName("textarea")[0].reportValidity()', 'true');
  33 shouldBe('document.getElementsByTagName("output")[0].reportValidity()', 'true');
  34 shouldBe('document.getElementsByTagName("object")[0].reportValidity()', 'true');
  35 shouldBe('document.getElementsByTagName("keygen")[0].reportValidity()', 'true');
  36 shouldBe('document.getElementById("happy_form")[0].reportValidity()', 'true');
  37 debug('');
  38
  39 debug('Element valid when changed');
  40 jsTestIsAsync = true;
  41 var form = document.getElementById('soon_to_be_happy_form');
  42 var select = document.getElementById('soon_to_be_happy_select');
  43 form.onchange = function() {
  44     shouldBeTrue('form.reportValidity()');
  45     debug('');
  46     finishJSTest();
  47 };
  48 window.onload = function() {
  49     select.value = null;
  50     select.focus();
  51     if (window.eventSender)
  52         eventSender.keyDown('a');
  53 };
  54
  55 </script>
  56 </body>
  57 </html>