third_party/WebKit/LayoutTests/paint/invalidation/spv2/change-transform.html

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