<!
DOCTYPE HTML>
<
html>
<
head>
<
meta charset=
"utf-8">
<
title>Images outside of display port are not decoded</
title>
<
script src=
"/tests/SimpleTest/SimpleTest.js"></
script>
<
script src=
"imgutils.js"></
script>
<
link rel=
"stylesheet" href=
"/tests/SimpleTest/test.css"/>
</
head>
<
body>
<p id=
"display"></p>
<
div id=
"content" style=
"display: none"></
div>
<
div id=
"scroller" style=
"height: 300px; overflow: scroll;">
<
div style=
"width: 100%; height: 12000px;"></
div>
<
iframe id=
"iframe"></
iframe>
<
div style=
"width: 100%; height: 5000px;"></
div>
</
div>
<
pre id=
"test"></
pre>
<
script>
add_task(async () => {
window.addEventListener(
"message", event => {
isnot(event.data,
"decodeComplete",
"decodeComplete should never be received");
});
await new Promise(resolve => {
window.addEventListener(
"message", event => {
if (event.data ==
"loadComplete") {
ok(true,
"Got loadComplete");
resolve();
}
}, { once: true });
const
iframe = document.getElementById(
"iframe");
iframe.src =
"http://example.org/tests/image/test/mochitest/child.html";
});
const start = Date.now();
// Waits a second;
await SimpleTest.promiseWaitForCondition(() => {
return 1000 < (Date.now() - start);
});
ok(true,
"decodeComplete didn't receive within a second");
});
</
script>
</
body>
</
html>