third_party/WebKit/LayoutTests/compositing/repaint/should-not-repaint-composited-descendants.html

   1 <!DOCTYPE html>
   2 <style>
   3 #composited-box {
   4     backface-visibility: hidden;
   5     position: absolute;
   6     background-color: green;
   7     clip: rect(40px, 110px, 110px, 40px);
   8 }
   9 .child {
  10     width: 50px;
  11     height: 50px;
  12     background-color: green;
  13 }
  14 .composited {
  15     backface-visibility: hidden;
  16 }
  17 </style>
  18 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  19 <script>
  20 function repaintTest() {
  21     // This will cause a full layer repaint, but should not include the composited child.
  22     document.getElementById('composited-box').style.clip = 'rect(30px, 120px, 120px, 30px)';
  23 }
  24 window.onload = runRepaintTest;
  25 </script>
  26 <div id="composited-box">
  27     <div class="child"></div>
  28     <div class="composited child"></div>
  29 </div>