fast/repaint/change-transform.html

<html>
<head>
  <script src="resources/repaint.js"></script>
  <script type="text/javascript" charset="utf-8">
    function repaintTest()
    {
        var target = document.getElementById("square");
        target.style.webkitTransform = "scale(0.5, 0.5)";
    }
  </script>
  <style type="text/css" media="screen">
    body {
      margin: 10px;
    }
    #square {
      width: 100px;
      height: 100px;
      background: red;
    }
    #overlay {
      position: absolute;
      left: 35px;
      top: 35px;
      width: 50px;
      height: 50px;
      background: green
    }
  </style>
</head>
<body onload="runRepaintTest()">
<div id="square"></div>
<div id="overlay"></div>

<p><a href="https://bugs.webkit.org/show_bug.cgi?id=19623">https://bugs.webkit.org/show_bug.cgi?id=19623</a></p>
<p>Test for incomplete repaint when a non-layer object gains a transform. You should see a green square above. If you see any red, the test has failed.</p>
</body>
</html>