third_party/WebKit/LayoutTests/svg/repaint/foreign-object-repaint.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()">
   3   <!-- Test for http://crbug.com/329835 -->
   4   <g x="10" y="10" transform="translate(50 50)">
   5     <foreignObject width="100" height="100">
   6       <div id="div1" xmlns="http://www.w3.org/1999/xhtml" style="width: 100px; height: 100px; background-color: red;"></div>
   7     </foreignObject>
   8   </g>
   9
  10   <g x="10" y="10" transform="translate(200 200) rotate(45)">
  11     <foreignObject width="100" height="100">
  12       <div id="div2" xmlns="http://www.w3.org/1999/xhtml" style="width: 100px; height: 100px; background-color: red;"></div>
  13     </foreignObject>
  14   </g>
  15
  16   <script xlink:href="../../fast/repaint/resources/text-based-repaint.js" type="text/javascript"></script>
  17   <script>
  18     function repaintTest() {
  19       document.getElementById('div1').style.background = 'green';
  20       document.getElementById('div2').style.background = 'green';
  21     }
  22   </script>
  23 </svg>