4 <script src="../../js/resources/js-test-pre.js"></script>
7 <p id="description"></p>
8 <div id="console"></div>
10 description('This test aims to check for rangeOverflow flag with date input fields');
12 var input = document.createElement('input');
14 function checkOverflow(value, max, disabled)
18 input.disabled = !!disabled;
19 var overflow = input.validity.rangeOverflow;
20 var resultText = 'The value "' + input.value + '" ' +
21 (overflow ? 'overflows' : 'doesn\'t overflow') +
22 ' the maximum value "' + input.max + '"' + (disabled ? ' when disabled.' : '.');
24 testPassed(resultText);
26 testFailed(resultText);
29 function checkNotOverflow(value, max, disabled)
33 input.disabled = !!disabled;
34 var overflow = input.validity.rangeOverflow;
35 var resultText = 'The value "' + input.value + '" ' +
36 (overflow ? 'overflows' : 'doesn\'t overflow') +
37 ' the maximum value "' + input.max + '"' + (disabled ? ' when disabled.' : '.');
39 testFailed(resultText);
41 testPassed(resultText);
47 checkNotOverflow('2010-01-27', null);
48 checkNotOverflow('2010-01-27', '');
49 checkNotOverflow('2010-01-27', 'foo');
50 checkNotOverflow('2010-01-27', '2010-01-27');
51 checkNotOverflow('2010-01-27', '2010-01-28');
52 checkNotOverflow('2010-01-27', '2011-01-26');
53 checkNotOverflow('foo', '2011-01-26');
54 checkNotOverflow('2010-01-27', '0000-01-01'); // Too small max value.
57 checkOverflow('2010-01-27', '2010-01-26');
58 checkOverflow('9999-01-01', '2010-12-31');
59 input.min = '2010-01-28'; // value < min && value > max
60 checkOverflow('2010-01-27', '2010-01-26');
63 checkNotOverflow('9999-01-01', '2010-12-31', true);
65 <script src="../../js/resources/js-test-post.js"></script>