shape-transform-change.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
window.testIsAsync = true;
window.onload = runRepaintAndPixelTest;

function repaintTest() {
  runAfterLayoutAndPaint(function() {
    document.getElementsByTagName('rect')[1].setAttribute('transform', 'scale(2)');
    if (window.testRunner)
      finishRepaintTest();
  });
};
</script>
<svg width="200" height="200">
  <rect width="200" height="200" fill="red"/>
  <rect width="100" height="100" fill="green"/>
</svg>
<p>Test if applying a transform to a &lt;rect> properly repaints the &lt;rect>.</p>
<p>Pass if there's a green 200x200 (px) rectangle below, and no red visible.</p>

chromium/third_party/blink/web_tests/paint/invalidation/svg/shape-transform-change.html