<!DOCTYPE html>
<html>
<head>
<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#activation-triggering-input-event">
<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>
<script src="resources/utils.js"></script>
</head>
<body onload="runTests()">
<h1>Test for keyboard activation trigger for ENTER key</h1>
<p>Tests user activation from a ENTER keyboard event.</p>
<input type="text" autofocus />
<ol id="instructions">
<li>Press ENTER key.
</ol>
<script>
function runTests() {
promise_test(async () => {
const ENTER_KEY = '\uE007';
let keydown_event = getEvent('keydown');
let keypress_event = getEvent('keypress');
let keyup_event = getEvent('keyup');
await test_driver.send_keys(document.body, ENTER_KEY);
await keydown_event;
let consumed = await consumeTransientActivation();
assert_true(consumed,
"ENTER keydown event should result in activation");
await keypress_event;
consumed = await consumeTransientActivation();
assert_false(consumed,
"ENTER keypress should have no activation after keydown consumption");
await keyup_event;
consumed = await consumeTransientActivation();
assert_false(consumed,
"ENTER keyup should have no activation after keydown consumption");
}, "Activation through ENTER keyboard event");
}
</script>
</body>
</html>