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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1648157
-->
<head>
<title>Test for displayMode</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="property_database.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display">
<iframe id="iframe" src="http://example.org/tests/layout/style/test/media_queries_iframe2.html"></iframe>
</p>
<pre id="test">
<script class="testbody">
let iframe = document.getElementById("iframe");
// Keep in sync with media_queries_iframe2.html
const DISPLAY_MODES_BACKGROUND_COLOR = {
'minimal-ui': 'rgb(255, 0, 0)',
'standalone': 'rgb(0, 128, 0)',
'fullscreen': 'rgb(0, 0, 255)',
'browser': 'rgb(255, 255, 0)'
};
const DISPLAY_MODES = Object.keys(DISPLAY_MODES_BACKGROUND_COLOR);
SimpleTest.waitForExplicitFinish();
window.addEventListener("load", async (event) => {
const wrappedWindow = SpecialPowers.wrap(window);
function setDisplayMode(mode) {
wrappedWindow.browsingContext.top.displayMode = mode;
}
async function displayModeApplies(mode) {
let responsePromise = new Promise(resolve => {
window.addEventListener("message", e => {
resolve(e.data.backgroundColor);
}, { once: true });
});
iframe.contentWindow.postMessage('get-background-color', '*');
let response = await responsePromise;
let expected = DISPLAY_MODES_BACKGROUND_COLOR[mode];
info(`displayModeApplies: ${response} === ${expected}`);
return response === expected;
}
async function checkIfApplies(q, shouldApply) {
let message = shouldApply ? "should apply" : "should not apply";
is((await displayModeApplies(q)), shouldApply, `${q} ${message}`);
}
for (let currentMode of DISPLAY_MODES) {
setDisplayMode(currentMode);
for (let mode of DISPLAY_MODES) {
await checkIfApplies(mode, currentMode === mode);
}
}
SimpleTest.finish();
});
</script>
</pre>
</body>
</html>
|
