Tests for tooLong flag with <textarea> elements.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


No maxlength and no value
PASS textarea.validity.tooLong is false

Non-dirty value
PASS textarea.value.length is 5
PASS textarea.validity.tooLong is false
PASS textarea.value.length is 6
PASS textarea.validity.tooLong is false

Dirty value and longer than maxLength
PASS textarea.value.length is 4
PASS textarea.validity.tooLong is true
PASS textarea.validity.tooLong is false

Sets a value via DOM property
PASS textarea.validity.tooLong is false

Disabling makes the control valid
PASS textarea.validity.tooLong is true
PASS textarea.disabled = true; textarea.validity.tooLong is false
PASS textarea.disabled = false; textarea.validity.tooLong is true

Grapheme length is not greater than maxLength though character length is greater
PASS textarea.validity.tooLong is false
PASS textarea.value.length is 3
PASS textarea.validity.tooLong is true

A value set by resetting a form doesn't make tooLong true.
PASS textarea.validity.tooLong is true
PASS textarea.value is "abcdef"
PASS textarea.validity.tooLong is false

A value set by a child node change doesn't make tooLong true.
PASS textarea.validity.tooLong is false
PASS textarea.value is "abcdef"
PASS textarea.validity.tooLong is false

minlength and maxlength together
PASS textarea.validity.tooLong is true
PASS textarea.validity.tooShort is false
PASS textarea.validity.tooLong is false
PASS textarea.validity.tooShort is false
PASS textarea.validity.tooLong is false
PASS textarea.validity.tooShort is true

minlength and maxlength clashing
PASS textarea.validity.tooLong is true
PASS textarea.validity.tooShort is false
PASS textarea.validity.tooLong is true
PASS textarea.validity.tooShort is true
PASS textarea.validity.tooLong is false
PASS textarea.validity.tooShort is true
PASS textarea.validity.tooLong is false
PASS textarea.validity.tooShort is false
PASS successfullyParsed is true

TEST COMPLETE