third_party/WebKit/LayoutTests/svg/repaint/svgsvgelement-repaint-children.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   5 </head>
   6 <!-- Test for WK108429: All red should disappear, leaving just a green square. -->
   7 <body onload="runRepaintAndPixelTest()">
   8 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
   9   <svg>
  10     <rect x="0" y="0" width="100" height="100" fill="green"/>
  11     <path id="path" d="M0 0 L 100 0 L 100 100 L 0 100Z" fill="red"/>
  12   </svg>
  13 <script>
  14 window.testIsAsync = true;
  15 function repaintTest() {
  16   setTimeout(function() {
  17     var pathEl = document.getElementById('path');
  18     pathEl.setAttribute('d', 'M0 0Z');
  19     finishRepaintTest();
  20   }, 1);
  21 }
  22 </script>
  23 </svg>
  24 </body>
  25 </html>