third_party/WebKit/LayoutTests/paint/invalidation/spv2/transform-replaced-shadows.html

   1 <!-- Based on fast/repaint/transform-replaced-shadows.html -->
   2 <html>
   3 <head>
   4   <title>Scaling and box-shadow</title>
   5   <style type="text/css" media="screen">
   6     #box {
   7       height: 100px;
   8       width: 100px;
   9       margin: 20px;
  10       background-color: gray;
  11       -webkit-transform-origin: top left;
  12       -webkit-box-shadow: 0px 20px 20px black;
  13       transform: scale(2);
  14     }
  15
  16     #box.smaller {
  17       transform: scale(1);
  18     }
  19   </style>
  20
  21   <script src="resources/paint-invalidation-test.js" type="text/javascript" charset="utf-8"></script>
  22   <script type="text/javascript" charset="utf-8">
  23     window.expectedPaintInvalidationObjects = [
  24         "LayoutImage IMG id='box' class='smaller'",
  25     ];
  26     function paintInvalidationTest()
  27     {
  28       document.getElementById('box').className = 'smaller';
  29     }
  30   </script>
  31 </head>
  32 <body onload="runPaintInvalidationTest()">
  33
  34 <img id="box">
  35
  36 </body>
  37 </html>