<!DOCTYPE html>
<html>
<title>AVIF animation reftest: when animation ends, compare its last frame against the reference static avif image.</title>
<meta name="fuzzy" content="maxDifference=1-9; totalPixels=258-484" />
<style>
    canvas {
        width: 63px;
        height: 63px;
    }
</style>
<script src="resources/animated-image-loop-count.js"></script>
<body>
    <canvas id="canvas-0"></canvas>
    <canvas id="canvas-1"></canvas>
    <canvas id="canvas-2"></canvas>
    <script>
        (function() {
            var images = [
                { src: "resources/avifs00.avifs", canvasIds: [ "canvas-0" ], frameCount: 10 },
                { src: "resources/avifs01.avifs", canvasIds: [ "canvas-1" ], frameCount: 10 },
                { src: "resources/avifs02.avifs", canvasIds: [ "canvas-2" ], frameCount: 13 }
            ];
            runTest(images);
        })();
    </script>
</body>
</html>
