chromium/src/third_party/blink/web_tests/paint/invalidation/svg/foreign-object-repaint.svg

<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()">
  <!-- Test for http://crbug.com/329835 -->
  <g x="10" y="10" transform="translate(50 50)">
    <foreignObject width="100" height="100">
      <div id="div1" xmlns="http://www.w3.org/1999/xhtml" style="width: 100px; height: 100px; background-color: red;"></div>
    </foreignObject>
  </g>

  <g x="10" y="10" transform="translate(200 200) rotate(45)">
    <foreignObject width="100" height="100">
      <div id="div2" xmlns="http://www.w3.org/1999/xhtml" style="width: 100px; height: 100px; background-color: red;"></div>
    </foreignObject>
  </g>

  <script xlink:href="../resources/text-based-repaint.js" type="text/javascript"></script>
  <script>
    function repaintTest() {
      document.getElementById('div1').style.background = 'green';
      document.getElementById('div2').style.background = 'green';
    }
  </script>
</svg>