third_party/WebKit/LayoutTests/paint/invalidation/spv2/shadow-box-resize.html

   1 <!-- Based on fast/box-shadow/shadow-box-resize.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "LayoutBlockFlow (positioned) DIV id='target1'",
   7     "LayoutBlockFlow (positioned) DIV id='target2'",
   8     "LayoutBlockFlow (positioned) DIV id='target3'",
   9     "LayoutBlockFlow (positioned) DIV id='target4'",
  10 ];
  11 function paintInvalidationTest()
  12 {
  13     document.getElementById('target1').style.width = '150px';
  14     document.getElementById('target2').style.width = '50px';
  15     document.getElementById('target3').style.height = '150px';
  16     document.getElementById('target4').style.height = '50px';
  17 }
  18 window.onload = runPaintInvalidationTest;
  19 </script>
  20 <style>
  21 body {
  22     margin: 0;
  23 }
  24 div {
  25     position: absolute;
  26     width: 100px;
  27     height: 100px;
  28     background-color: green;
  29     box-shadow: 40px 20px black;
  30 }
  31 #target1 {
  32     top: 100px;
  33     left: 100px;
  34 }
  35 #target2 {
  36     top: 100px;
  37     left: 300px;
  38 }
  39 #target3 {
  40     top: 300px;
  41     left: 100px;
  42 }
  43 #target4 {
  44     top: 300px;
  45     left: 300px;
  46 }
  47 </style>
  48 <div id="target1"></div>
  49 <div id="target2"></div>
  50 <div id="target3"></div>
  51 <div id="target4"></div>