third_party/WebKit/LayoutTests/paint/invalidation/spv2/remove-inline-block-descendant-of-flex.html

   1 <!-- Based on fast/repaint/remove-inline-block-descendant-of-flex.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "InlineTextBox '\n'",
   7     "LayoutBR BR",
   8     "RootInlineBox",
   9     "LayoutBlockFlow DIV id='inline-block-1' class='item'",
  10     "InlineBox",
  11     "LayoutText #text",
  12     "RootInlineBox",
  13     "InlineBox",
  14     "RootInlineBox",
  15     "InlineBox",
  16     "RootInlineBox",
  17     "LayoutBlockFlow DIV",
  18     "LayoutBlockFlow DIV id='inline-block-2' class='item'",
  19     "LayoutBR BR",
  20     "InlineTextBox '\n'",
  21 ];
  22 function paintInvalidationTest() {
  23   document.getElementById('inline-block-1').style.display = 'none';
  24 }
  25 onload = runPaintInvalidationTest;
  26 </script>
  27 <style>
  28 body {
  29   margin : 0;
  30 }
  31 .item {
  32   display: inline-block;
  33   height: 100px;
  34   width: 100px;
  35 }
  36 </style>
  37 Tests paint invalidation of inline blocks following an inline-block that is removed.
  38 Passes if there is only one green square at the top-left corner of the window.
  39 <div style="display: flex; height: 300px; position: absolute; top: 100px">
  40   <div style="display: flex">
  41     <div style="width: 100px">
  42       <div id="inline-block-1" class="item" style="background-color: red"><br></div>
  43       <div id="inline-block-2" class="item" style="background-color: green"><br></div>
  44     </div>
  45   </div>
  46 </div>