<!DOCTYPE html>
<title>
Document#fullscreenEnabled removing allowfullscreen after load and then
navigating
</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<iframe></iframe>
<script>
function requestStatus(iframe) {
iframe.contentWindow.postMessage(
"What is document.fullscreenEnabled?",
"*"
);
return new Promise((resolve) => {
window.addEventListener("message", function listener(e) {
window.removeEventListener("message", listener);
resolve(event.data);
});
});
}
promise_test(async (t) => {
const iframe = document.querySelector("iframe");
iframe.allowFullscreen = true;
assert_true(iframe.allowFullscreen, "allowFullscreen is false");
assert_true(
iframe.hasAttribute("allowfullscreen"),
"allowFullscreen attribute is present"
);
await new Promise((resolve) => {
iframe.onload = resolve;
const path = location.pathname.substring(
0,
location.pathname.lastIndexOf("/") + 1
);
iframe.src = `http://{{hosts[][]}}:{{ports[http][0]}}${path}resources/echo-fullscreenEnabled.html`;
});
assert_true(
await requestStatus(iframe),
"document.fullscreenEnabled in the iframe, before navigation"
);
iframe.allowFullscreen = false;
assert_false(iframe.allowFullscreen, "allowFullscreen is false");
assert_false(
iframe.hasAttribute("allowfullscreen"),
"allowFullscreen attribute is not present"
);
await new Promise((resolve) => {
iframe.onload = resolve;
iframe.contentWindow.location.href = iframe.src + "?2";
});
assert_false(
await requestStatus(iframe),
"document.fullscreenEnabled in the iframe, after navigation"
);
});
</script>
Codebase Browser
chromium