third_party/WebKit/LayoutTests/fast/repaint/repaint-tile-clipped.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="resources/text-based-repaint.js"></script>
   5     <script>
   6         if (window.testRunner)
   7             testRunner.waitUntilDone();
   8
   9         function repaintTest()
  10         {
  11             document.getElementById('ref').style.display = 'block';
  12             if (window.testRunner)
  13                 testRunner.notifyDone();
  14         }
  15         onload = runRepaintTest;
  16     </script>
  17 </head>
  18 <style>
  19 #ref {
  20   display: none;
  21   min-width: 20em;
  22   height: 10em;
  23   position: absolute;
  24   bottom: 5px;
  25   border: 1px solid;
  26   background-color: #0f0;
  27 }
  28 .wrapper{
  29   position: relative;
  30 }
  31 .spaced{
  32   padding-top: 300px;
  33   width: 10em;
  34 }
  35 </style>
  36 <p>
  37   This tests that the repaint of absolutely positioned elements inside
  38   relatively positioned inline blocks works correclty.
  39   <a href="http://crbug.com/370945">crbug.com/370945</a>
  40 </p>
  41 <p>You should see a green rectangle without any missing pieces if this test passed. </p>
  42
  43 <p class='spaced'>
  44   <span class='wrapper'>
  45    <span id="ref"></span>
  46   </span>
  47 </p>
  48