clip-path-on-lazy-root.html | Explore in Territory

<!DOCTYPE HTML>
<html>
<body>
Test for crbug.com/277848.<br/>
This test passes if there is a green square below with no red.<br/>
<div id="lazyAttach"></div>
<script>
document.getElementById('lazyAttach').innerHTML = '<svg clip-path="url(#clip-rect)">' +
    '<defs>' +
        '<clipPath id="clip-rect">' +
            '<rect id="rect" x="20" y="20" width="80" height="80"/>' +
        '</clipPath>' +
    '</defs>' +
    // The red stroke of this rect should be clipped away.
    '<rect x="10" y="10" width="100" height="100" fill="green" stroke-width="5" stroke="red"/>' +
'</svg>';
</script>
</body>
</html>

chromium/third_party/blink/web_tests/svg/clip-path/clip-path-on-lazy-root.html