third_party/WebKit/LayoutTests/compositing/squashing/invalidate-when-leaving-squashed-layer.html

   1 <!DOCTYPE html>
   2 <div style="position:absolute; height: 200px; width: 200px; transform: translateZ(0); background: lightgray"></div>
   3 <div style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50px; background:lightblue"></div>
   4 <div id="target" style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50px; background:lightblue"></div>
   5 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   6 <script>
   7 // Tests that causing a squashed layer to leave its squashing layer causes an invalidation in the squashing layer for the previous
   8 // location of the squashed layer.
   9 function repaintTest() {
  10     var target = document.getElementById("target");
  11     target.style.transform = 'translateZ(0)';
  12 };
  13 runRepaintTest();
  14 </script>