animated-svg-as-image-background-offscreen.html

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
window.testIsAsync = true;

function repaintTest() {
    if (window.internals)
        internals.advanceImageAnimation(testTarget);
    requestAnimationFrame(function() {
        finishRepaintTest();
    });
}

function targetImageOnload() {
    // Scroll targetImage offscreen.
    window.scrollTo(0, 1000);
    runRepaintTest();
}

window.onload = function() {
    targetImage.style.background = "url(../../../svg/as-image/resources/animated-rect-fixed-size-2.svg)";

    // Use a parallel image element as a hack to detect whether the image has loaded, and therefore
    // we'll get a frame.
    testTarget.onload = targetImageOnload;
    testTarget.src = "../../../svg/as-image/resources/animated-rect-fixed-size-2.svg";
}
</script>
<div style="height: 2000px; width: 2000px;">
    <div id="targetImage" style="width: 50px; height: 50px"></div>
    <img id="testTarget" style="visibility: hidden">
</div>

chromium/third_party/blink/web_tests/paint/invalidation/svg/animated-svg-as-image-background-offscreen.html