third_party/WebKit/LayoutTests/paint/invalidation/spv2/invalidations-on-composited-layers.html

   1 <!-- Based on compositing/repaint/invalidations-on-composited-layers.html -->
   2 <!DOCTYPE html>
   3
   4 <!--
   5 This test checks that repaint testing works with composited layers.
   6 -->
   7
   8 <html>
   9 <head>
  10   <style type="text/css">
  11     #parent {
  12         transform: translateZ(0px);
  13         width: 400px;
  14         height: 400px;
  15         background: blue;
  16     }
  17
  18     #child {
  19         transform: translateZ(0px);
  20         position: relative;
  21         left: 50px;
  22         top: 50px;
  23         width: 75px;
  24         height: 75px;
  25         background: green;
  26     }
  27
  28   </style>
  29   <script src="resources/paint-invalidation-test.js"></script>
  30   <script>
  31       window.expectedPaintInvalidationObjects = [
  32           "LayoutBlockFlow DIV id='parent'",
  33           "LayoutBlockFlow (relative positioned) DIV id='child'",
  34       ];
  35       function paintInvalidationTest() {
  36           var parent = document.getElementById('parent');
  37           var child = document.getElementById('child');
  38
  39           child.style.background = 'blue';
  40           parent.style.background = 'green';
  41       }
  42
  43       runPaintInvalidationTest();
  44   </script>
  45 </head>
  46 <body>
  47   <div id="parent">
  48     <div id="child"></div>
  49   </div>
  50 </body>
  51 </html>