Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: dom/base/test/fullscreen/browser.toml
/* Any copyright is dedicated to the Public Domain.
"use strict";
requestLongerTimeout(2);
// Import helpers
Services.scriptloader.loadSubScript(
this
);
// This test tends to trigger a race in the fullscreen time telemetry,
// where the fullscreen enter and fullscreen exit events (which use the
// same histogram ID) overlap. That causes TelemetryStopwatch to log an
// error.
SimpleTest.ignoreAllUncaughtExceptions(true);
add_setup(async function () {
await pushPrefs(
["full-screen-api.transition-duration.enter", "0 0"],
["full-screen-api.transition-duration.leave", "0 0"],
["full-screen-api.allow-trusted-requests-only", false]
);
});
add_task(async function navigation() {
await BrowserTestUtils.withNewTab(
{
gBrowser,
url: `data:text/html,
<button id="button">Click here</button>
<script>
let button = document.getElementById("button");
button.addEventListener("click", function() {
button.requestFullscreen();
location.href = "about:blank";
});
</script>`,
},
async function (browser) {
BrowserTestUtils.synthesizeMouseAtCenter("#button", {}, browser);
// Give some time for fullscreen transition.
await new Promise(aResolve => {
SimpleTest.executeSoon(() => {
SimpleTest.executeSoon(aResolve);
});
});
// Wait fullscreen exit event if browser is still in fullscreen mode.
if (
window.fullScreen ||
document.documentElement.hasAttribute("inFullscreen")
) {
info("The widget is still in fullscreen, wait again");
await waitWidgetFullscreenEvent(window, false, true);
}
if (document.documentElement.hasAttribute("inDOMFullscreen")) {
info("The chrome document is still in fullscreen, wait again");
await waitForFullScreenObserver(window, false, true);
}
// Ensure the browser exits fullscreen state.
ok(!window.fullScreen, "The widget should not be in fullscreen");
ok(
!document.documentElement.hasAttribute("inFullscreen"),
"The chrome window should not be in fullscreen"
);
ok(
!document.documentElement.hasAttribute("inDOMFullscreen"),
"The chrome document should not be in fullscreen"
);
}
);
});
async function startTests(setupFun, name) {
TEST_URLS.forEach(url => {
add_task(async () => {
info(`Test ${name}, url: ${url}`);
await BrowserTestUtils.withNewTab(
{
gBrowser,
url,
},
async function (browser) {
let promiseFsState = Promise.all([
setupFun(browser),
waitForFullscreenState(document, false, true),
]);
// Trigger click event in inner most iframe
SpecialPowers.spawn(
browser.browsingContext.children[0].children[0],
[],
function () {
content.setTimeout(() => {
content.document.getElementById("div").click();
}, 0);
}
);
await promiseFsState;
// Ensure the browser exits fullscreen state.
ok(
!window.fullScreen,
"The chrome window should not be in fullscreen"
);
ok(
!document.documentElement.hasAttribute("inDOMFullscreen"),
"The chrome document should not be in fullscreen"
);
}
);
});
});
}
function NavigateRemoteDocument(aBrowsingContext, aURL) {
return SpecialPowers.spawn(aBrowsingContext, [aURL], async function (url) {
content.document.addEventListener(
"fullscreenchange",
function () {
content.location.href = url;
},
{ once: true }
);
});
}
startTests(async browser => {
// toplevel
await NavigateRemoteDocument(browser.browsingContext, "about:blank");
}, "navigation_toplevel");
startTests(async browser => {
// middle iframe
let promise = waitRemoteFullscreenExitEvents([
// browsingContext, name
[browser.browsingContext, "toplevel"],
]);
await NavigateRemoteDocument(
browser.browsingContext.children[0],
"about:blank"
);
return promise;
}, "navigation_middle_frame");
startTests(async browser => {
// innermost iframe
let promise = waitRemoteFullscreenExitEvents([
// browsingContext, name
[browser.browsingContext, "toplevel"],
[browser.browsingContext.children[0], "middle"],
]);
await NavigateRemoteDocument(
browser.browsingContext.children[0].children[0],
"about:blank"
);
return promise;
}, "navigation_inner_frame");