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

   1 <!-- Based on compositing/repaint/clipping-should-not-repaint-composited-descendants.html -->
   2 <!DOCTYPE html>
   3 <style>
   4     .spacer {
   5         position: relative;
   6         width: 300px;
   7         height: 300px;
   8     }
   9
  10     .clipping-container {
  11         position: absolute;
  12         height: 300px;
  13         transform: translateZ(0);
  14     }
  15
  16     .with-initial-clipping {
  17         clip: rect(50px, 250px, 250px, 50px);
  18     }
  19
  20     .clipped-composited-child {
  21         width: 250px;
  22         height: 250px;
  23         background-color: yellow;
  24         border: 1px solid black;
  25         transform: translateZ(0);
  26     }
  27 </style>
  28 <style id="alt1">
  29     .clipping-container {
  30         width: 300px;
  31     }
  32 </style>
  33 <style id="alt2">
  34     .clipping-container {
  35         width: 100%;
  36         clip: rect(100px, 200px, 200px, 100px);
  37     }
  38 </style>
  39 <script src="resources/paint-invalidation-test.js"></script>
  40 <script>
  41     var alt1 = document.getElementById('alt1');
  42     var alt2 = document.getElementById('alt2');
  43     alt2.disabled = true;
  44
  45     window.expectedPaintInvalidationObjects = [
  46     ];
  47     function paintInvalidationTest() {
  48         alt2.disabled = false;
  49         alt1.disabled = true;
  50     }
  51
  52     runPaintInvalidationTest();
  53 </script>
  54
  55 <div class="spacer">
  56     <div class="clipping-container">
  57         <div class="clipped-composited-child"></div>
  58     </div>
  59 </div>
  60 <div class="spacer">
  61     <div class="clipping-container with-initial-clipping">
  62         <div class="clipped-composited-child"></div>
  63     </div>
  64 </div>