1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<!DOCTYPE html>
<meta charset="utf-8" />
<title>UI Events Test: Modifier keys combinations</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://w3c.github.io/uievents/#idl-keyboardevent" />
<meta name="assert" content="This test checks that modifier keys combinations are properly detected in 'keydown' 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>
<div id="target" tabindex="0">Target</div>
<script>
const keys = {
"Shift": '\uE008' + 'y',
"Control": '\uE009' + 'y',
"Alt": '\uE00A' + 'y',
"Meta": '\uE03D' + 'y',
};
target.focus();
for (const [key, code] of Object.entries(keys)) {
promise_test(() => {
return new Promise(resolve => {
target.addEventListener("keydown", (event) => {
if (event.key != key)
resolve(event);
});
test_driver.send_keys(target, code);
}).then((event) => {
if (event.shiftKey) {
// Shift + y will send a "Y" keydown event on Chromium and Firefox, but a "y" one on WebKit.
assert_true(event.key == "y" || event.key == "Y");
} else {
assert_equals(event.key, "y");
}
assert_equals(event.shiftKey, key === "Shift");
assert_equals(event.ctrlKey, key === "Control");
assert_equals(event.altKey, key === "Alt");
assert_equals(event.metaKey, key === "Meta");
});
}, `Check sending "${key} + y" key combination`);
}
</script>
|
