OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <script> | 5 <script> |
6 description('Change multiple fields datetime-local input UI layout by value'); | 6 description('Change multiple fields datetime-local input UI layout by value'); |
7 var testInput = document.createElement('input'); | 7 var testInput = document.createElement('input'); |
8 testInput.type = 'datetime-local'; | 8 testInput.type = 'datetime-local'; |
9 testInput.max = '9999-12-31T23:59'; | 9 testInput.max = '9999-12-31T23:59'; |
10 document.body.appendChild(testInput); | 10 document.body.appendChild(testInput); |
11 var widthOfEmptyValue = testInput.offsetWidth; | 11 var widthOfEmptyValue = testInput.offsetWidth; |
12 | 12 |
13 testInput.value = '10000-01-01T00:00'; | 13 testInput.value = '10000-01-01T00:00'; |
14 var widthOfOverflowValue = testInput.offsetWidth; | 14 var widthOfOverflowValue = testInput.offsetWidth; |
15 shouldBeTrue('widthOfEmptyValue < widthOfOverflowValue'); | 15 shouldBeTrue('widthOfEmptyValue < widthOfOverflowValue'); |
16 | 16 |
17 testInput.value = '2012-10-05T12:00'; | 17 testInput.value = '2012-10-05T12:00'; |
18 var widthOfValidValue = testInput.offsetWidth; | 18 var widthOfValidValue = testInput.offsetWidth; |
19 shouldBe('widthOfEmptyValue', 'widthOfValidValue'); | 19 shouldBe('widthOfEmptyValue', 'widthOfValidValue'); |
20 | 20 |
21 testInput.value = '2012-10-05T12:00:01'; | 21 testInput.value = '2012-10-05T12:00:01'; |
22 var widthWithSecond = testInput.offsetWidth; | 22 var widthWithSecond = testInput.offsetWidth; |
23 shouldBeTrue('widthOfEmptyValue < widthWithSecond'); | 23 shouldBeTrue('widthOfEmptyValue < widthWithSecond'); |
24 | 24 |
25 testInput.value = '2012-10-05T12:00:01.234'; | 25 testInput.value = '2012-10-05T12:00:01.234'; |
26 var widthWithMillisecond = testInput.offsetWidth; | 26 var widthWithMillisecond = testInput.offsetWidth; |
27 shouldBeTrue('widthWithSecond < widthWithMillisecond'); | 27 shouldBeTrue('widthWithSecond < widthWithMillisecond'); |
28 | 28 |
29 document.body.removeChild(testInput); | 29 document.body.removeChild(testInput); |
30 </script> | 30 </script> |
31 </body> | 31 </body> |
32 </html> | 32 </html> |
OLD | NEW |