third_party/WebKit/LayoutTests/fast/repaint/absolute-position-changed.html

   1 <html>
   2 <head>
   3     <link rel="stylesheet" href="resources/default.css">
   4     <style>
   5         ::-webkit-scrollbar {
   6             width: 0px;
   7             height: 0px;
   8         }
   9         html {
  10             overflow: scroll;
  11         }
  12     </style>
  13     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
  14     <script type="text/javascript">
  15         window.enablePixelTesting = true;
  16         window.onload = function() {
  17             window.scrollTo(0, 500);
  18             runRepaintTest();
  19         };
  20
  21         function repaintTest()
  22         {
  23             document.getElementById('absoluteDiv').style.top = '700px';
  24         }
  25     </script>
  26 </head>
  27 <body style="height:2000px;">
  28     <!-- You should see 1 green rectangle in the output and no red. -->
  29     <div style="top: 200px; left: 100px;" class="fixed red"></div>
  30     <div id="absoluteDiv" style="top: 500px; left:100px;" class="absolute green"></div>
  31 </body>
  32 </html>