third_party/WebKit/LayoutTests/fast/layers/scroll-descendant-with-cached-cliprects.html

   1 <!DOCTYPE html>
   2 <script>
   3     if (window.testRunner) {
   4         window.enablePixelTesting = true;
   5         window.testRunner.waitUntilDone();
   6     }
   7     function repaintTest() {
   8         window.scrollBy(0,200);
   9         document.getElementById("scrollpanel").style.position = "fixed";
  10     }
  11 </script>
  12 <script type="text/javascript" src="../repaint/resources/text-based-repaint.js"></script>
  13 <script type="text/javascript" src="../../resources/run-after-layout-and-paint.js"></script>
  14 <style>
  15     .left {
  16         float: left;
  17         min-height: 1843px;
  18     }
  19
  20     .right {
  21         float: right;
  22         width: 100px;
  23     }
  24
  25     .container {
  26         position: relative;
  27         overflow: hidden;
  28     }
  29
  30     #ul {
  31         position: relative;
  32     }
  33
  34     #scrollpanel {
  35         position: inherit;
  36     }
  37 </style>
  38 <body onload="runAfterLayoutAndPaint(runRepaintTest);">
  39     <p> When you scroll down the red square should have no painting glitches. </p>
  40     <div class="left"></div>
  41     <div class="right">
  42         <div id="scrollpanel">
  43             <div class="container">
  44                 <div id="ul">
  45                     <div style="background-color: red; width: 100px; height:100px;"></div>
  46                 </div>
  47             </div>
  48
  49         </div>
  50     </div>
  51 </body>