filter-reference-change.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<svg>
  <filter id="lime">
    <feColorMatrix values="0 0 0 0 0, 0 1 0 0 0, 0 0 0 0 0, 0 0 0 1 0"/>
  </filter>
  <filter id="red">
    <feColorMatrix values="1 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 1 0"/>
  </filter>
  <rect width="100" height="100" fill="white" filter="url(#red)">
</svg>
<script>
function repaintTest() {
  document.querySelector('rect').setAttribute('filter', 'url(#lime)');
}
onload = runRepaintAndPixelTest;
</script>

chromium/third_party/blink/web_tests/paint/invalidation/svg/filter-reference-change.html