| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| description('This test aims to check for typeMismatch flag with type=month input fields'); |
| var i = document.createElement('input'); |
| i.type = 'month'; |
| |
| function check(value, disabled) |
| { |
| i.value = value; |
| i.disabled = !!disabled; |
| |
| if (i.validity.typeMismatch) |
| testFailed('"' + value + '" had typeMismatch. This should not happen with sanitization.'); |
| } |
| |
| function shouldBeValid(value) |
| { |
| check(value); |
| if ((value === '' && i.value === '') || (value !== '' && i.value !== "")) |
| testPassed('"' + value + '" is a correct valid month string.'); |
| else |
| testFailed('"' + value + '" is a valid month string that failed to be set on the input.'); |
| } |
| |
| function shouldBeInvalid(value, disabled) |
| { |
| check(value, disabled); |
| if (i.value === '') |
| testPassed('"' + value + '" is an invalid month string and was sanitized' + (disabled ? ' while disabled' : '') + '.'); |
| else |
| testFailed('"' + value + '" is an invalid month string and was not sanitized' + (disabled ? ' while disabled' : '') + '.'); |
| } |
| |
| // Valid values |
| shouldBeValid(''); |
| shouldBeValid('0001-01'); |
| shouldBeValid('9999-12'); |
| shouldBeValid('275760-09'); |
| shouldBeValid('2009-01'); |
| shouldBeValid('2009-02'); |
| shouldBeValid('2009-03'); |
| shouldBeValid('2009-04'); |
| shouldBeValid('2009-05'); |
| shouldBeValid('2009-06'); |
| shouldBeValid('2009-07'); |
| shouldBeValid('2009-08'); |
| shouldBeValid('2009-09'); |
| shouldBeValid('2009-10'); |
| shouldBeValid('2009-11'); |
| shouldBeValid('2009-12'); |
| |
| // Invalid values |
| shouldBeInvalid(' 2009-09 '); |
| shouldBeInvalid('a'); |
| shouldBeInvalid('-1-09'); |
| shouldBeInvalid('0000-12'); |
| shouldBeInvalid('2147483648-12'); |
| shouldBeInvalid('275760-10'); |
| shouldBeInvalid('2009/09'); |
| shouldBeInvalid('200909'); |
| shouldBeInvalid('2009--2'); |
| shouldBeInvalid('2009-00'); |
| shouldBeInvalid('2009-13'); |
| shouldBeInvalid('2009-'); |
| shouldBeInvalid('2009-9'); |
| shouldBeInvalid('2009-009'); |
| shouldBeInvalid('2009-xx'); |
| shouldBeInvalid('2009'); |
| |
| // Disabled |
| shouldBeInvalid('invalid', true); |
| </script> |
| </body> |
| </html> |
