Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /fullscreen/api/element-request-fullscreen-active-document.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>
Element#requestFullscreen() when the document is not the active document
</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<iframe allowfullscreen></iframe>
<script>
promise_test(async (t) => {
const iframe = document.querySelector("iframe");
const typeErrorConstructor = iframe.contentWindow.TypeError;
const documentBeforeNav = iframe.contentDocument;
documentBeforeNav.onfullscreenchange = t.unreached_func(
"fullscreenchange event"
);
documentBeforeNav.onfullscreenerror = t.unreached_func(
"fullscreenerror event"
);
await new Promise((r) => {
iframe.src = "/common/blank.html";
iframe.onload = r;
});
await promise_rejects_js(
t,
typeErrorConstructor,
documentBeforeNav.documentElement.requestFullscreen()
);
// Per spec the fullscreenerror event should be fired at the next animation
// frame, but at least Gecko and WebKit will instead effectively do "queue a
// task to fire ...". Use both rAF and setTimeout to fail even if the timing
// of the (unexpected) event isn't as expected.
await new Promise((resolve) => {
requestAnimationFrame(() => {
t.step_timeout(resolve);
});
});
});
</script>