third_party/WebKit/LayoutTests/paint/invalidation/spv2/inline-reflow.html

   1 <!-- Based on fast/repaint/inline-reflow.html -->
   2 <!DOCTYPE HTML>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "RootInlineBox",
   7     "RootInlineBox",
   8     "RootInlineBox",
   9     "RootInlineBox",
  10     "RootInlineBox",
  11     "RootInlineBox",
  12     "RootInlineBox",
  13     "RootInlineBox",
  14     "RootInlineBox",
  15     "RootInlineBox",
  16     "RootInlineBox",
  17     "RootInlineBox",
  18     "RootInlineBox",
  19     "RootInlineBox",
  20     "RootInlineBox",
  21     "InlineTextBox 'A A A A A'",
  22     "InlineTextBox 'AA AA AA'",
  23     "InlineTextBox 'AA AAA AAA'",
  24     "InlineTextBox 'AAA AAAA'",
  25     "InlineTextBox 'AAAA AAAAA'",
  26     "InlineTextBox 'AAAAA'",
  27     "InlineTextBox 'AAAAAA'",
  28     "InlineTextBox 'AAAAAAA'",
  29     "InlineTextBox 'AAAAAA'",
  30     "InlineTextBox 'AAAAA'",
  31     "InlineTextBox 'AAAAA AAAA'",
  32     "InlineTextBox 'AAAA AAA'",
  33     "InlineTextBox 'AAA AAA AA'",
  34     "InlineTextBox 'AA AA AA A'",
  35     "InlineTextBox 'A A A A'",
  36     "RootInlineBox",
  37     "InlineTextBox 'A A A A A'",
  38     "LayoutBlockFlow (positioned) DIV id='div1' class='container'",
  39     "LayoutText #text",
  40     "InlineTextBox 'A A A A A AA AA'",
  41     "InlineTextBox 'AA AA AAA AAA'",
  42     "InlineTextBox 'AAA AAAA AAAA'",
  43     "InlineTextBox 'AAAAA AAAAA'",
  44     "InlineTextBox 'AAAAAA AAAAAAA'",
  45     "InlineTextBox 'AAAAAA AAAAA'",
  46     "InlineTextBox 'AAAAA AAAA AAAA'",
  47     "InlineTextBox 'AAA AAA AAA AA'",
  48     "InlineTextBox 'AA AA AA A A A'",
  49     "InlineTextBox 'A A'",
  50     "LayoutBlockFlow (positioned) DIV id='div2' class='container'",
  51 ];
  52 function paintInvalidationTest()
  53 {
  54     document.getElementById('div1').style.width = '300px';
  55     document.getElementById('div2').style.width = '300px';
  56 }
  57 window.onload = runPaintInvalidationTest;
  58 </script>
  59 <style>
  60 body {
  61     margin: 0;
  62 }
  63 .container {
  64     font: 20px Ahem;
  65     width: 200px;
  66     position: absolute;
  67 }
  68 </style>
  69 <div class="container" id="div1">
  70 A A A A A AA AA AA AA AAA AAA AAA AAAA AAAA AAAAA AAAAA AAAAAA AAAAAAA AAAAAA AAAAA AAAAA AAAA AAAA AAA AAA AAA AA AA AA AA A A A A A
  71 </div>
  72 <div class="container" id="div2" style="top: 300px">
  73 A A A A A
  74 </div>