51 lines
2.1 KiB
HTML
51 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<meta name="timeout" content="long">
|
|
<!-- user agents are not required to support open features other than `noopener`
|
|
and on some platforms position and size features don't make sense -->
|
|
<meta name="flags" content="may">
|
|
<title>Window Management test: Fullscreen popups with window.open()</title>
|
|
<link rel="help" href="https://w3c.github.io/window-management/">
|
|
Tests the ability to open a fullscreen popup window on each screen.<br>
|
|
The host device must have 2+ screens to test cross-screen fullscreen popups.
|
|
<br><br>
|
|
<button id="closeButton" onclick="closePopups">Close popups</button><br>
|
|
<input id="autoClose" type="checkbox" checked=true>Auto-close popups</input>
|
|
<ul id="list"></ul>
|
|
<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="resources/helpers.js"></script>
|
|
<script>
|
|
'use strict';
|
|
|
|
let popups = [];
|
|
function closePopups() {
|
|
popups.forEach(p => p.close());
|
|
popups = [];
|
|
}
|
|
|
|
promise_test(async setUpTest => {
|
|
await setUpWindowManagement(setUpTest);
|
|
for (const [i, s] of window.screenDetails.screens.entries()) {
|
|
const name = `Open a fullscreen popup on '${s.label || i}'`;
|
|
await promise_test(async test => {
|
|
await buttonClick(test, name);
|
|
const popup = await openPopupOnScreen(s, /*assertPlacement=*/false,
|
|
/*fullscreen=*/true);
|
|
popups.push(popup);
|
|
await poll(() => {
|
|
return popup.document.fullscreenElement ==
|
|
popup.document.documentElement
|
|
});
|
|
const context = `popup: ${windowLog(popup)}, ${screenLog(screen)}`;
|
|
assert_equals(popup.screenLeft, s.availLeft, context)
|
|
assert_equals(popup.screenRight, s.availRight, context);
|
|
assert_equals(popup.screen.availHeight, s.availHeight, context);
|
|
assert_equals(popup.screen.availWidth, s.availWidth, context);
|
|
if (autoClose.checked)
|
|
closePopups();
|
|
}, name);
|
|
}
|
|
}, 'Use multi-screen details to open a fullscreen popup window on each screen');
|
|
</script>
|