<!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: target-screen window.open()</title>
<link rel="help" href="https://w3c.github.io/window-management/">
Tests use of multi-screen details to open a popup window on each screen.<br>
The host device must have 2+ screens to yield meaningful results.<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 s of window.screenDetails.screens) {
const name = `Open a popup on '${s.label}'`;
await promise_test(async test => {
await buttonClick(test, name);
popups.push(await openPopupOnScreen(s));
if (autoClose.checked)
closePopups();
}, name);
}
}, 'Use multi-screen details to open a popup window on each screen');
</script>
Codebase Browser
chromium