Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
            - /fullscreen/api/document-exit-fullscreen-nested.html - WPT Dashboard Interop Dashboard
 
<!DOCTYPE html>
<title>Document#exitFullscreen() for nested fullscreen</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><div></div></div>
<script>
    promise_test(async (t) => {
        const outer = document.querySelector("div");
        const inner = outer.firstChild;
        document.onfullscreenerror = t.unreached_func("fullscreenerror event");
        // First request fullscreen for the outer element.
        await Promise.all([
            fullScreenChange(),
            trusted_request(outer),
        ]);
        assert_equals(document.fullscreenElement, outer);
        // Then request fullscreen for the inner element.
        const p = trusted_request(inner);
        // Even though we are already in fullscreen, the change in
        // document.fullscreenElement should not happen synchronously.
        assert_equals(document.fullscreenElement, outer);
        await Promise.all([
            fullScreenChange(),
            p,
        ]);
        assert_equals(document.fullscreenElement, inner);
        // Now exit fullscreen.
        const exitP = document.exitFullscreen();
        // Even though we don't need to exit fullscreen, the change in
        // document.fullscreenElement should not happen synchronously.
        assert_equals(document.fullscreenElement, inner);
        await Promise.all([
            exitP,
            fullScreenChange(),
        ]);
        assert_equals(document.fullscreenElement, outer);
    }, "Exit fullscreen for nested fullscreen");
</script>