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
44
45
46
47
48
49
50
51
52
|
<!DOCTYPE html>
<meta name=timeout content=long>
<title>Test showPicker() disabled/readonly requirement</title>
<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>
<body></body>
<script type=module>
import inputTypes from "./input-types.js";
for (const inputType of inputTypes) {
test(() => {
const input = document.createElement("input");
input.setAttribute("type", inputType);
input.setAttribute("disabled", "");
assert_throws_dom('InvalidStateError', () => { input.showPicker(); });
}, `input[type=${inputType}] showPicker() throws when disabled`);
}
const noReadonlySupport = ['button', 'checkbox', 'color', 'file',
'hidden', 'image', 'radio', 'range', 'reset', 'submit'];
for (const inputType of inputTypes) {
if (!noReadonlySupport.includes(inputType)) {
promise_test(async () => {
const input = document.createElement("input");
input.setAttribute("type", inputType);
input.setAttribute("readonly", "");
await test_driver.bless('show picker');
assert_throws_dom('InvalidStateError', () => { input.showPicker(); });
assert_true(navigator.userActivation.isActive, 'User activation is not consumed for readonly showPicker() call');
}, `input[type=${inputType}] showPicker() throws when readonly`);
} else {
promise_test(async () => {
const input = document.createElement("input");
input.setAttribute("type", inputType);
input.setAttribute("readonly", "");
document.body.appendChild(input);
await test_driver.bless('show picker');
input.showPicker();
input.blur();
input.remove();
assert_false(navigator.userActivation.isActive, 'User activation is consumed for non-readonly showPicker() call');
}, `input[type=${inputType}] showPicker() doesn't throw when readonly`);
}
}
</script>
|
