Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: dom/base/test/mochitest.toml
<!DOCTYPE HTML>
<meta charset="utf-8">
<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] {
border: none;
width: 0;
height: 0;
}
</style>
<!-- TODO(emilio): The iframes with id ending in "http" are intended to use the http:// protocol, but that causes issues with http2/http3 tests, see bug 1917297 -->
<iframe id="same-origin" src="file_bug1639328.html"></iframe>
<br>
<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>
<br>
<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>
<br>
<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>