1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<!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 Companion Window</title>
<link rel="help" href="https://w3c.github.io/window-management/">
Tests use of multi-screen details to enter fullscreen and open a 'companion'
popup window in the same user activation.<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);
const screens = window.screenDetails.screens;
const originalScreen = window.screenDetails.currentScreen;
for (const [i, screenA] of screens.entries()) {
const screenB = screens[(i + 1) % screens.length];
let name = `Fullscreen on '${screenA.label}'; popup on '${screenB.label}'`;
promise_test(async test => {
await buttonClick(test, name);
await document.documentElement.requestFullscreen({ screen: screenA });
await assertWindowOnScreen(window, screenA);
// Expect the popup to open if multiple screens are available.
const assertPlacement = screens.length > 1;
const popup = await openPopupOnScreen(screenB, assertPlacement);
if (!!popup)
popups.push(popup);
// Exit fullscreen; `window` should move back to `originalScreen`.
await buttonClick(test, `Exit fullscreen`);
await document.exitFullscreen();
await assertWindowOnScreen(window, originalScreen);
assert_false(!!document.fullscreenElement);
if (autoClose.checked)
closePopups();
}, name);
}
}, 'Enter fullscreen and open a popup from one transient activation.');
</script>
|
