<!DOCTYPE html>
<title>Element ready check with no 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>
<body>
  <iframe name="cross-origin-default"></iframe>
</body>

<script>
  // Allow the time bomb to be triggered.
  setup({ allow_uncaught_exception: true });

  promise_test(async (t) => {
    t.add_cleanup(() => {
      if (document.fullscreenElement) return document.exitFullscreen();
    });
    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";
    });
    // Trigger the child frame to report as soon as its content is loaded.
    await trusted_click();
    const timeBomb = new Promise((resolve, reject) => {
      t.step_timeout(() => {
        const error = new Error("Timed out waiting for message");
        reject(error);
      }, 5000);
    });
    const data = await Promise.race([promiseMessage(iframe), timeBomb]);
    // When a message is received from a child frame, ensure that the report
    // matches the expectations.
    assert_false(
      data.report.result,
      `${data.report.frame} frame entered fullscreen, but allowfullscreen was not set`
    );
  }, "Cross-origin element ready check with no allowfullscreen or allow attribute");
</script>
