third_party/WebKit/LayoutTests/fast/repaint/change-transform.html

   1 <html>
   2 <head>
   3   <script src="resources/text-based-repaint.js"></script>
   4   <script type="text/javascript" charset="utf-8">
   5     function repaintTest()
   6     {
   7         var target = document.getElementById("square");
   8         target.style.webkitTransform = "scale(0.5, 0.5)";
   9     }
  10   </script>
  11   <style type="text/css" media="screen">
  12     body {
  13       margin: 10px;
  14     }
  15     #square {
  16       width: 100px;
  17       height: 100px;
  18       background: red;
  19     }
  20     #overlay {
  21       position: absolute;
  22       left: 35px;
  23       top: 35px;
  24       width: 50px;
  25       height: 50px;
  26       background: green
  27     }
  28   </style>
  29 </head>
  30 <body onload="runRepaintTest()">
  31 <div id="square"></div>
  32 <div id="overlay"></div>
  33
  34 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=19623">https://bugs.webkit.org/show_bug.cgi?id=19623</a></p>
  35 <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>
  36 </body>
  37 </html>