| <!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> |
