<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintTest()">
    <script xlink:href="../../fast/repaint/resources/repaint.js"></script>
    <title>There should be a single green 100x100 square.</title>
    <defs>
        <rect id="rect" width="1" height="100" fill="green"/>

        <filter id="image1">
            <feImage id="feimage1" xlink:href="#rect" />
        </filter>

        <filter id="image2">
            <feImage id="feimage2" xlink:href="#rect" />
        </filter>
    </defs>
    <rect x="0" y="0" width="50" height="100" filter="url(#image1)" />
    <rect x="50" y="0" width="50" height="100" filter="url(#image2)" />
    <script>
    <![CDATA[
        function repaintTest() {
            document.getElementById("rect").setAttribute("width", "100");
        }
    ]]>
    </script>
</svg>