src/third_party/WebKit/LayoutTests/compositing/repaint/invalidations-on-composited-layers.html

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