third_party/WebKit/LayoutTests/paint/invalidation/spv2/resize-squashing-layer-that-needs-full-repaint.html

   1 <!-- Based on compositing/squashing/resize-squashing-layer-that-needs-full-repaint.html -->
   2 <!doctype html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4
   5 <!-- The second two divs form a combined squashing layer. display:none'ing the first of them will resize the squashing layer. -->
   6 <div style="width: 500px; height: 500px; transform: translateZ(0)"></div>
   7 <div style="position: absolute; top: 55px; left: 55px; width: 500px; height: 500px; background-color: lightblue"></div>
   8 <div id="to-be-removed" style="position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background-color: lightgray"></div>
   9
  10 <script>
  11 // This test checks that resizing a squashing layer such that the offset of content squashed into it relative to the squashing
  12 // container causes a repaint of its bounds within the updated squashing layer geometry.
  13 window.expectedPaintInvalidationObjects = [
  14     "LayoutBlockFlow (positioned) DIV id='to-be-removed'",
  15 ];
  16 function paintInvalidationTest() {
  17     document.querySelector("#to-be-removed").style.display = 'none';
  18 }
  19
  20 runPaintInvalidationTest();
  21 </script>