third_party/WebKit/LayoutTests/svg/repaint/shape-transform-change.html

   1 <!DOCTYPE html>
   2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script src="../../resources/run-after-layout-and-paint.js"></script>
   4 <script>
   5 window.testIsAsync = true;
   6 window.onload = runRepaintTest;
   7
   8 function repaintTest() {
   9   runAfterLayoutAndPaint(function() {
  10     document.getElementsByTagName('rect')[1].setAttribute('transform', 'scale(2)');
  11     if (window.testRunner)
  12       finishRepaintTest();
  13   });
  14 };
  15 </script>
  16 <svg width="200" height="200">
  17   <rect width="200" height="200" fill="red"/>
  18   <rect width="100" height="100" fill="green"/>
  19 </svg>
  20 <p>Test if applying a transform to a &lt;rect> properly repaints the &lt;rect>.</p>
  21 <p>Pass if there's a green 200x200 (px) rectangle below, and no red visible.</p>