4 <script src="../../js/resources/js-test-pre.js"></script>
5 <script src="../../forms/resources/picker-common.js"></script>
6 <script src="resources/suggestion-picker-common.js"></script>
8 <body style="background-color: #bbbbbb;">
9 <p id="description"></p>
10 <div id="console"></div>
11 <input type=date id=date value="2012-01-01" step="2" list=suggestions>
12 <datalist id=suggestions>
13 <option>2012-01-21</option>
14 <option>2012-01-22</option>
15 <option>2012-01-23</option>
16 <option>2012-01-24</option>
17 <option>2012-01-25</option>
18 <option>2012-01-26</option>
19 <option>2012-01-27</option>
20 <option>2012-01-28</option>
21 <option>2012-01-29</option>
22 <option>2012-01-30</option>
25 <p id="description" style="opacity: 0"></p>
26 <div id="console" style="opacity: 0"></div>
29 description('Tests that step attribute filters out suggestions as expected.');
31 debug('Check that page popup doesn\'t exist at first.');
32 shouldBeNull('document.getElementById("mock-page-popup")');
34 var dateElement = document.getElementById('date');
36 window.onload = function() {
37 openPicker(dateElement, test1);
43 shouldBe('entryValues().length', '6');
44 shouldBeEqualToString('entryValues()[0]', '2012-01-21');
45 shouldBeEqualToString('entryValues()[1]', '2012-01-23');
46 shouldBeEqualToString('entryValues()[2]', '2012-01-25');
47 shouldBeEqualToString('entryValues()[3]', '2012-01-27');
48 shouldBeEqualToString('entryValues()[4]', '2012-01-29');
49 shouldBeEqualToString('entryValues()[5]', '@openCalendarPicker');
51 eventSender.keyDown('\x1B'); // Close picker.
52 waitUntilClosing(test1AfterClosing);
55 function test1AfterClosing() {
57 openPicker(dateElement, test2);
63 shouldBe('entryValues().length', '3');
64 shouldBeEqualToString('entryValues()[0]', '2012-01-21');
65 shouldBeEqualToString('entryValues()[1]', '2012-01-26');
66 shouldBeEqualToString('entryValues()[2]', '@openCalendarPicker');
68 eventSender.keyDown('\x1B'); // Close picker.
69 waitUntilClosing(test2AfterClosing);
72 function test2AfterClosing() {
73 dateElement.step = 30;
74 openPicker(dateElement, test3);
80 shouldBe('entryValues().length', '2');
81 shouldBeEqualToString('entryValues()[0]', '2012-01-21');
82 shouldBeEqualToString('entryValues()[1]', '@openCalendarPicker');