| Tests for tooLong flag with <input> elements. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| No maxlength and no value |
| PASS input.validity.tooLong is false |
| |
| Non-dirty value |
| PASS input.value.length is 5 |
| PASS input.validity.tooLong is false |
| PASS input.value.length is 6 |
| PASS input.validity.tooLong is false |
| |
| Dirty value and longer than maxLength |
| PASS input.value.length is 4 |
| PASS input.validity.tooLong is true |
| PASS input.validity.tooLong is false |
| |
| Sets a value via DOM property |
| PASS input.validity.tooLong is false |
| |
| Disabling makes the control valid |
| PASS input.validity.tooLong is true |
| PASS input.disabled = true; input.validity.tooLong is false |
| PASS input.disabled = false; input.validity.tooLong is true |
| |
| Grapheme length is not greater than maxLength though character length is greater |
| PASS input.validity.tooLong is false |
| PASS input.value.length is 3 |
| PASS input.validity.tooLong is true |
| |
| Change the type with a too long value |
| PASS input.validity.tooLong is true |
| PASS input.type = "number"; input.validity.tooLong is false |
| |
| minlength and maxlength together |
| PASS input.validity.tooLong is true |
| PASS input.validity.tooShort is false |
| PASS input.validity.tooLong is false |
| PASS input.validity.tooShort is false |
| PASS input.validity.tooLong is false |
| PASS input.validity.tooShort is true |
| |
| minlength and maxlength clashing |
| PASS input.validity.tooLong is true |
| PASS input.validity.tooShort is false |
| PASS input.validity.tooLong is true |
| PASS input.validity.tooShort is true |
| PASS input.validity.tooLong is false |
| PASS input.validity.tooShort is true |
| PASS input.validity.tooLong is false |
| PASS input.validity.tooShort is false |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |