src/third_party/WebKit/LayoutTests/fast/repaint/fixed-after-scroll.html

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