clip-path-in-mask-layer.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<svg viewBox="0 0 1 1" style="position: absolute; width: 0; height: 0">
	<clipPath id="clip" clipPathUnits='objectBoundingBox'>
    <path id="path" d="M0 0 L1 1 L0 1 Z"/>
	</clipPath>
</svg>
<div style="width: 200px; height: 200px; background: blue; clip-path: url(#clip); will-change: transform"></div>
<script>
function repaintTest() {
  path.setAttribute('d', 'M0 0 L1 0 L1 1 L0 1 Z');
}
onload = runRepaintAndPixelTest;
</script>

chromium/third_party/blink/web_tests/paint/invalidation/clip/clip-path-in-mask-layer.html