time-enter-keypress.html (1350B)
1 <!doctype html> 2 <title>Enter submits on time input</title> 3 <meta charset=utf-8> 4 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 5 <link rel="author" href="https://mozilla.org" title="Mozilla"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="/resources/testdriver.js"></script> 9 <script src="/resources/testdriver-vendor.js"></script> 10 <script src="/resources/testdriver-actions.js"></script> 11 <form> 12 <input type="time" name="time"> 13 <input type=submit> 14 </form> 15 <form> 16 <input type="date" name="date"> 17 <input type=submit> 18 </form> 19 <form> 20 <input type="datetime-local" name="datetime-local"> 21 <input type=submit> 22 </form> 23 <script> 24 async function testEnterOnInput(form) { 25 const submitted = new Promise(resolve => { 26 form.addEventListener("submit", function(e) { 27 e.preventDefault(); 28 resolve(); 29 }, { once: true }); 30 }); 31 const input = form.querySelector("input"); 32 input.focus(); 33 34 const ENTER = "\uE007"; 35 await new test_driver.Actions() 36 .keyDown(ENTER) 37 .keyUp(ENTER) 38 .send() 39 await submitted; 40 assert_true(true, "Form was submitted on enter for input " + input.type); 41 } 42 43 promise_test(async t => { 44 for (let form of document.querySelectorAll("form")) { 45 await testEnterOnInput(form, t); 46 } 47 }); 48 </script>