<!DOCTYPE html>
<title>Element ready check with allowfullscreen attribute</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>
<iframe name="cross-origin-allowed" allowfullscreen></iframe>
<script>
    promise_test(async (t) => {
        // Trigger the child frame to report as soon as its content is loaded.
        const iframe = document.querySelector("iframe");
        await new Promise((resolve) => {
            iframe.onload = resolve;
            iframe.src =
                "http://{{hosts[][]}}:{{ports[http][0]}}/fullscreen/api/resources/attempt-fullscreen.html";
        });

        // Activate the child frame.
        await test_driver.click(iframe);

        // When a message is received from a child frame, ensure that the report
        // matches the expectations.
        const messagePromise = promiseMessage(iframe);
        const data = await messagePromise;
        assert_true(
            data.report.result,
            `${data.report.frame} frame did enter fullscreen`
        );
    }, "Element ready check with allowfullscreen attribute");
</script>
