effect-reference-repaint-lighting.html

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
if (window.testRunner)
  testRunner.dumpAsText();

function repaintTest() {
  var things = document.getElementsByClassName("before");
  while (things.length)
    things[0].classList.remove("before");
}
onload = runRepaintAndPixelTest;
</script>
<style>
.box {
  width: 200px;
  height: 200px;
  margin: 20px;
  background-image: radial-gradient(transparent, black);
  filter: url(#lighting);
}
.before {
  background-image: none;
}
</style>
<div class="before box"></div>
<svg width="0" height="0">
  <filter id="lighting" x="-0.5" y="-0.5" width="2" height="2">
    <feDiffuseLighting surfaceScale="200">
      <feDistantLight azimuth="135"/>
    </feDiffuseLighting>
    <feComposite operator="in" x="50" y="50" width="100" height="100" in2="SourceGraphic"/>
  </filter>
</svg>

chromium/third_party/blink/web_tests/paint/invalidation/filters/effect-reference-repaint-lighting.html