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

   1 <!-- Based on fast/repaint/background-shorthand-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-size is implicitly set to initial via the background shorthand. */
  10         background:-webkit-gradient(
  11             linear,
  12             left top,
  13             left bottom,
  14             color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1))
  15         );
  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
  26 window.expectedPaintInvalidationObjects = [
  27     "LayoutBlockFlow DIV id='outer'",
  28     "LayoutBlockFlow DIV id='inner'",
  29 ];
  30 function paintInvalidationTest() {
  31     document.getElementById('inner').style.height = 300 + 'px';
  32 }
  33 </script>
  34 </head>
  35 <body onload='runPaintInvalidationTest();'>
  36 <div id='outer'>
  37     <div id='inner'>
  38     </div>
  39 </div>
  40 </body>
  41 </html>