third_party/WebKit/LayoutTests/paint/invalidation/spv2/padding-keeping-content-size.html

   1 <!-- Based on fast/repaint/padding-keeping-content-size.html -->
   2 <!DOCTYPE HTML>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "LayoutBlockFlow (positioned) DIV id='target1' class='outer'",
   7     "LayoutBlockFlow (positioned) DIV id='target2' class='outer'",
   8     "LayoutBlockFlow DIV class='inner'",
   9 ];
  10 function paintInvalidationTest()
  11 {
  12     // Both targets' visual size expand. Should full repaint.
  13     document.getElementById('target1').style.padding = '20px';
  14     document.getElementById('target2').style.padding = '20px';
  15 }
  16 window.onload = runPaintInvalidationTest;
  17 </script>
  18 <style>
  19 body {
  20     margin: 0;
  21 }
  22 .outer {
  23     width: 100px;
  24     height: 100px;
  25     position: absolute;
  26     background-color: green;
  27 }
  28 #target2 {
  29     top: 200px;
  30 }
  31 .inner {
  32     width: 100%;
  33     height: 100%;
  34     background-color: yellow;
  35 }
  36 </style>
  37 <div id="target1" class="outer"></div>
  38 <div id="target2" class="outer"><div class="inner"></div></div>