third_party/WebKit/LayoutTests/paint/invalidation/spv2/background-size-auto-with-gradient-and-height-changes.html

   1 <!-- Based on fast/repaint/background-size-auto-with-gradient-and-height-changes.html -->
   2 <html>
   3 <head>
   4 <script src="resources/paint-invalidation-test.js"></script>
   5
   6 <style>
   7 #outer {
   8     padding-top: 200px;
   9     background: -webkit-gradient(
  10         linear,
  11         left top,
  12         left bottom,
  13         color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1))
  14     );
  15     background-size: auto;
  16 }
  17
  18 #inner {
  19     height: 100px;
  20 }
  21 </style>
  22
  23 <script>
  24 // This test verifies that gradient background gets repainted properly after child box height change.
  25 window.expectedPaintInvalidationObjects = [
  26     "LayoutBlockFlow DIV id='outer'",
  27     "LayoutBlockFlow DIV id='inner'",
  28 ];
  29 function paintInvalidationTest() {
  30     document.getElementById('inner').style.height = '300px';
  31 }
  32 </script>
  33 </head>
  34
  35 <body onload='runPaintInvalidationTest();'>
  36 <div id='outer'>
  37     <div id='inner'>
  38     </div>
  39 </div>
  40 </body>
  41 </html>