third_party/WebKit/LayoutTests/fast/repaint/background-shorthand-with-gradient-and-height-changes.html

   1 <html>
   2 <head>
   3 <script src="resources/text-based-repaint.js"></script>
   4
   5 <style>
   6 #outer {
   7     padding-top: 200px;
   8     /* background-size is implicitly set to initial via the background shorthand. */
   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 }
  16
  17 #inner {
  18     height: 100px;
  19 }
  20 </style>
  21
  22 <script>
  23 //This test verifies that gradient background gets repainted properly after child box height change.
  24
  25 function repaintTest() {
  26     document.getElementById('inner').style.height = 300 + 'px';
  27 }
  28 </script>
  29 </head>
  30 <body onload='runRepaintTest();'>
  31 <div id='outer'>
  32     <div id='inner'>
  33     </div>
  34 </div>
  35 </body>
  36 </html>