<!DOCTYPE html>
<html>
<body>
This tests slow loading png images referenced from a image element inside a SVG pattern resource.<br>
You should see a 400x300 rect containing a tiled rendering of the Acid3 reference image.

<svg width="400" height="300" style="position: absolute; left: 10px; top: 50px; border: solid;">
<defs>
    <pattern id="pattern" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse" viewBox="0 0 800 600">
        <image width="800" height="600" xlink:href="resources/slow-image-load.pl?name=../acid3-expected.png&mimetype=image/png&loadtime=1"/>
  </pattern>
</defs>
<rect width="400" height="300" fill="url(#pattern)"/>
</svg>
<script>
// Force a layout
document.body.offsetWidth;

// Repaint immediately before image arrived
if (window.testRunner)
    testRunner.displayAndTrackRepaints();
</script>
</body>
</html>