third_party/WebKit/LayoutTests/compositing/squashing/remove-squashed-layer-plus-move.html

   1 <!DOCTYPE html>
   2 <style>
   3 .mv-tile{
   4     display:inline-block;
   5     height:50px;
   6     position:relative;
   7     width:100px;
   8     margin-right:410px;
   9 }
  10 </style>
  11 <div style="position: absolute; width: 1000px; height: 1000px; transform: translateZ(0)"></div>
  12 <div id="container">
  13     <div class="mv-tile" id="foo"></div>
  14     <div class="mv-tile" style="background-color: lightblue;"></div>
  15 </div>
  16 <div class="mv-tile" style="width: 1000px"></div>
  17 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  18 <script>
  19 // This test verifies that a paint invalidation is correctly issued for both the old and new location of
  20 // the mv-tile element which is *not* removed from the DOM, but nevertheless moves to the left as the other one
  21 // is removed.
  22
  23 function repaintTest() {
  24     document.querySelector("#foo").remove();
  25 }
  26
  27 runRepaintTest();
  28
  29 </script>