Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | |
|
tkent
2014/10/22 01:14:15
The test name should be reportValidity-invalid.htm
Bartek Nowierski
2014/10/22 04:56:43
Done.
| |
| 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"> | |
| 9 <input id="input-empty" name="victim" type="text" required/> | |
| 10 <input id="input-pattern-mismatch" name="victim" type="text" pattern="Lorem ipsu m" value="Loremipsum"/> | |
| 11 <textarea id="textarea" name="victim" required></textarea> | |
| 12 <select id="select-no-explicit-value" required> | |
| 13 <option>empty</option> | |
| 14 <option>another</option> | |
| 15 </select> | |
| 16 <select id="select-placeholder" name="victim" required> | |
| 17 <option value="" selected /> | |
| 18 <option value="X">X</option> | |
| 19 </select> | |
| 20 <select id="select-non-placeholder" name="victim" required> | |
| 21 <option value="X">X</option> | |
| 22 <option value="" selected /> | |
| 23 </select> | |
| 24 </form> | |
| 25 <div id="console"></div> | |
| 26 <script> | |
| 27 function $(id) { return document.getElementById(id); } | |
| 28 function reportValidityFor(id) { | |
| 29 return document.getElementById(id).reportValidity(); | |
| 30 } | |
| 31 | |
| 32 description("This test checks if reportValidity() returns correctly a false (meaning error) result on invalid elements, and returns a true result on a blank but valid elements. Blank but non-placeholder label options are valid."); | |
| 33 | |
| 34 shouldBeFalse('reportValidityFor("input-empty")'); | |
| 35 shouldBe('document.activeElement', '$("input-empty")'); | |
| 36 shouldBeFalse('reportValidityFor("input-pattern-mismatch")'); | |
| 37 shouldBe('document.activeElement', '$("input-pattern-mismatch")'); | |
| 38 shouldBeFalse('reportValidityFor("textarea")'); | |
| 39 shouldBe('document.activeElement', '$("textarea")'); | |
| 40 shouldBeTrue('reportValidityFor("select-no-explicit-value")'); | |
| 41 shouldNotBe('document.activeElement', '$("select-no-explicit-value")'); | |
| 42 shouldBeFalse('reportValidityFor("select-placeholder")'); | |
| 43 shouldBe('document.activeElement', '$("select-placeholder")'); | |
| 44 shouldBeTrue('reportValidityFor("select-non-placeholder")'); | |
| 45 shouldNotBe('document.activeElement', '$("select-non-placeholder")'); | |
| 46 </script> | |
| 47 </body> | |
| 48 </html> | |
| OLD | NEW |