third_party/WebKit/LayoutTests/paint/invalidation/spv2/fixed-scale.html

   1 <!-- Based on fast/repaint/fixed-scale.html -->
   2 <html>
   3 <head>
   4     <link rel="stylesheet" href="../../../fast/repaint/resources/default.css">
   5     <style>
   6         .translated {
   7             transform: scale(2, 2);
   8         }
   9     </style>
  10     <script src="resources/paint-invalidation-test.js"></script>
  11     <script>
  12         if (window.testRunner)
  13             testRunner.dumpAsTextWithPixelResults();
  14
  15         window.onload = function() {
  16             window.scrollTo(0, 200);
  17             runPaintInvalidationTest();
  18         };
  19
  20         window.expectedPaintInvalidationObjects = [
  21             "LayoutBlockFlow (positioned) DIV id='t' class='green translated'",
  22         ];
  23         function paintInvalidationTest()
  24         {
  25             document.getElementById('t').setAttribute("class", "green translated");
  26         }
  27     </script>
  28 </head>
  29 <body style="height:2000px;">
  30     <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: Layer fixed position logic needs more basic testing -->
  31     <!-- You should see no red on this page. -->
  32     <div style="position: absolute; top: 300px; left: 100px;" class="red"></div>
  33     <div id="t" style="position: fixed; top: 125px; left: 125px; width: 50px; height: 50px;" class="green"></div>
  34 </body>
  35 </html>