47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<!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>
|