third_party/WebKit/LayoutTests/paint/invalidation/spv2/repaint-tile-clipped.html

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