LayoutTests/svg/repaint/filter-child-repaint.svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="128px" height="128px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintTest()">
<script xlink:href="../../fast/repaint/resources/repaint.js" type="text/javascript"></script>
  <script type="text/javascript">
  function repaintTest() {
    document.getElementById('poke').style.fill = 'green';
  }
  </script>
 
  <defs>
    <filter id="dropShadow">
      <feDropShadow stdDeviation="2" dx="3" dy="3" flood-color="black"/>
    </filter>
  </defs>

  <title>
  Tests that dynamically updating the child of a &lt;g&gt; with a filter applied correctly repaints
  affected parts of the group. Both squares should be green if repainting is working properly.
  </title>

  <g filter='url(#dropShadow)'>
    <rect width="64" height="64" style="fill:green"/>
    <rect id='poke' x='32' y='32' width="64" height="64" style="fill:red"/>
  </g>
</svg>