| <!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 rangeOverflow flag with datetime-local input fields'); |
| |
| var input = document.createElement('input'); |
| |
| function checkOverflow(value, max, disabled) |
| { |
| input.value = value; |
| input.max = max; |
| input.disabled = !!disabled; |
| var overflow = input.validity.rangeOverflow; |
| var resultText = 'The value "' + input.value + '" ' + |
| (overflow ? 'overflows' : 'doesn\'t overflow') + |
| ' the maximum value "' + input.max + '"' + (disabled ? ' when disabled.' : '.'); |
| if (overflow) |
| testPassed(resultText); |
| else |
| testFailed(resultText); |
| } |
| |
| function checkNotOverflow(value, max, disabled, sanitized) |
| { |
| input.value = value; |
| input.max = max; |
| input.disabled = !!disabled; |
| var overflow = input.validity.rangeOverflow; |
| var resultText = 'The value "' + input.value + '" ' + |
| (sanitized ? 'sanitized from "' + value + '" ' : '') + |
| (overflow ? 'overflows' : 'doesn\'t overflow') + |
| ' the maximum value "' + input.max + '"' + (disabled ? ' when disabled.' : '.'); |
| if (overflow) |
| testFailed(resultText); |
| else |
| testPassed(resultText); |
| } |
| |
| function checkSanitizedValueNotOverflow(value, max, disabled) |
| { |
| // For date types, invalid values are sanitized to "". |
| checkNotOverflow(value, max, disabled, true); |
| } |
| |
| input.type = 'datetime-local'; |
| input.min = ''; |
| // No overflow cases |
| checkNotOverflow('2010-01-27T12:34', null); |
| checkNotOverflow('2010-01-27T12:34', ''); |
| checkNotOverflow('2010-01-27T12:34', 'foo'); |
| checkNotOverflow('2010-01-27T12:34', '2010-01-27T12:34'); |
| checkNotOverflow('2010-01-27T12:34', '2010-01-27T12:34:56'); |
| checkNotOverflow('2010-01-27T12:34', '2011-01-26T12:34'); |
| checkSanitizedValueNotOverflow('foo', '2011-01-26T12:34'); |
| checkNotOverflow('2010-01-27T12:34', '0000-01-01T00:00'); // Too small max value. |
| |
| // Overflow cases |
| checkOverflow('2010-01-27T12:34', '2010-01-26T12:33:59.999'); |
| checkOverflow('9999-01-01T23:59', '2010-12-31T00:00'); |
| input.min = '2010-01-28T12:00'; // value < min && value > max |
| checkOverflow('2010-01-27T12:34', '2010-01-26T12:34'); |
| |
| // Disabled |
| checkOverflow('9999-01-01T23:59', '2010-12-31T00:00', true); |
| </script> |
| </body> |
| </html> |
