| <!DOCTYPE html> |
| <title>Element#requestFullscreen() on the current fullscreen element</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> |
| <script src="../trusted-click.js"></script> |
| <div id="log"></div> |
| <div id="target"></div> |
| <script> |
| promise_test(async (t) => { |
| const target = document.getElementById("target"); |
| document.onfullscreenerror = t.unreached_func("fullscreenerror event"); |
| |
| await Promise.all([ |
| fullScreenChange(), |
| trusted_request(target), |
| ]); |
| |
| assert_equals(document.fullscreenElement, target); |
| |
| // The next requestFullscreen() should fire no events due to "If element is |
| // doc's fullscreen element, terminate these subsubsteps." |
| document.onfullscreenchange = t.unreached_func( |
| "fullscreenchange event" |
| ); |
| |
| await trusted_click(target); |
| await target.requestFullscreen(); |
| assert_equals(document.fullscreenElement, target); |
| // Wait until after the next animation frame. |
| await new Promise((r) => requestAnimationFrame(r)); |
| }, "Element#requestFullscreen() on the current fullscreen element"); |
| </script> |
