third_party/WebKit/LayoutTests/paint/invalidation/spv2/should-not-repaint-composited-descendants.html

   1 <!-- Based on compositing/repaint/should-not-repaint-composited-descendants.html -->
   2 <!DOCTYPE html>
   3 <style>
   4 #composited-box {
   5     backface-visibility: hidden;
   6     position: absolute;
   7     background-color: green;
   8     clip: rect(40px, 110px, 110px, 40px);
   9 }
  10 .child {
  11     width: 50px;
  12     height: 50px;
  13     background-color: green;
  14 }
  15 .composited {
  16     backface-visibility: hidden;
  17 }
  18 </style>
  19 <script src="resources/paint-invalidation-test.js"></script>
  20 <script>
  21 window.expectedPaintInvalidationObjects = [
  22     "##ALL##",
  23     "LayoutBlockFlow (positioned) DIV id='composited-box'",
  24     "LayoutBlockFlow DIV class='child'",
  25 ];
  26 function paintInvalidationTest() {
  27     // This will cause a full layer repaint, but should not include the composited child.
  28     document.getElementById('composited-box').style.clip = 'rect(30px, 120px, 120px, 30px)';
  29 }
  30 window.onload = runPaintInvalidationTest;
  31 </script>
  32 <div id="composited-box">
  33     <div class="child"></div>
  34     <div class="composited child"></div>
  35 </div>