| <!DOCTYPE html> <!-- webkit-test-runner [ useFlexibleViewport=true ] --> |
| <html> |
| <meta name="viewport" content="width=device-width"> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| <script src="../../../resources/ui-helper.js"></script> |
| <script> |
| jsTestIsAsync = true; |
| |
| async function runTest() { |
| description(`This test verifies that the time picker is presented and can be used to choose a time. To manually run the test, tap the time input to show the time picker, and then select '9:41 am'.`); |
| |
| time = document.querySelector("input"); |
| time.addEventListener("change", () => testPassed("Handled change event")); |
| time.addEventListener("blur", () => testPassed("Handled blur event")); |
| |
| if (!window.testRunner) |
| return; |
| |
| await UIHelper.activateElementAndWaitForInputSession(time); |
| await UIHelper.setTimePickerValue(9, 41); |
| await UIHelper.waitForKeyboardToHide(); |
| shouldBe("time.value", "'09:41'"); |
| finishJSTest(); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <input type="time" value="04:01" style="width: 320px; height: 100px;"></input> |
| </body> |
| </html> |
