<script>
    // This test waits for a GIF repaint and double checks that there is a repaint only,
    // no layout. If the test passes, there are two green squares. If it fails, then one
    // or both of the squares is red instead.

    var layoutCountBeforeTimer;

    function animationComplete()
    {
        document.body.offsetWidth; // Explicitly trigger a layout.

        if (window.internals && window.testRunner) {
            var count = internals.layoutCount - layoutCountBeforeTimer;
            if (count == 0) {
                var indicator = document.getElementById("indicator");
                indicator.addEventListener("load", function() { testRunner.notifyDone(); })
                indicator.src = "resources/rgb-jpeg-green.jpg";
                return;
            }
            testRunner.notifyDone();
        }
    }

    function test()
    {
        document.body.offsetWidth; // Explicitly trigger a layout.

        if (window.internals && window.testRunner) {
            testRunner.waitUntilDone();
            layoutCountBeforeTimer = internals.layoutCount;
        }

        // The 200ms value here is longer than the time it takes for gif-loop-count.gif
        // to advance from its first frame to its second. There should be no race because
        // the GIF timer should already be scheduled and this timer should share the
        // same time base.
        setTimeout(animationComplete, 200);
    }
</script>
<body onload="test()">
<img src="resources/gif-loop-count.gif" style="position:absolute;left:0;top:0">
<img id="indicator" src="resources/rgb-jpeg-red.jpg" style="position:absolute;left:0;top:150">
</body>