summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/fullscreen/api/document-exit-fullscreen-twice.html
blob: aa8538cce4ba95ac37f9899293fdbdb315b29023 (plain)
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
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<title>Document#exitFullscreen() called twice</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>
<script>
    promise_test(async (t) => {
        const once = { once: true };
        const div = document.querySelector("div");
        document.onfullscreenerror = t.unreached_func("fullscreenerror event");

        await Promise.all([
            fullScreenChange(),
            trusted_request(div),
        ]);

        // We are now in fullscreen.
        assert_equals(document.fullscreenElement, div);

        // Exit fullscreen twice.
        const firstPromise = document.exitFullscreen();
        assert_equals(
            document.fullscreenElement,
            div,
            "fullscreenElement after first exitFullscreen()"
        );

        const secondPromise = document.exitFullscreen();
        assert_equals(
            document.fullscreenElement,
            div,
            "fullscreenElement after second exitFullscreen()"
        );
        const eventChange = new Promise((resolve) => {
            document.addEventListener("fullscreenchange", resolve, once);
            document.addEventListener(
                "fullscreenchange",
                t.unreached_func("second event fired"),
                once
            );
        });

        await Promise.all([
            fullScreenChange,
            firstPromise,
            secondPromise,
            eventChange,
        ]);
        assert_equals(document.fullscreenElement, null);
    });
</script>