Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/user-activation/no-activation-thru-escape-key.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>No user activation through 'Escape' key</title>
<meta name="timeout" content="long">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#tracking-user-activation">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<style>
#target {
width: 40ex;
background-color: yellow;
}
</style>
<script type="text/javascript">
let keydown_event_fired = false;
let keyup_event_fired = false;
function run() {
let textbox_elem = document.getElementById("target");
let test_esc_key = async_test("'Escape' key doesn't activate a page.");
test_esc_key.step(() => {
assert_true(!!navigator.userActivation, "This test requires user activation query API");
});
textbox_elem.focus();
on_event(textbox_elem, "keydown", () => {
test_esc_key.step(() => {
keydown_event_fired = true;
assert_false(navigator.userActivation.isActive, "No user activation on keydown");
});
});
on_event(textbox_elem, "keyup", () => {
test_esc_key.step(() => {
if (keydown_event_fired)
keyup_event_fired = true;
assert_true(keydown_event_fired, "keydown event fired before keyup");
assert_false(navigator.userActivation.isActive, "No user activation on keyup");
});
});
// Inject mouse inputs.
const escape_key = "\uE00C";
test_driver
.send_keys(textbox_elem, escape_key)
.then(() => {
assert_true(keyup_event_fired, "keydown event fired before keyup");
test_esc_key.done();
});
}
</script>
</head>
<body onload="run()">
<h1>No user activation through 'Escape' key</h1>
<h4>Tests that pressing/releasing 'Escape' key is not treated as a user activation.</h4>
<input id="target" value="Press and release the 'Esc' key." />
</body>
</html>