test_animated_gif.html

Enable keyboard shortcuts

<!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>