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
|
<!DOCTYPE html>
<title>Test showPicker() user gesture requirement</title>
<meta name="timeout" content="long">
<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>
<script type=module>
import inputTypes from "./input-types.js";
// File pickers can't be closed.
const types = inputTypes.filter((t) => t != 'file');
function createElement(t,type) {
const input = document.createElement("input");
input.setAttribute("type", type);
document.body.appendChild(input);
t.add_cleanup(() => input.remove());
return input;
}
for (const inputType of types) {
promise_test(async (t) => {
const input = createElement(t,inputType);
assert_throws_dom('NotAllowedError', () => { input.showPicker(); });
}, `input[type=${inputType}] showPicker() requires a user gesture`);
promise_test(async (t) => {
const input = createElement(t,inputType);
await test_driver.bless('show picker');
input.showPicker();
input.blur();
}, `input[type=${inputType}] showPicker() does not throw when user activation is active`);
promise_test(async (t) => {
const input = createElement(t,inputType);
await test_driver.bless('show picker');
input.showPicker();
input.blur();
assert_false(navigator.userActivation.isActive);
}, `input[type=${inputType}] showPicker() consumes user activation`);
}
</script>
|
