summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/fullscreen/api/element-ready-check-fullscreen-iframe-child.html
blob: 77aad41e7dc7f0bf99d26e7047d25f0ee6b90c63 (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
<!DOCTYPE html>
<title>Element ready check for child of a fullscreen iframe</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>
<iframe><!-- script inserts div here --></iframe>
<script>
    // Verify that an iframe can itself go fullscreen, and that this doesn't
    // influence the iframe ancestor test of the element ready check.
    promise_test(async (t) => {
        document.onfullscreenerror = t.unreached_func("fullscreenerror event");
        const iframe = document.querySelector("iframe");
        await Promise.all([trusted_request(iframe), fullScreenChange()]);

        assert_equals(document.fullscreenElement, iframe, "fullscreen element");

        // This adds the div to the iframe element itself, not to the iframe's
        // contentDocument. It's done here because the HTML parser treats the
        // content of iframe as a text node.
        var div = document.createElement("div");
        iframe.appendChild(div);

        await Promise.all([
            trusted_request(div, iframe.contentDocument.body),
            fullScreenChange(),
        ]);
        assert_equals(document.fullscreenElement, div);
    }, "Element ready check for child of a fullscreen iframe");
</script>