LayoutTests/fast/forms/interactive-validation-prevented.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../fast/js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div id="console"></div>
   9 <form id=f action="interactive-validation-prevented.html">
  10 <input type=hidden name=submitted value=true>
  11 <input name=i0 required id=i0 value="abc">
  12 <input name=i1 required id=i1 style="display:none">
  13 <input name=i2 required id=i2>
  14 <input type=submit id=s>
  15 </form>
  16 <script>
  17 description('Test if an invalid control prevents interactive form submission, and the first invalid focusable control gets focus.');
  18
  19 function startOrVerify() {
  20     var query = window.location.search;
  21     if (query.indexOf('submitted=true') != -1) {
  22         testFailed('The form should not be submitted.');
  23     } else {
  24         // Force to render the form.
  25         document.getElementById("f").offsetWidth;
  26         // HTMLFormElement::submit() skips validation. Use the submit button.
  27         document.getElementById('s').click();
  28         testPassed('The form was not submitted');
  29         shouldBe('document.activeElement', 'document.getElementById("i2")');
  30         debug('TEST COMPLETE');
  31     }
  32
  33     if (window.layoutTestController)
  34         layoutTestController.notifyDone();
  35 }
  36
  37 if (window.layoutTestController)
  38     layoutTestController.waitUntilDone();
  39 window.onload = startOrVerify;
  40 </script>
  41 </body>
  42 </html>