30 lines
1.4 KiB
HTML
30 lines
1.4 KiB
HTML
<!doctype html>
|
|
<meta charset=utf-8>
|
|
<title>Element#requestFullscreen() without user activation</title>
|
|
<link rel="help" href="https://github.com/explainers-by-googlers/html-fullscreen-without-a-gesture">
|
|
<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="log"></div>
|
|
<script>
|
|
promise_test(async (test) => {
|
|
const div = document.querySelector("div");
|
|
assert_false(navigator.userActivation.isActive, "userActivation.isActive");
|
|
await promise_rejects_js(test, TypeError, div.requestFullscreen());
|
|
}, `Element#requestFullscreen() rejects without user activation by default`);
|
|
|
|
promise_test(async (test) => {
|
|
test.add_cleanup(() => {
|
|
if (document.fullscreenElement) return document.exitFullscreen();
|
|
});
|
|
const descriptor = { name: "fullscreen", allowWithoutGesture: true };
|
|
await test_driver.set_permission(descriptor, "granted");
|
|
const status = await navigator.permissions.query(descriptor);
|
|
assert_equals((status).state, "granted", `state should be "granted", as set`);
|
|
|
|
const div = document.querySelector("div");
|
|
assert_false(navigator.userActivation.isActive, "userActivation.isActive");
|
|
await div.requestFullscreen();
|
|
}, `Element#requestFullscreen() resolves without user activation with permission`);
|
|
</script>
|