third_party/WebKit/LayoutTests/svg/clip-path/clip-path-on-lazy-root.html

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