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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
<!DOCTYPE HTML>
<meta charset="utf-8">
<title>Test for bug 1639328</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
<style>
/* To ensure that they're all in the viewport when displayed */
iframe {
width: 10px;
height: 10px;
}
iframe[id^=zero-size] {
width: 0;
height: 0;
}
</style>
<iframe id="http" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="https" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="same-origin" src="file_bug1639328.html"></iframe>
<iframe id="zero-size-http" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="zero-size-https" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="zero-size-same-origin" src="file_bug1639328.html"></iframe>
<iframe id="display-none-http" style="display: none" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="display-none-https" style="display: none" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="display-none-same-origin" style="display: none" src="file_bug1639328.html"></iframe>
<iframe id="vis-hidden-http" style="visibility: hidden" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="vis-hidden-https" style="visibility: hidden" src="https://example.com/tests/dom/base/test/file_bug1639328.html"></iframe>
<iframe id="vis-hidden-same-origin" style="visibility: hidden" src="file_bug1639328.html"></iframe>
<script>
SimpleTest.waitForExplicitFinish();
function getOneMessage(frame) {
info(`querying ${frame.src} (${frame.id})`);
let resolve;
let promise = new Promise(r => { resolve = r; });
window.addEventListener("message", function(e) {
info("got " + JSON.stringify(e.data));
resolve(e.data);
}, { once: true });
frame.contentWindow.postMessage("ping", "*");
return promise;
}
async function ticks(n) {
for (let i = 0; i < n; ++i) {
await new Promise(resolve => requestAnimationFrame(resolve));
}
}
async function checkFrame(frame, shouldThrottle) {
let message = null;
do {
if (message) {
await ticks(2);
}
message = await getOneMessage(frame);
} while (message.throttledFrameRequests != shouldThrottle);
is(message.throttledFrameRequests, shouldThrottle, frame.id);
}
function shouldThrottle(frame) {
return frame.style.display == "none" || frame.style.visibility == "hidden";
}
onload = async function() {
await SimpleTest.promiseFocus(window);
await ticks(2);
is(SpecialPowers.DOMWindowUtils.effectivelyThrottlesFrameRequests, false, "Should not be throttling main page");
for (let frame of document.querySelectorAll("iframe")) {
let originalShouldThrottle = shouldThrottle(frame);
await checkFrame(frame, originalShouldThrottle);
for (let prop of ["display", "visibility"]) {
info(`Switching ${prop} of ${frame.id}`);
let orig = frame.style[prop];
let throttledValue = prop == "display" ? "none" : "hidden";
frame.style[prop] = orig == throttledValue ? "" : throttledValue;
if (orig != throttledValue) {
is(shouldThrottle(frame), true, `Should throttle for ${prop}: ${throttledValue}`);
}
await checkFrame(frame, shouldThrottle(frame));
info(`Switching ${prop} back for ${frame.id}`);
frame.style[prop] = orig;
await checkFrame(frame, originalShouldThrottle);
}
}
SimpleTest.finish();
};
</script>
|
