src/third_party/WebKit/LayoutTests/fast/repaint/fixed-scale.html

   1 <html>
   2 <head>
   3     <link rel="stylesheet" href="resources/default.css">
   4     <style>
   5         .translated {
   6             transform: scale(2, 2);
   7             -webkit-transform: scale(2, 2);
   8             -moz-transform: scale(2, 2);
   9         }
  10     </style>
  11     <script src="../../resources/run-after-display.js"></script>
  12     <script src="resources/text-based-repaint.js"></script>
  13     <script>
  14         if (window.testRunner) {
  15             testRunner.waitUntilDone();
  16             testRunner.dumpAsTextWithPixelResults();
  17         }
  18
  19         window.onload = function()
  20         {
  21             window.scrollTo(0, 200);
  22             runAfterDisplay(function() {
  23                 runRepaintTest();
  24                 if (window.testRunner)
  25                     testRunner.notifyDone();
  26             });
  27         }
  28
  29         function repaintTest()
  30         {
  31             document.getElementById('t').setAttribute("class", "green translated");
  32         }
  33     </script>
  34 </head>
  35 <body style="height:2000px;">
  36     <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: RenderLayer fixed position logic needs more basic testing -->
  37     <!-- You should see no red on this page. -->
  38     <div style="position: absolute; top: 300px; left: 100px;" class="red"></div>
  39     <div id="t" style="position: fixed; top: 125px; left: 125px; width: 50px; height: 50px;" class="green"></div>
  40 </body>
  41 </html>