OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <script src="../../forms/resources/picker-common.js"></script> | 5 <script src="../../forms/resources/picker-common.js"></script> |
6 <script src="resources/calendar-picker-common.js"></script> | 6 <script src="resources/calendar-picker-common.js"></script> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 <p id="description"></p> | 9 <p id="description"></p> |
10 <div id="console"></div> | 10 <div id="console"></div> |
11 <input type="datetime-local" id="datetimelocal1" value=""> | 11 <input type="datetime-local" id="datetimelocal1" value=""> |
12 | 12 |
13 <script> | 13 <script> |
14 description('Tests if value selection by calendar picker dispatches correct even
ts.'); | 14 description('Tests if value selection by calendar picker dispatches correct even
ts.'); |
15 | 15 |
16 var eventsCounter = {}; | 16 var eventsCounter = {}; |
17 function recordEvent(event) { | 17 function recordEvent(event) { |
18 if (eventsCounter[event.type] === undefined) | 18 if (eventsCounter[event.type] === undefined) |
19 eventsCounter[event.type] = 0; | 19 eventsCounter[event.type] = 0; |
20 eventsCounter[event.type]++; | 20 eventsCounter[event.type]++; |
21 debug('==> "' + event.type + '" event was dispatched.'); | 21 debug('==> "' + event.type + '" event was dispatched.'); |
22 } | 22 } |
23 | 23 |
24 var datetimelocal1 = document.getElementById('datetimelocal1'); | 24 var datetimelocal1 = document.getElementById('datetimelocal1'); |
25 datetimelocal1.addEventListener('input', recordEvent, false); | 25 datetimelocal1.addEventListener('input', recordEvent, false); |
26 datetimelocal1.addEventListener('change', recordEvent, false); | 26 datetimelocal1.addEventListener('change', recordEvent, false); |
27 | 27 |
28 openPickerWithMock(datetimelocal1, test1); | 28 openPicker(datetimelocal1, test1); |
29 | 29 |
30 function test1() { | 30 function test1() { |
31 debug('Choosing a new date value from the calendar picker. No events should
be dispatched because the hour field and the minutes field are empty.'); | 31 debug('Choosing a new date value from the calendar picker. No events should
be dispatched because the hour field and the minutes field are empty.'); |
32 removeCommitDelay(); | 32 removeCommitDelay(); |
33 eventSender.keyDown('leftArrow'); | 33 eventSender.keyDown('leftArrow'); |
34 eventSender.keyDown('\n'); | 34 eventSender.keyDown('\n'); |
35 shouldBeEqualToString('datetimelocal1.value', ''); | 35 shouldBeEqualToString('datetimelocal1.value', ''); |
36 shouldBeUndefined('eventsCounter.input'); | 36 shouldBeUndefined('eventsCounter.input'); |
37 shouldBeUndefined('eventsCounter.change'); | 37 shouldBeUndefined('eventsCounter.change'); |
38 | 38 |
39 waitUntilClosing(test1AfterClosing); | 39 waitUntilClosing(test1AfterClosing); |
40 } | 40 } |
41 | 41 |
42 function test1AfterClosing() { | 42 function test1AfterClosing() { |
43 datetimelocal1.value = "2013-01-21T17:49"; | 43 datetimelocal1.value = "2013-01-21T17:49"; |
44 openPickerWithMock(datetimelocal1, test2); | 44 openPicker(datetimelocal1, test2); |
45 } | 45 } |
46 | 46 |
47 function test2() { | 47 function test2() { |
48 debug('Choosing a new value from the calendar picker. "Input" and "change" e
vents should be dispatched in this order.'); | 48 debug('Choosing a new value from the calendar picker. "Input" and "change" e
vents should be dispatched in this order.'); |
49 eventSender.keyDown('rightArrow'); | 49 eventSender.keyDown('rightArrow'); |
50 removeCommitDelay(); | 50 removeCommitDelay(); |
51 eventSender.keyDown('\n'); | 51 eventSender.keyDown('\n'); |
52 shouldBeEqualToString('datetimelocal1.value', '2013-01-22T17:49'); | 52 shouldBeEqualToString('datetimelocal1.value', '2013-01-22T17:49'); |
53 shouldBe('eventsCounter.input', '1'); | 53 shouldBe('eventsCounter.input', '1'); |
54 shouldBe('eventsCounter.change', '1'); | 54 shouldBe('eventsCounter.change', '1'); |
55 | 55 |
56 finishJSTest(); | 56 finishJSTest(); |
57 } | 57 } |
58 </script> | 58 </script> |
59 </body> | 59 </body> |
60 </html> | 60 </html> |
OLD | NEW |