third_party/WebKit/LayoutTests/fast/repaint/shift-relative-positioned-container-with-image-addition.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 img {
   5     max-width: 100%;
   6 }
   7 .relative {
   8     position: relative;
   9 }
  10 /* Not needed but helps to see the bug. */
  11 .paddingTop {
  12     padding: 50px;
  13 }
  14 </style>
  15 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
  16 <script>
  17 function repaintTest()
  18 {
  19     iframe.style.display = "block";
  20 }
  21 window.addEventListener("load", runRepaintTest, false);
  22 </script>
  23 <body>
  24     <p><a href="https://code.google.com/p/chromium/issues/detail?id=353933">issue 353933</a>: Pages missing invalidations<br>
  25         The test checks that creating a new renderer correctly invalidate the existing shifted content.
  26         The image should be correctly invalidated below.</p>
  27     <iframe id="iframe" width="728" height="90" style="display: none"></iframe>
  28     <div class="relative">
  29         <div class="relative paddingTop">
  30             <img src="resources/ducky.png"></img>
  31         </div>
  32     </div>
  33 </body>
  34 </html>