src/third_party/WebKit/LayoutTests/fast/repaint/positioned-list-offset-change-repaint.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 ul {
   5     width: 978px;
   6     position: absolute;
   7     left: -2070px;
   8 }
   9
  10 li {
  11     position: absolute;
  12     left: -690px;
  13 }
  14
  15 #container {
  16     height: 400px;;
  17     position: relative;
  18     overflow: hidden;
  19 }
  20 </style>
  21 <body>
  22 <div>This test checks that moving a positioned element with positioned children invalidates correctly.</div>
  23 <div>The image below should be completely invalidated.</div>
  24 <div id="container">
  25     <ul id="list">
  26         <li>
  27             <img src="resources/apple.jpg">
  28         </li>
  29     </ul>
  30 </div>
  31
  32 <script src="resources/text-based-repaint.js"></script>
  33 <script>
  34 function setUp() {
  35     var elSlider = document.getElementById("list");
  36     elSlider.style.left = "590px";
  37     elSlider.offsetLeft;
  38
  39     runRepaintTest();
  40 }
  41
  42 function repaintTest() {
  43     var elSlider = document.getElementById("list");
  44     elSlider.style.left = "690px";
  45 };
  46
  47 window.addEventListener("load", setUp, false);
  48 </script>
  49 </body></html>