third_party/WebKit/LayoutTests/paint/invalidation/spv2/remove-squashed-layer-plus-move.html

   1 <!-- Based on compositing/squashing/remove-squashed-layer-plus-move.html -->
   2 <!DOCTYPE html>
   3 <style>
   4 .mv-tile{
   5     display:inline-block;
   6     height:50px;
   7     position:relative;
   8     width:100px;
   9     margin-right:410px;
  10 }
  11 </style>
  12 <div style="position: absolute; width: 1000px; height: 1000px; transform: translateZ(0)"></div>
  13 <div id="container">
  14     <div class="mv-tile" id="foo"></div>
  15     <div class="mv-tile" style="background-color: lightblue;"></div>
  16 </div>
  17 <div class="mv-tile" style="width: 1000px"></div>
  18 <script src="resources/paint-invalidation-test.js"></script>
  19 <script>
  20 // This test verifies that a paint invalidation is correctly issued for both the old and new location of
  21 // the mv-tile element which is *not* removed from the DOM, but nevertheless moves to the left as the other one
  22 // is removed.
  23
  24 window.expectedPaintInvalidationObjects = [
  25     "LayoutBlockFlow (relative positioned) DIV id='foo' class='mv-tile'",
  26     "InlineBox",
  27     "RootInlineBox",
  28     "InlineBox",
  29     "RootInlineBox",
  30     "LayoutBlockFlow DIV id='container'",
  31     "LayoutBlockFlow DIV id='container'",
  32     "LayoutBlockFlow (relative positioned) DIV class='mv-tile'",
  33     "LayoutBlockFlow (anonymous)",
  34     "LayoutBlockFlow (relative positioned) DIV class='mv-tile'",
  35     "LayoutText #text",
  36     "LayoutText #text",
  37     "LayoutText #text",
  38 ];
  39 function paintInvalidationTest() {
  40     document.querySelector("#foo").remove();
  41 }
  42
  43 runPaintInvalidationTest();
  44
  45 </script>