<html>
<head>
  <script type="text/javascript" charset="utf-8">
        if (window.testRunner)
            testRunner.waitUntilDone();
        function runTest()
        {
            document.getElementById("square").style.webkitTransform = "scale(0.5, 0.5)";
            if (window.testRunner)
                testRunner.notifyDone();
        }
  </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="setTimeout(runTest, 0);">
<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>