| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| <script src="../../../resources/ui-helper.js"></script> |
| </head> |
| <body> |
| <script> |
| window.jsTestIsAsync = true; |
| |
| // Move rawKeyDown() and rawKeyUp() to ui-helper.js if they turn out to be useful in other tests. |
| function rawKeyDown(key) |
| { |
| if (!window.testRunner) |
| return Promise.resolve(); |
| |
| return new Promise((resolve) => { |
| testRunner.runUIScript(`uiController.rawKeyDown("${key}");`, resolve); |
| }); |
| } |
| |
| function rawKeyUp(key) |
| { |
| if (!window.testRunner) |
| return Promise.resolve(); |
| |
| return new Promise((resolve) => { |
| testRunner.runUIScript(`uiController.rawKeyUp("${key}");`, resolve); |
| }); |
| } |
| |
| function logKeyEvent(event) |
| { |
| let pieces = []; |
| for (let propertyName of ["type", "key", "code", "keyIdentifier", "keyCode", "charCode", "keyCode", "which", "altKey", "ctrlKey", "metaKey", "shiftKey", "location", "keyLocation"]) |
| pieces.push(`${propertyName}: ${event[propertyName]}`); |
| debug(pieces.join(", ")); |
| } |
| |
| async function runTest() |
| { |
| document.body.addEventListener("keydown", logKeyEvent); |
| document.body.addEventListener("keyup", logKeyEvent); |
| |
| debug("<br>Press e, g then release e, g (in order):"); |
| |
| let keyEvent; |
| keyEvent = await UIHelper.callFunctionAndWaitForEvent(() => rawKeyDown("e"), document.body, "keydown"); |
| if (keyEvent.key !== "e") |
| testFailed("Did not press e"); |
| keyEvent = await UIHelper.callFunctionAndWaitForEvent(() => rawKeyDown("g"), document.body, "keydown"); |
| if (keyEvent.key !== "g") |
| testFailed("Did not press g"); |
| await UIHelper.callFunctionAndWaitForEvent(() => rawKeyUp("e"), document.body, "keyup"); |
| await UIHelper.callFunctionAndWaitForEvent(() => rawKeyUp("g"), document.body, "keyup"); |
| |
| debug("<br>Press the Left Option, Right Option then release the Left Option, Right Option (in order):"); |
| |
| keyEvent = await UIHelper.callFunctionAndWaitForEvent(() => rawKeyDown("leftAlt"), document.body, "keydown"); |
| if (keyEvent.key !== "Alt" || keyEvent.location !== 1) |
| testFailed("Did not press left Option"); |
| keyEvent = await UIHelper.callFunctionAndWaitForEvent(() => rawKeyDown("rightAlt"), document.body, "keydown"); |
| if (keyEvent.key !== "Alt" || keyEvent.location !== 2) |
| testFailed("Did not press right Option"); |
| await UIHelper.callFunctionAndWaitForEvent(() => rawKeyUp("leftAlt"), document.body, "keyup"); |
| await UIHelper.callFunctionAndWaitForEvent(() => rawKeyUp("rightAlt"), document.body, "keyup"); |
| |
| document.body.removeEventListener("keydown", logKeyEvent); |
| document.body.removeEventListener("keyup", logKeyEvent); |
| finishJSTest(); |
| } |
| |
| description("This tests that pressing and releasing keys dispatches DOM keydown and keyup events in the same order the keys were pressed and released."); |
| runTest(); |
| </script> |
| </body> |
| </html> |
