| 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> |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 shouldBeFalse('isCalendarTableScrollingWithAnimation()'); | 24 shouldBeFalse('isCalendarTableScrollingWithAnimation()'); |
| 25 shouldBeEqualToString('currentMonth()', '2000-01'); | 25 shouldBeEqualToString('currentMonth()', '2000-01'); |
| 26 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 26 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 27 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); | 27 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); |
| 28 shouldBeEqualToString('highlightedValue()', '2000-01-02'); | 28 shouldBeEqualToString('highlightedValue()', '2000-01-02'); |
| 29 shouldBeEqualToString('highlightedDayCells()', '2000-01-02'); | 29 shouldBeEqualToString('highlightedDayCells()', '2000-01-02'); |
| 30 | 30 |
| 31 debug('Check that arrow keys work properly even when going between weeks and
months.'); | 31 debug('Check that arrow keys work properly even when going between weeks and
months.'); |
| 32 | 32 |
| 33 debug('press up'); | 33 debug('press up'); |
| 34 eventSender.keyDown('upArrow'); | 34 eventSender.keyDown('ArrowUp'); |
| 35 shouldBeEqualToString('currentMonth()', '2000-01'); | 35 shouldBeEqualToString('currentMonth()', '2000-01'); |
| 36 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 36 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 37 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); | 37 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); |
| 38 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 38 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 39 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); | 39 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); |
| 40 | 40 |
| 41 debug('press up'); | 41 debug('press up'); |
| 42 eventSender.keyDown('upArrow'); | 42 eventSender.keyDown('ArrowUp'); |
| 43 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); | 43 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); |
| 44 shouldBeEqualToString('currentMonth()', '1999-12'); | 44 shouldBeEqualToString('currentMonth()', '1999-12'); |
| 45 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 45 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 46 shouldBeEqualToString('selectedDayCells()', ''); | 46 shouldBeEqualToString('selectedDayCells()', ''); |
| 47 shouldBeEqualToString('highlightedValue()', '1999-12-19'); | 47 shouldBeEqualToString('highlightedValue()', '1999-12-19'); |
| 48 shouldBeEqualToString('highlightedDayCells()', '1999-12-19'); | 48 shouldBeEqualToString('highlightedDayCells()', '1999-12-19'); |
| 49 | 49 |
| 50 debug('press down'); | 50 debug('press down'); |
| 51 eventSender.keyDown('downArrow'); | 51 eventSender.keyDown('ArrowDown'); |
| 52 shouldBeEqualToString('currentMonth()', '1999-12'); | 52 shouldBeEqualToString('currentMonth()', '1999-12'); |
| 53 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 53 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 54 shouldBeEqualToString('selectedDayCells()', ''); | 54 shouldBeEqualToString('selectedDayCells()', ''); |
| 55 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 55 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 56 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); | 56 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); |
| 57 | 57 |
| 58 debug('press down'); | 58 debug('press down'); |
| 59 eventSender.keyDown('downArrow'); | 59 eventSender.keyDown('ArrowDown'); |
| 60 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); | 60 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); |
| 61 shouldBeEqualToString('currentMonth()', '2000-01'); | 61 shouldBeEqualToString('currentMonth()', '2000-01'); |
| 62 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 62 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 63 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); | 63 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); |
| 64 shouldBeEqualToString('highlightedValue()', '2000-01-02'); | 64 shouldBeEqualToString('highlightedValue()', '2000-01-02'); |
| 65 shouldBeEqualToString('highlightedDayCells()', '2000-01-02'); | 65 shouldBeEqualToString('highlightedDayCells()', '2000-01-02'); |
| 66 | 66 |
| 67 debug('press up'); | 67 debug('press up'); |
| 68 eventSender.keyDown('upArrow'); | 68 eventSender.keyDown('ArrowUp'); |
| 69 shouldBeEqualToString('currentMonth()', '2000-01'); | 69 shouldBeEqualToString('currentMonth()', '2000-01'); |
| 70 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 70 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 71 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); | 71 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); |
| 72 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 72 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 73 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); | 73 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); |
| 74 | 74 |
| 75 // Move from top left of January 2000 to bottom right of December 1999. | 75 // Move from top left of January 2000 to bottom right of December 1999. |
| 76 debug('press left'); | 76 debug('press left'); |
| 77 eventSender.keyDown('leftArrow'); | 77 eventSender.keyDown('ArrowLeft'); |
| 78 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); | 78 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); |
| 79 shouldBeEqualToString('currentMonth()', '1999-12'); | 79 shouldBeEqualToString('currentMonth()', '1999-12'); |
| 80 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 80 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 81 shouldBeEqualToString('selectedDayCells()', ''); | 81 shouldBeEqualToString('selectedDayCells()', ''); |
| 82 shouldBeEqualToString('highlightedValue()', '1999-12-25'); | 82 shouldBeEqualToString('highlightedValue()', '1999-12-25'); |
| 83 shouldBeEqualToString('highlightedDayCells()', '1999-12-25'); | 83 shouldBeEqualToString('highlightedDayCells()', '1999-12-25'); |
| 84 | 84 |
| 85 debug('press right'); | 85 debug('press right'); |
| 86 eventSender.keyDown('rightArrow'); | 86 eventSender.keyDown('ArrowRight'); |
| 87 shouldBeEqualToString('currentMonth()', '1999-12'); | 87 shouldBeEqualToString('currentMonth()', '1999-12'); |
| 88 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 88 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 89 shouldBeEqualToString('selectedDayCells()', ''); | 89 shouldBeEqualToString('selectedDayCells()', ''); |
| 90 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 90 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 91 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); | 91 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); |
| 92 | 92 |
| 93 debug("press pageDown"); | 93 debug("press PageDown"); |
| 94 eventSender.keyDown('pageDown'); | 94 eventSender.keyDown('PageDown'); |
| 95 shouldBeEqualToString('currentMonth()', '2000-01'); | 95 shouldBeEqualToString('currentMonth()', '2000-01'); |
| 96 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 96 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 97 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); | 97 shouldBeEqualToString('selectedDayCells()', '2000-01-02'); |
| 98 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 98 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 99 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); | 99 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); |
| 100 | 100 |
| 101 debug("press pageUp"); | 101 debug("press PageUp"); |
| 102 eventSender.keyDown('pageUp'); | 102 eventSender.keyDown('PageUp'); |
| 103 shouldBeEqualToString('currentMonth()', '1999-12'); | 103 shouldBeEqualToString('currentMonth()', '1999-12'); |
| 104 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 104 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 105 shouldBeEqualToString('selectedDayCells()', ''); | 105 shouldBeEqualToString('selectedDayCells()', ''); |
| 106 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 106 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 107 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); | 107 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); |
| 108 | 108 |
| 109 debug("press m"); | 109 debug("press m"); |
| 110 eventSender.keyDown('m'); | 110 eventSender.keyDown('m'); |
| 111 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); | 111 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); |
| 112 shouldBeEqualToString('currentMonth()', '2000-01'); | 112 shouldBeEqualToString('currentMonth()', '2000-01'); |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 155 eventSender.keyDown('D'); | 155 eventSender.keyDown('D'); |
| 156 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); | 156 shouldBeTrue('isCalendarTableScrollingWithAnimation()'); |
| 157 shouldBeEqualToString('currentMonth()', '1999-12'); | 157 shouldBeEqualToString('currentMonth()', '1999-12'); |
| 158 shouldBeEqualToString('selectedValue()', '2000-01-02'); | 158 shouldBeEqualToString('selectedValue()', '2000-01-02'); |
| 159 shouldBeEqualToString('selectedDayCells()', ''); | 159 shouldBeEqualToString('selectedDayCells()', ''); |
| 160 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 160 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 161 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); | 161 shouldBeEqualToString('highlightedDayCells()', '1999-12-26'); |
| 162 | 162 |
| 163 debug("press enter"); | 163 debug("press enter"); |
| 164 removeCommitDelay(); | 164 removeCommitDelay(); |
| 165 eventSender.keyDown('\n'); | 165 eventSender.keyDown('Enter'); |
| 166 shouldBeEqualToString('document.getElementById("date").value', '1999-12-26')
; | 166 shouldBeEqualToString('document.getElementById("date").value', '1999-12-26')
; |
| 167 waitUntilClosing(function() { | 167 waitUntilClosing(function() { |
| 168 openPicker(document.getElementById("date"), test2); | 168 openPicker(document.getElementById("date"), test2); |
| 169 }); | 169 }); |
| 170 } | 170 } |
| 171 | 171 |
| 172 function test2() { | 172 function test2() { |
| 173 debug('Check if tabbing works.'); | 173 debug('Check if tabbing works.'); |
| 174 shouldBeEqualToString('focusedElement()', '.list-view calendar-table-view'); | 174 shouldBeEqualToString('focusedElement()', '.list-view calendar-table-view'); |
| 175 eventSender.keyDown('\t', ['shiftKey']); | 175 eventSender.keyDown('Tab', ['shiftKey']); |
| 176 shouldBeEqualToString('focusedElement()', '.calendar-navigation-button'); | 176 shouldBeEqualToString('focusedElement()', '.calendar-navigation-button'); |
| 177 eventSender.keyDown('\t', ['shiftKey']); | 177 eventSender.keyDown('Tab', ['shiftKey']); |
| 178 shouldBeEqualToString('focusedElement()', '.calendar-navigation-button today
-button'); | 178 shouldBeEqualToString('focusedElement()', '.calendar-navigation-button today
-button'); |
| 179 eventSender.keyDown('\t', ['shiftKey']); | 179 eventSender.keyDown('Tab', ['shiftKey']); |
| 180 shouldBeEqualToString('focusedElement()', '.calendar-navigation-button'); | 180 shouldBeEqualToString('focusedElement()', '.calendar-navigation-button'); |
| 181 eventSender.keyDown('\t', ['shiftKey']); | 181 eventSender.keyDown('Tab', ['shiftKey']); |
| 182 shouldBeEqualToString('focusedElement()', '.month-popup-button'); | 182 shouldBeEqualToString('focusedElement()', '.month-popup-button'); |
| 183 | 183 |
| 184 debug('open the month popup'); | 184 debug('open the month popup'); |
| 185 eventSender.keyDown('\n'); | 185 eventSender.keyDown('Enter'); |
| 186 shouldBeTrue('popupWindow.global.picker.monthPopupView.isVisible'); | 186 shouldBeTrue('popupWindow.global.picker.monthPopupView.isVisible'); |
| 187 shouldBeEqualToString('highlightedMonthButton()', '1999-12'); | 187 shouldBeEqualToString('highlightedMonthButton()', '1999-12'); |
| 188 | 188 |
| 189 debug('TAB shouldn\'t change focus'); | 189 debug('TAB shouldn\'t change focus'); |
| 190 shouldBeEqualToString('focusedElement()', '.list-view year-list-view'); | 190 shouldBeEqualToString('focusedElement()', '.list-view year-list-view'); |
| 191 eventSender.keyDown('\t'); | 191 eventSender.keyDown('Tab'); |
| 192 // With the MockPagePopup, an elemenet not in the popup is focused. | 192 // With the MockPagePopup, an elemenet not in the popup is focused. |
| 193 shouldBeTrue('focusedElement().indexOf("month-button") < 0'); | 193 shouldBeTrue('focusedElement().indexOf("month-button") < 0'); |
| 194 shouldBeTrue('focusedElement().indexOf("list-cell") < 0'); | 194 shouldBeTrue('focusedElement().indexOf("list-cell") < 0'); |
| 195 eventSender.keyDown('\t', ['shiftKey']); | 195 eventSender.keyDown('Tab', ['shiftKey']); |
| 196 shouldBeEqualToString('focusedElement()', '.list-view year-list-view'); | 196 shouldBeEqualToString('focusedElement()', '.list-view year-list-view'); |
| 197 | 197 |
| 198 debug("press down"); | 198 debug("press down"); |
| 199 eventSender.keyDown('downArrow'); | 199 eventSender.keyDown('ArrowDown'); |
| 200 shouldBeEqualToString('highlightedMonthButton()', '2000-04'); | 200 shouldBeEqualToString('highlightedMonthButton()', '2000-04'); |
| 201 | 201 |
| 202 debug("press right"); | 202 debug("press right"); |
| 203 eventSender.keyDown('rightArrow'); | 203 eventSender.keyDown('ArrowRight'); |
| 204 shouldBeEqualToString('highlightedMonthButton()', '2000-05'); | 204 shouldBeEqualToString('highlightedMonthButton()', '2000-05'); |
| 205 | 205 |
| 206 debug("press right"); | 206 debug("press right"); |
| 207 eventSender.keyDown('rightArrow'); | 207 eventSender.keyDown('ArrowRight'); |
| 208 shouldBeEqualToString('highlightedMonthButton()', '2000-06'); | 208 shouldBeEqualToString('highlightedMonthButton()', '2000-06'); |
| 209 | 209 |
| 210 debug("press right"); | 210 debug("press right"); |
| 211 eventSender.keyDown('rightArrow'); | 211 eventSender.keyDown('ArrowRight'); |
| 212 shouldBeEqualToString('highlightedMonthButton()', '2000-07'); | 212 shouldBeEqualToString('highlightedMonthButton()', '2000-07'); |
| 213 | 213 |
| 214 debug("press right"); | 214 debug("press right"); |
| 215 eventSender.keyDown('rightArrow'); | 215 eventSender.keyDown('ArrowRight'); |
| 216 shouldBeEqualToString('highlightedMonthButton()', '2000-08'); | 216 shouldBeEqualToString('highlightedMonthButton()', '2000-08'); |
| 217 | 217 |
| 218 debug("press right"); | 218 debug("press right"); |
| 219 eventSender.keyDown('rightArrow'); | 219 eventSender.keyDown('ArrowRight'); |
| 220 shouldBeEqualToString('highlightedMonthButton()', '2000-09'); | 220 shouldBeEqualToString('highlightedMonthButton()', '2000-09'); |
| 221 | 221 |
| 222 debug("press left"); | 222 debug("press left"); |
| 223 eventSender.keyDown('leftArrow'); | 223 eventSender.keyDown('ArrowLeft'); |
| 224 shouldBeEqualToString('highlightedMonthButton()', '2000-08'); | 224 shouldBeEqualToString('highlightedMonthButton()', '2000-08'); |
| 225 | 225 |
| 226 debug("press up"); | 226 debug("press up"); |
| 227 eventSender.keyDown('upArrow'); | 227 eventSender.keyDown('ArrowUp'); |
| 228 shouldBeEqualToString('highlightedMonthButton()', '2000-04'); | 228 shouldBeEqualToString('highlightedMonthButton()', '2000-04'); |
| 229 | 229 |
| 230 debug("press pageDown"); | 230 debug("press PageDown"); |
| 231 eventSender.keyDown('pageDown'); | 231 eventSender.keyDown('PageDown'); |
| 232 shouldBeEqualToString('highlightedMonthButton()', '2001-04'); | 232 shouldBeEqualToString('highlightedMonthButton()', '2001-04'); |
| 233 | 233 |
| 234 debug("press pageUp"); | 234 debug("press PageUp"); |
| 235 eventSender.keyDown('pageUp'); | 235 eventSender.keyDown('PageUp'); |
| 236 shouldBeEqualToString('highlightedMonthButton()', '2000-04'); | 236 shouldBeEqualToString('highlightedMonthButton()', '2000-04'); |
| 237 | 237 |
| 238 debug('select month in the month popup'); | 238 debug('select month in the month popup'); |
| 239 eventSender.keyDown('\n'); | 239 eventSender.keyDown('Enter'); |
| 240 shouldBeFalse('popupWindow.global.picker.monthPopupView.isVisible'); | 240 shouldBeFalse('popupWindow.global.picker.monthPopupView.isVisible'); |
| 241 shouldBeEqualToString('currentMonth()', '2000-04'); | 241 shouldBeEqualToString('currentMonth()', '2000-04'); |
| 242 shouldBeEqualToString('selectedValue()', '1999-12-26'); | 242 shouldBeEqualToString('selectedValue()', '1999-12-26'); |
| 243 shouldBeEqualToString('selectedDayCells()', ''); | 243 shouldBeEqualToString('selectedDayCells()', ''); |
| 244 shouldBeEqualToString('highlightedValue()', '1999-12-26'); | 244 shouldBeEqualToString('highlightedValue()', '1999-12-26'); |
| 245 shouldBeEqualToString('highlightedDayCells()', ''); | 245 shouldBeEqualToString('highlightedDayCells()', ''); |
| 246 | 246 |
| 247 debug("focus calendar table"); | 247 debug("focus calendar table"); |
| 248 popupWindow.global.picker.calendarTableView.element.focus(); | 248 popupWindow.global.picker.calendarTableView.element.focus(); |
| 249 | 249 |
| 250 setNoCloseOnCommit(); | 250 setNoCloseOnCommit(); |
| 251 // Test twice in case midnight. | 251 // Test twice in case midnight. |
| 252 debug("press t"); | 252 debug("press t"); |
| 253 shouldBeTrue('testToday() || testToday()'); | 253 shouldBeTrue('testToday() || testToday()'); |
| 254 | 254 |
| 255 debug("press esc"); | 255 debug("press esc"); |
| 256 eventSender.keyDown('escape'); | 256 eventSender.keyDown('Escape'); |
| 257 waitUntilClosing(test2AfterClosing); | 257 waitUntilClosing(test2AfterClosing); |
| 258 } | 258 } |
| 259 | 259 |
| 260 function test2AfterClosing() { | 260 function test2AfterClosing() { |
| 261 shouldBeNull('document.getElementById("mock-page-popup")'); | 261 shouldBeNull('document.getElementById("mock-page-popup")'); |
| 262 | 262 |
| 263 finishJSTest(); | 263 finishJSTest(); |
| 264 } | 264 } |
| 265 | 265 |
| 266 function testToday() { | 266 function testToday() { |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 300 if (element.className) | 300 if (element.className) |
| 301 identifier += "." + element.className.replace(/ +/g, "."); | 301 identifier += "." + element.className.replace(/ +/g, "."); |
| 302 if (element.value) | 302 if (element.value) |
| 303 identifier += "[value=" + element.value + "]"; | 303 identifier += "[value=" + element.value + "]"; |
| 304 return identifier; | 304 return identifier; |
| 305 } | 305 } |
| 306 | 306 |
| 307 </script> | 307 </script> |
| 308 </body> | 308 </body> |
| 309 </html> | 309 </html> |
| OLD | NEW |