| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/accessibility-helper.js"></script> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| <body> |
| |
| <input id="date-input" type="date" value="2022-11-21" /> |
| |
| <script> |
| var output = "Tests that subfield values update correctly for date inputs.\n\n"; |
| |
| function keyDown(key, repeat = 1) { |
| for (let i = 0; i < repeat; i++) |
| eventSender.keyDown(key); |
| } |
| |
| if (window.accessibilityController) { |
| window.jsTestIsAsync = true; |
| const dateInput = document.getElementById("date-input"); |
| var axDateInput = accessibilityController.accessibleElementById("date-input"); |
| |
| function getAndLogSubfields(axElement) { |
| let subfields = axElement.childAtIndex(0).childAtIndex(0).children; |
| subfields.forEach((child) => { |
| output += `${child.description} ${child.role} ${child.stringValue}\n`; |
| }); |
| return subfields; |
| } |
| |
| output += "Original subfield values:\n"; |
| var subfields = getAndLogSubfields(axDateInput); |
| |
| setTimeout(async () => { |
| output += "\nFocus date element and press up arrow to increment the month field:\n"; |
| dateInput.focus(); |
| keyDown("upArrow"); |
| output += await expectAsync("subfields[0].intValue", "12"); |
| |
| output += "\nPress down arrow twice to decrement the month field.\n"; |
| keyDown("downArrow", 2); |
| output += await expectAsync("subfields[0].intValue", "10"); |
| |
| output += "\nPress the tab key to move to the day field in the date input.\n"; |
| keyDown("\t"); |
| output += await expectAsync("subfields[2].intValue", "21"); |
| |
| output += "\nType 10 in the day subfield.\n"; |
| keyDown("1"); |
| keyDown("0") |
| output += await expectAsync("subfields[2].intValue", "10"); |
| |
| output += "\nPress down arrow to decrement the day field.\n"; |
| keyDown("downArrow"); |
| output += await expectAsync("subfields[2].intValue", "9"); |
| |
| output += "\nPress up arrow twice to increment the day field.\n"; |
| keyDown("upArrow", 2); |
| output += await expectAsync("subfields[2].intValue", "11"); |
| |
| output += "\nPress tab to move to the year field in the date input.\n"; |
| keyDown("\t"); |
| output += await expectAsync("subfields[4].intValue", "2022"); |
| |
| output+= "\nPress down arrow 10 times to decrement the year field.\n"; |
| keyDown("downArrow", 10); |
| output += await expectAsync("subfields[4].intValue", "2012"); |
| |
| output += "\nPress up arrow to increment the year field.\n"; |
| keyDown("upArrow"); |
| output += await expectAsync("subfields[4].intValue", "2013"); |
| |
| output += "\nSet the date via JavaScript.\n"; |
| dateInput.value = "2023-12-31"; |
| await waitFor(() => { |
| var dateObject = axDateInput.childAtIndex(0).childAtIndex(0); |
| return dateObject.childrenCount >= 5 ? !!dateObject.children[4] : null; |
| }); |
| |
| output += await expectAsync("axDateInput.childAtIndex(0).childAtIndex(0).children[4].intValue", "2023"); |
| getAndLogSubfields(axDateInput); |
| |
| debug(output); |
| finishJSTest(); |
| }); |
| } |
| </script> |
| </body> |
| </html> |
