<!DOCTYPE html>
<title>
Element#requestFullscreen() in iframe followed by removing the 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 allowfullscreen></iframe>
<script>
promise_test(async (t) => {
const iframe = document.querySelector("iframe");
await new Promise((resolve) => {
iframe.onload = resolve;
iframe.src = "about:blank";
});
const iframeDocument = iframe.contentDocument;
document.onfullscreenchange = t.unreached_func(
"fullscreenchange event"
);
document.onfullscreenerror = t.unreached_func("fullscreenerror event");
iframeDocument.onfullscreenchange = t.unreached_func(
"iframe fullscreenchange event"
);
iframeDocument.onfullscreenerror = t.unreached_func(
"iframe fullscreenerror event"
);
await trusted_click(document.body);
const p = iframeDocument.body.requestFullscreen();
const typeErrorConstructor = iframe.contentWindow.TypeError;
iframe.remove();
// Prevent the tests from hanging if the promise never rejects.
const errorPromise = new Promise((_, reject) =>
t.step_timeout(() => {
assert_unreached("Promise didn't reject.");
reject(new Error("Promise didn't reject."));
}, 1000)
);
await Promise.race([
promise_rejects_js(t, typeErrorConstructor, p),
errorPromise,
]);
assert_equals(document.fullscreenElement, null);
assert_equals(iframeDocument.fullscreenElement, null);
}, "requestFullscreen() in iframe followed by removing the iframe");
</script>