Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE HTML>
<html>
<!--
Test that multiple windows can be fullscreen at the same time.
Open one window, focus it and enter fullscreen, then open another, focus
it and enter fullscreen, and check that both are still fullscreen.
-->
<head>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="file_fullscreen-utils.js"></script>
</head>
<body>
<script type="application/javascript">
function ok(condition, msg) {
opener.ok(condition, "[multiple] " + msg);
}
function is(a, b, msg) {
opener.is(a, b, "[multiple] " + msg);
}
var window1, window2;
function openWindow(id) {
var w = window.open("file_fullscreen-multiple-inner.html", "", "width=500,height=500");
waitForLoadAndPaint(w, function() {
SimpleTest.waitForFocus(function() {
info(`Window ${id} is focused, starting test...`);
w.begin(id);
}, w);
w.focus();
});
return w;
}
function begin() {
window1 = openWindow("one");
}
function enteredFullscreen(id) {
if (id == "one") {
window2 = openWindow("two");
} else if (id == "two") {
ok(window1.document.fullscreenElement &&
window2.document.fullscreenElement,
"Both windows should be fullscreen concurrently");
window1.close();
window2.close();
opener.nextTest();
}
}
</script>
</pre>
<div id="full-screen-element"></div>
</body>
</html>