Browse Source

LibWeb+headless-browser: Include paint tree in layout test output

This will give us a more comprehensive look at what actually gets
rendered in the end, and also allows us to catch more behavior changes.
Andreas Kling 2 years ago
parent
commit
09eed8eea2
100 changed files with 878 additions and 1 deletions
  1. 6 0
      Tests/LibWeb/Layout/expected/abspos-box-with-replaced-element.txt
  2. 6 0
      Tests/LibWeb/Layout/expected/abspos-flex-container-with-auto-height.txt
  3. 5 0
      Tests/LibWeb/Layout/expected/abspos-image-with-min-height-constraint.txt
  4. 7 0
      Tests/LibWeb/Layout/expected/abspos-not-replaced-multiple-auto-variants.txt
  5. 8 0
      Tests/LibWeb/Layout/expected/abspos-with-percentage-insets.txt
  6. 49 0
      Tests/LibWeb/Layout/expected/acid1.txt
  7. 8 0
      Tests/LibWeb/Layout/expected/anonymous-wrappers-continue-to-inherit-style-after-change.txt
  8. 7 0
      Tests/LibWeb/Layout/expected/aspect-ratio-auto-and-ratio.txt
  9. 7 0
      Tests/LibWeb/Layout/expected/aspect-ratio-auto.txt
  10. 7 0
      Tests/LibWeb/Layout/expected/aspect-ratio-ratio.txt
  11. 5 0
      Tests/LibWeb/Layout/expected/automatic-height-of-non-replaced-abspos-element-must-not-be-negative.txt
  12. 5 0
      Tests/LibWeb/Layout/expected/automatic-width-of-non-replaced-abspos-element-must-not-be-negative.txt
  13. 5 0
      Tests/LibWeb/Layout/expected/blank.txt
  14. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/abspos-with-auto-margins-in-inline-axis.txt
  15. 5 0
      Tests/LibWeb/Layout/expected/block-and-inline/abspos-with-percentage-height-resolved-against-padding-box-of-containing-block.txt
  16. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt
  17. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/automatic-size-of-block-container-with-inline-children-and-nonempty-floating-child.txt
  18. 15 0
      Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt
  19. 9 0
      Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically-2.txt
  20. 11 0
      Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically.txt
  21. 9 0
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width-constraints.txt
  22. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width.txt
  23. 16 0
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float.txt
  24. 25 0
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
  25. 13 0
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-max-content-width.txt
  26. 13 0
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-min-content-width.txt
  27. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-negative-margin-and-no-intruding-floats.txt
  28. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/box-with-clearance-and-margin-top.txt
  29. 11 0
      Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
  30. 9 0
      Tests/LibWeb/Layout/expected/block-and-inline/clear-both-without-introducing-clearance.txt
  31. 11 0
      Tests/LibWeb/Layout/expected/block-and-inline/clearfix.txt
  32. 26 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
  33. 10 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-2.txt
  34. 15 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
  35. 13 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
  36. 12 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
  37. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
  38. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
  39. 17 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt
  40. 11 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-stress-2.txt
  41. 10 0
      Tests/LibWeb/Layout/expected/block-and-inline/float-stress-3.txt
  42. 9 0
      Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.txt
  43. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/ifc-float-left-and-sibling-with-margin-left.txt
  44. 12 0
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
  45. 13 0
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
  46. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-max-width-fit-content.txt
  47. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-percentage-height-and-auto-height-of-containing-block.txt
  48. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
  49. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
  50. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
  51. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/intrinsic-sizing-with-min-width-specified.txt
  52. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/join-out-of-flow-box-with-previous-sibling-if-wrapped-in-anonymous-box.txt
  53. 10 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.txt
  54. 13 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-2.txt
  55. 9 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-3.txt
  56. 9 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-4.txt
  57. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-5.txt
  58. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-6.txt
  59. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-must-not-collapse-across-nested-bfc.txt
  60. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt
  61. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt
  62. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt
  63. 7 1
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-must-not-expand-element.txt
  64. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-on-child-block-with-width-auto-contributes-to-intrinsic-size-of-parent.txt
  65. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100-border-box.txt
  66. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100.txt
  67. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt
  68. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height-with-containing-block-padding.txt
  69. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height.txt
  70. 6 0
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-width-with-max-content-containing-block-width.txt
  71. 5 0
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt
  72. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/relpos-block.txt
  73. 8 0
      Tests/LibWeb/Layout/expected/block-and-inline/relpos-float.txt
  74. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/single-br-inline-layout.txt
  75. 7 0
      Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt
  76. 10 0
      Tests/LibWeb/Layout/expected/blockify-layout-internal-box-without-crashing.txt
  77. 7 0
      Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt
  78. 6 0
      Tests/LibWeb/Layout/expected/calc-negate-length.txt
  79. 8 0
      Tests/LibWeb/Layout/expected/css-all-unset.txt
  80. 5 0
      Tests/LibWeb/Layout/expected/css-calc-border-width.txt
  81. 5 0
      Tests/LibWeb/Layout/expected/css-ex-unit.txt
  82. 5 0
      Tests/LibWeb/Layout/expected/css-font-size-calc.txt
  83. 5 0
      Tests/LibWeb/Layout/expected/css-import-rule.txt
  84. 5 0
      Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt
  85. 6 0
      Tests/LibWeb/Layout/expected/css-line-height-percentage-inheritance.txt
  86. 6 0
      Tests/LibWeb/Layout/expected/css-logical-inset-properties.txt
  87. 8 0
      Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
  88. 8 0
      Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
  89. 11 0
      Tests/LibWeb/Layout/expected/css-pseudo-element-blockification.txt
  90. 7 0
      Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-inline-style.txt
  91. 10 0
      Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-presentational-hints.txt
  92. 5 0
      Tests/LibWeb/Layout/expected/css-revert.txt
  93. 6 0
      Tests/LibWeb/Layout/expected/css-snap-a-length-as-a-border-width.txt
  94. 7 0
      Tests/LibWeb/Layout/expected/css-values/comparison-functions.txt
  95. 9 0
      Tests/LibWeb/Layout/expected/css-values/exponential-functions.txt
  96. 6 0
      Tests/LibWeb/Layout/expected/css-values/numeric-constants.txt
  97. 6 0
      Tests/LibWeb/Layout/expected/css-values/sign-related-functions.txt
  98. 7 0
      Tests/LibWeb/Layout/expected/css-values/stepped-value-functions.txt
  99. 12 0
      Tests/LibWeb/Layout/expected/css-values/trigonometric-functions.txt
  100. 5 0
      Tests/LibWeb/Layout/expected/css-var-in-calc-block.txt

+ 6 - 0
Tests/LibWeb/Layout/expected/abspos-box-with-replaced-element.txt

@@ -5,3 +5,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         line 0 width: 250, height: 25.25, bottom: 25.25, baseline: 25.25
         line 0 width: 250, height: 25.25, bottom: 25.25, baseline: 25.25
           frag 0 from ImageBox start: 0, length: 0, rect: [262,12 248x23.25]
           frag 0 from ImageBox start: 0, length: 0, rect: [262,12 248x23.25]
         ImageBox <img> at (262,12) content-size 248x23.25 children: not-inline
         ImageBox <img> at (262,12) content-size 248x23.25 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 502x102]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 502x102]
+      PaintableWithLines (BlockContainer<DIV>.image-container) [260,10 250x27.25] overflow: [261,11 249x25.25]
+        ImagePaintable (ImageBox<IMG>) [261,11 250x25.25]

+ 6 - 0
Tests/LibWeb/Layout/expected/abspos-flex-container-with-auto-height.txt

@@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17.46875]
           frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17.46875]
             "Diese Website nutzt Cookies und vergleichbare Funktionen zur"
             "Diese Website nutzt Cookies und vergleichbare Funktionen zur"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 514.859375x21.46875]
+    PaintableBox (Box<BODY>) [8,8 514.859375x21.46875]
+      PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19.46875]
+        TextPaintable (TextNode<#text>)

+ 5 - 0
Tests/LibWeb/Layout/expected/abspos-image-with-min-height-constraint.txt

@@ -2,3 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
   BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
     BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
       ImageBox <img#zero-dimensions-but-min-percentages> at (8,8) content-size 800x600 positioned children: not-inline
       ImageBox <img#zero-dimensions-but-min-percentages> at (8,8) content-size 800x600 positioned children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 808x608]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16] overflow: [0,0 808x608]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 800x600]
+      ImagePaintable (ImageBox<IMG>#zero-dimensions-but-min-percentages) [8,8 800x600]

+ 7 - 0
Tests/LibWeb/Layout/expected/abspos-not-replaced-multiple-auto-variants.txt

@@ -8,3 +8,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
       TextNode <#text>
       BlockContainer <div.both> at (11,11) content-size 10x10 positioned [BFC] children: not-inline
       BlockContainer <div.both> at (11,11) content-size 10x10 positioned [BFC] children: not-inline
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2]
+      PaintableWithLines (BlockContainer<DIV>.only-t-l) [5,5 12x12]
+      PaintableWithLines (BlockContainer<DIV>.only-mt-ml) [15,15 12x12]
+      PaintableWithLines (BlockContainer<DIV>.both) [10,10 12x12]

+ 8 - 0
Tests/LibWeb/Layout/expected/abspos-with-percentage-insets.txt

@@ -12,3 +12,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             "two"
             "two"
         TextNode <#text>
         TextNode <#text>
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 502x402]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 502x402]
+      PaintableWithLines (BlockContainer<DIV>.one) [310,210 30.6875x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.two) [329.5625,350.53125 30.4375x19.46875]
+        TextPaintable (TextNode<#text>)

+ 49 - 0
Tests/LibWeb/Layout/expected/acid1.txt

@@ -133,3 +133,52 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (20,399.921875) content-size 480x0 children: inline
       BlockContainer <(anonymous)> at (20,399.921875) content-size 480x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x419.921875]
+    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
+    PaintableWithLines (BlockContainer<BODY>) [15,15 490x389.921875]
+      PaintableWithLines (BlockContainer(anonymous)) [20,20 480x0]
+      PaintableWithLines (BlockContainer<DL>) [20,20 480x10]
+        PaintableWithLines (BlockContainer<DT>) [25,25 79.984375x310]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DD>) [115,25 380x310]
+          PaintableWithLines (BlockContainer(anonymous)) [135,45 340x0]
+          PaintableWithLines (BlockContainer<UL>) [135,45 340x0]
+            PaintableWithLines (BlockContainer<LI>) [135,45 80x120]
+              TextPaintable (TextNode<#text>)
+            PaintableWithLines (BlockContainer<LI>#bar) [225,45 159.96875x110]
+              PaintableWithLines (BlockContainer(anonymous)) [235,55 139.96875x0]
+              PaintableWithLines (BlockContainer<P>) [235,55 139.96875x10]
+                TextPaintable (TextNode<#text>)
+              PaintableWithLines (BlockContainer(anonymous)) [235,65 139.96875x0]
+                InlinePaintable (InlineNode<FORM>)
+              PaintableWithLines (BlockContainer<P>) [235,65 139.96875x18.984375]
+                TextPaintable (TextNode<#text>)
+                RadioButtonPaintable (RadioButton<INPUT>) [262.484375,65.46875 12x12]
+              PaintableWithLines (BlockContainer<P>) [235,83.984375 139.96875x18.984375]
+                TextPaintable (TextNode<#text>)
+                RadioButtonPaintable (RadioButton<INPUT>) [280.15625,84.453125 12x12]
+              PaintableWithLines (BlockContainer(anonymous)) [235,102.96875 139.96875x0]
+            PaintableWithLines (BlockContainer<LI>) [394.96875,45 80x120]
+              TextPaintable (TextNode<#text>)
+            PaintableWithLines (BlockContainer<LI>#baz) [135,175 120x120]
+              TextPaintable (TextNode<#text>)
+          PaintableWithLines (BlockContainer(anonymous)) [135,45 340x0]
+            PaintableWithLines (BlockContainer<BLOCKQUOTE>) [275,175 70x140]
+              PaintableWithLines (BlockContainer(anonymous)) [280,195 50x0]
+              PaintableWithLines (BlockContainer<ADDRESS>) [280,195 50x20]
+                TextPaintable (TextNode<#text>)
+              PaintableWithLines (BlockContainer(anonymous)) [280,215 50x0]
+            PaintableWithLines (BlockContainer<H1>) [355,175 120x120]
+              TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [20,30 480x0]
+      PaintableWithLines (BlockContainer<P>) [20,335 480x64.921875]
+        TextPaintable (TextNode<#text>)
+        InlinePaintable (InlineNode<A>)
+          TextPaintable (TextNode<#text>)
+        TextPaintable (TextNode<#text>)
+        InlinePaintable (InlineNode<A>)
+          TextPaintable (TextNode<#text>)
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [20,399.921875 480x0]

+ 8 - 0
Tests/LibWeb/Layout/expected/anonymous-wrappers-continue-to-inherit-style-after-change.txt

@@ -11,3 +11,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 24, rect: [8,77.8125 212.125x17.46875]
           frag 0 from TextNode start: 0, length: 24, rect: [8,77.8125 212.125x17.46875]
             "anonymously wrapped text"
             "anonymously wrapped text"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x89.84375] overflow: [0,0 800x95.28125]
+    PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.84375]
+      PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x34.9375]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,77.8125 784x17.46875]
+        TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/aspect-ratio-auto-and-ratio.txt

@@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from ImageBox start: 0, length: 0, rect: [9,111 200x200]
           frag 0 from ImageBox start: 0, length: 0, rect: [9,111 200x200]
         ImageBox <img> at (9,111) content-size 200x200 children: not-inline
         ImageBox <img> at (9,111) content-size 200x200 children: not-inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x320]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x304]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 202x102]
+      PaintableWithLines (BlockContainer(anonymous)) [8,110 784x202]
+        ImagePaintable (ImageBox<IMG>) [8,110 202x202]

+ 7 - 0
Tests/LibWeb/Layout/expected/aspect-ratio-auto.txt

@@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from ImageBox start: 0, length: 0, rect: [9,11 200x200]
           frag 0 from ImageBox start: 0, length: 0, rect: [9,11 200x200]
         ImageBox <img> at (9,11) content-size 200x200 children: not-inline
         ImageBox <img> at (9,11) content-size 200x200 children: not-inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x220]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x204]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 202x2]
+      PaintableWithLines (BlockContainer(anonymous)) [8,10 784x202]
+        ImagePaintable (ImageBox<IMG>) [8,10 202x202]

+ 7 - 0
Tests/LibWeb/Layout/expected/aspect-ratio-ratio.txt

@@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from ImageBox start: 0, length: 0, rect: [9,111 200x100]
           frag 0 from ImageBox start: 0, length: 0, rect: [9,111 200x100]
         ImageBox <img> at (9,111) content-size 200x100 children: not-inline
         ImageBox <img> at (9,111) content-size 200x100 children: not-inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x220]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x204]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 202x102]
+      PaintableWithLines (BlockContainer(anonymous)) [8,110 784x102]
+        ImagePaintable (ImageBox<IMG>) [8,110 202x102]

+ 5 - 0
Tests/LibWeb/Layout/expected/automatic-height-of-non-replaced-abspos-element-must-not-be-negative.txt

@@ -3,3 +3,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body.outer> at (8,8) content-size 0x0 positioned [BFC] children: not-inline
     BlockContainer <body.outer> at (8,8) content-size 0x0 positioned [BFC] children: not-inline
       BlockContainer <div.inner> at (9,9) content-size 0x0 positioned [BFC] children: inline
       BlockContainer <div.inner> at (9,9) content-size 0x0 positioned [BFC] children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x0] overflow: [8,8 2x2]
+    PaintableWithLines (BlockContainer<BODY>.outer) [8,8 0x0] overflow: [8,8 2x2]
+      PaintableWithLines (BlockContainer<DIV>.inner) [8,8 2x2]

+ 5 - 0
Tests/LibWeb/Layout/expected/automatic-width-of-non-replaced-abspos-element-must-not-be-negative.txt

@@ -2,3 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x0 [BFC] children: not-inline
   BlockContainer <html> at (0,0) content-size 800x0 [BFC] children: not-inline
     BlockContainer <body.outer> at (8,8) content-size 0x0 positioned [BFC] children: not-inline
     BlockContainer <body.outer> at (8,8) content-size 0x0 positioned [BFC] children: not-inline
       BlockContainer <div.inner> at (9,9) content-size 0x0 positioned [BFC] children: not-inline
       BlockContainer <div.inner> at (9,9) content-size 0x0 positioned [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x0] overflow: [8,8 2x2]
+    PaintableWithLines (BlockContainer<BODY>.outer) [8,8 0x0] overflow: [8,8 2x2]
+      PaintableWithLines (BlockContainer<DIV>.inner) [8,8 2x2]

+ 5 - 0
Tests/LibWeb/Layout/expected/blank.txt

@@ -4,3 +4,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
       TextNode <#text>
     BlockContainer <body> at (8,8) content-size 784x0 children: inline
     BlockContainer <body> at (8,8) content-size 784x0 children: inline
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
+    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/abspos-with-auto-margins-in-inline-axis.txt

@@ -4,3 +4,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div#foo> at (350,1) content-size 100x100 positioned [BFC] children: not-inline
       BlockContainer <div#foo> at (350,1) content-size 100x100 positioned [BFC] children: not-inline
       BlockContainer <div#bar> at (699,101) content-size 100x100 positioned [BFC] children: not-inline
       BlockContainer <div#bar> at (699,101) content-size 100x100 positioned [BFC] children: not-inline
       BlockContainer <div#baz> at (1,201) content-size 100x100 positioned [BFC] children: not-inline
       BlockContainer <div#baz> at (1,201) content-size 100x100 positioned [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [0,0 800x302]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [0,0 800x302]
+      PaintableWithLines (BlockContainer<DIV>#foo) [349,0 102x102]
+      PaintableWithLines (BlockContainer<DIV>#bar) [698,100 102x102]
+      PaintableWithLines (BlockContainer<DIV>#baz) [0,200 102x102]

+ 5 - 0
Tests/LibWeb/Layout/expected/block-and-inline/abspos-with-percentage-height-resolved-against-padding-box-of-containing-block.txt

@@ -2,3 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x256 [BFC] children: not-inline
   BlockContainer <html> at (0,0) content-size 800x256 [BFC] children: not-inline
     BlockContainer <body> at (8,248) content-size 784x0 positioned children: not-inline
     BlockContainer <body> at (8,248) content-size 784x0 positioned children: not-inline
       BlockContainer <div.abspos> at (8,8) content-size 784x240 positioned [BFC] children: not-inline
       BlockContainer <div.abspos> at (8,8) content-size 784x240 positioned [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x256]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x240]
+      PaintableWithLines (BlockContainer<DIV>.abspos) [8,8 784x240]

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt

@@ -8,3 +8,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
       BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
       BreakNode <br>
       BreakNode <br>
       BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline
       BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.515625] overflow: [1,1 798x64]
+    PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.515625] overflow: [2,2 796x63]
+      PaintableWithLines (BlockContainer<DIV>.clump) [3,2 32x32]
+      PaintableWithLines (BlockContainer<DIV>.clump) [2,34 32x32]

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/automatic-size-of-block-container-with-inline-children-and-nonempty-floating-child.txt

@@ -4,3 +4,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.black> at (58,58) content-size 40x0 children: inline
       BlockContainer <div.black> at (58,58) content-size 40x0 children: inline
         BlockContainer <div.green> at (78,78) content-size 0x0 floating [BFC] children: not-inline
         BlockContainer <div.green> at (78,78) content-size 0x0 floating [BFC] children: not-inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x0] overflow: [8,8 140x100]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 140x100]
+      PaintableWithLines (BlockContainer<DIV>.black) [8,8 140x100]
+        PaintableWithLines (BlockContainer<DIV>.green) [58,58 40x40]

+ 15 - 0
Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt

@@ -28,3 +28,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
+    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
+        PaintableWithLines (BlockContainer<DIV>.big-float) [8,8 100x100]
+        PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x17.46875]
+          TextPaintable (TextNode<#text>)
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x17.46875]
+        PaintableWithLines (BlockContainer<DIV>.yyy) [108,25.46875 21.515625x17.46875]
+          TextPaintable (TextNode<#text>)
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]

+ 9 - 0
Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically-2.txt

@@ -8,3 +8,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.orange> at (0,100) content-size 150x50 floating [BFC] children: not-inline
       BlockContainer <div.orange> at (0,100) content-size 150x50 floating [BFC] children: not-inline
       BlockContainer <(anonymous)> at (0,0) content-size 200x0 children: inline
       BlockContainer <(anonymous)> at (0,0) content-size 200x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x150]
+    PaintableWithLines (BlockContainer<BODY>) [0,0 200x0] overflow: [0,0 200x150]
+      PaintableWithLines (BlockContainer<UL>) [0,0 200x0]
+        PaintableWithLines (BlockContainer<DIV>.red) [0,0 150x50]
+        PaintableWithLines (BlockContainer<DIV>.green) [0,50 150x50]
+      PaintableWithLines (BlockContainer<DIV>.orange) [0,100 150x50]
+      PaintableWithLines (BlockContainer(anonymous)) [0,0 200x0]

+ 11 - 0
Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically.txt

@@ -15,3 +15,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
         BlockContainer <div.green> at (3,56) content-size 100x50 floating [BFC] children: not-inline
         BlockContainer <div.green> at (3,56) content-size 100x50 floating [BFC] children: not-inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
+    PaintableWithLines (BlockContainer(anonymous)) [1,1 798x0]
+    PaintableWithLines (BlockContainer<BODY>) [1,1 402x4]
+      PaintableWithLines (BlockContainer(anonymous)) [2,2 400x0]
+      PaintableWithLines (BlockContainer<DIV>.ul) [2,2 400x2]
+        PaintableWithLines (BlockContainer<DIV>.yellow) [3,3 62x52]
+        PaintableWithLines (BlockContainer<DIV>.orange) [65,3 252x52]
+      PaintableWithLines (BlockContainer(anonymous)) [2,4 400x0]
+        PaintableWithLines (BlockContainer<DIV>.green) [2,55 102x52]

+ 9 - 0
Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width-constraints.txt

@@ -13,3 +13,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (10,48.9375) content-size 780x0 children: inline
       BlockContainer <(anonymous)> at (10,48.9375) content-size 780x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x40.9375]
+      PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.box2) [10,29.46875 140.28125x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,48.9375 780x0]

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width.txt

@@ -8,3 +8,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline
       BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875]
+      PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,29.46875 780x0]

+ 16 - 0
Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float.txt

@@ -27,3 +27,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
           TextNode <#text>
       BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
+    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x17.46875]
+        PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
+        PaintableWithLines (BlockContainer<DIV>) [108,8 684x0]
+          PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x17.46875]
+            TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
+        PaintableWithLines (BlockContainer<DIV>.b) [122.265625,8 669.734375x17.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]

+ 25 - 0
Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt

@@ -45,3 +45,28 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             TextNode <#text>
             TextNode <#text>
         BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
         BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x34.9375]
+        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+        PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+          PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x34.9375]
+            PaintableWithLines (BlockContainer(anonymous)) [8,8 57.0625x0]
+            PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x17.46875]
+              TextPaintable (TextNode<#text>)
+            PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 57.0625x0]
+            PaintableWithLines (BlockContainer<DIV>) [8,25.46875 57.0625x17.46875]
+              TextPaintable (TextNode<#text>)
+            PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 57.0625x0]
+        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+        PaintableWithLines (BlockContainer<DIV>) [108,8 684x34.9375]
+          PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
+          PaintableWithLines (BlockContainer<DIV>) [108,8 684x17.46875]
+            TextPaintable (TextNode<#text>)
+          PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0]
+          PaintableWithLines (BlockContainer<DIV>.c) [108,25.46875 684x17.46875]
+            TextPaintable (TextNode<#text>)
+          PaintableWithLines (BlockContainer(anonymous)) [108,42.9375 684x0]
+        PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]

+ 13 - 0
Tests/LibWeb/Layout/expected/block-and-inline/block-with-max-content-width.txt

@@ -22,3 +22,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (10,68.40625) content-size 780x0 children: inline
       BlockContainer <(anonymous)> at (10,68.40625) content-size 780x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.40625]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x60.40625]
+      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,29.46875 780x0]
+      PaintableWithLines (BlockContainer<DIV>.bar) [10,29.46875 189.953125x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,48.9375 780x0]
+      PaintableWithLines (BlockContainer<DIV>.baz) [10,48.9375 185.078125x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,68.40625 780x0]

+ 13 - 0
Tests/LibWeb/Layout/expected/block-and-inline/block-with-min-content-width.txt

@@ -31,3 +31,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (10,120.8125) content-size 780x0 children: inline
       BlockContainer <(anonymous)> at (10,120.8125) content-size 780x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x130.8125]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x112.8125]
+      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x36.9375]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,46.9375 780x0]
+      PaintableWithLines (BlockContainer<DIV>.bar) [10,46.9375 95.765625x36.9375]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,83.875 780x0]
+      PaintableWithLines (BlockContainer<DIV>.baz) [10,83.875 95.765625x36.9375]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,120.8125 780x0]

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/block-with-negative-margin-and-no-intruding-floats.txt

@@ -9,3 +9,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 20, length: 21, rect: [61,28.46875 163.875x17.46875]
           frag 0 from TextNode start: 20, length: 21, rect: [61,28.46875 163.875x17.46875]
             "intruding on this div"
             "intruding on this div"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x56.9375]
+    PaintableWithLines (BlockContainer<BODY>) [109,9 302x38.9375] overflow: [60,10 350x36.9375]
+      PaintableWithLines (BlockContainer<DIV>) [60,10 202x36.9375]
+        TextPaintable (TextNode<#text>)

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/box-with-clearance-and-margin-top.txt

@@ -5,3 +5,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         BlockContainer <div.square.white> at (8,8) content-size 100x100 floating [BFC] children: not-inline
         BlockContainer <div.square.white> at (8,8) content-size 100x100 floating [BFC] children: not-inline
         BlockContainer <div.clearfix> at (8,108) content-size 10x10 children: not-inline
         BlockContainer <div.clearfix> at (8,108) content-size 10x10 children: not-inline
         BlockContainer <div.square.black> at (8,218) content-size 49x49 floating [BFC] children: not-inline
         BlockContainer <div.square.black> at (8,218) content-size 49x49 floating [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x110] overflow: [8,8 784x259]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x110] overflow: [8,8 784x259]
+        PaintableWithLines (BlockContainer<DIV>.square.white) [8,8 100x100]
+        PaintableWithLines (BlockContainer<DIV>.clearfix) [8,108 10x10]
+        PaintableWithLines (BlockContainer<DIV>.square.black) [8,218 49x49]

+ 11 - 0
Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt

@@ -21,3 +21,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               "X"
               "X"
           TextNode <#text>
           TextNode <#text>
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+        PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x34.9375]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x34.9375]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.c) [8,155.8125 11.5625x17.46875]
+          TextPaintable (TextNode<#text>)

+ 9 - 0
Tests/LibWeb/Layout/expected/block-and-inline/clear-both-without-introducing-clearance.txt

@@ -12,3 +12,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 5, rect: [8,100.46875 43.359375x17.46875]
           frag 0 from TextNode start: 0, length: 5, rect: [8,100.46875 43.359375x17.46875]
             "lower"
             "lower"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.9375]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.9375]
+      PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.mystery) [8,100.46875 784x0]
+      PaintableWithLines (BlockContainer<DIV>.lower) [8,100.46875 784x17.46875]
+        TextPaintable (TextNode<#text>)

+ 11 - 0
Tests/LibWeb/Layout/expected/block-and-inline/clearfix.txt

@@ -13,3 +13,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
           TextNode <#text>
       BlockContainer <(anonymous)> at (8,108) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,108) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x100]
+        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+          PaintableWithLines (BlockContainer<DIV>.square.white) [8,8 100x100]
+        PaintableWithLines (BlockContainer<DIV>.clearfix) [8,108 784x0]
+        PaintableWithLines (BlockContainer(anonymous)) [8,108 784x0]
+          PaintableWithLines (BlockContainer<DIV>.square.black) [8,108 49x49]
+      PaintableWithLines (BlockContainer(anonymous)) [8,108 784x0]

+ 26 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt

@@ -112,3 +112,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (8,339.90625) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,339.90625) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x331.90625]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+        PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>#righty) [742,8 50x50]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+        PaintableWithLines (BlockContainer<DIV>#lefty2) [108,8 80x80]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>#righty2) [712,8 30x30]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+        PaintableWithLines (BlockContainer<DIV>#lefty3) [188,8 40x40]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x331.90625]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,339.90625 784x0]

+ 10 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-2.txt

@@ -14,3 +14,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
+    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+        PaintableWithLines (BlockContainer<DIV>#b) [8,8 52x52]
+      PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]

+ 15 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt

@@ -24,3 +24,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
           TextNode <#text>
       BlockContainer <(anonymous)> at (8,127.46875) content-size 780x0 children: inline
       BlockContainer <(anonymous)> at (8,127.46875) content-size 780x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 780x119.46875]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 780x0]
+      PaintableWithLines (BlockContainer<DIV>#top) [8,8 780x100]
+        PaintableWithLines (BlockContainer<DIV>#top-left.box) [8,8 300x100]
+        PaintableWithLines (BlockContainer<DIV>#top-right.box) [488,8 300x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,108 780x0]
+      PaintableWithLines (BlockContainer<DIV>#bottom) [8,108 780x19.46875]
+        PaintableWithLines (BlockContainer(anonymous)) [9,109 778x0]
+        PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer(anonymous)) [9,126.46875 778x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,127.46875 780x0]

+ 13 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt

@@ -28,3 +28,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             "Right2"
             "Right2"
         TextNode <#text>
         TextNode <#text>
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
+    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 780x0]
+      PaintableWithLines (BlockContainer<DIV>.left) [8,8 52x52]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.right) [736,8 52x52]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.left) [60,8 52x52]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.right) [684,8 52x52] overflow: [685,9 50.78125x50]
+        TextPaintable (TextNode<#text>)

+ 12 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt

@@ -24,3 +24,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       InlineNode <span>
       InlineNode <span>
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
+      PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17.46875]
+        TextPaintable (TextNode<#text>)
+      InlinePaintable (InlineNode<SPAN>)
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<SPAN>.a) [8,25.46875 100x17.46875]
+        TextPaintable (TextNode<#text>)
+      InlinePaintable (InlineNode<SPAN>)
+        TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt

@@ -200,3 +200,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
       TextNode <#text>
       BlockContainer <div.right> at (489,213) content-size 300x200 floating [BFC] children: not-inline
       BlockContainer <div.right> at (489,213) content-size 300x200 floating [BFC] children: not-inline
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+    PaintableWithLines (BlockContainer<BODY>) [251,9 540x400.90625]
+      PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
+      PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
+      TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt

@@ -60,3 +60,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
       TextNode <#text>
       BlockContainer <div.right> at (489,213) content-size 300x200 floating [BFC] children: not-inline
       BlockContainer <div.right> at (489,213) content-size 300x200 floating [BFC] children: not-inline
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+    PaintableWithLines (BlockContainer<BODY>) [251,9 540x400.90625]
+      PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
+      PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
+      TextPaintable (TextNode<#text>)

+ 17 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt

@@ -75,3 +75,20 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
         BlockContainer <div.righty> at (278,190) content-size 30x30 floating [BFC] children: not-inline
         BlockContainer <div.righty> at (278,190) content-size 30x30 floating [BFC] children: not-inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x268] overflow: [0,0 800x285]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x252] overflow: [8,8 784x277]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>.outer) [8,8 302x252] overflow: [9,9 300x276]
+        TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.lefty) [9,9 52x52]
+        PaintableWithLines (BlockContainer<DIV>.one) [61,25 202x52]
+        PaintableWithLines (BlockContainer<DIV>.two) [107,77 202x52]
+        TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.righty) [277,141 32x32]
+        TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.lefty.shwifty) [9,173 52x52]
+        TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.righty) [277,189 32x32]
+        TextPaintable (TextNode<#text>)

+ 11 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-stress-2.txt

@@ -16,3 +16,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
           TextNode <#text>
       BlockContainer <(anonymous)> at (0,50) content-size 800x0 children: inline
       BlockContainer <(anonymous)> at (0,50) content-size 800x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>.js) [0,0 800x200]
+    PaintableWithLines (BlockContainer<BODY>) [0,0 800x50] overflow: [0,0 800x200]
+      PaintableWithLines (BlockContainer<DIV>#page) [0,0 800x50] overflow: [0,0 800x200]
+        PaintableWithLines (BlockContainer<DIV>#content_box) [50,50 400x150]
+          PaintableWithLines (BlockContainer<ARTICLE>.first) [50,50 300x100]
+            TextPaintable (TextNode<#text>)
+          PaintableWithLines (BlockContainer<ARTICLE>.second) [50,150 200x50]
+            TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [0,50 800x0]

+ 10 - 0
Tests/LibWeb/Layout/expected/block-and-inline/float-stress-3.txt

@@ -14,3 +14,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
         BlockContainer <div.two> at (108,78) content-size 200x50 floating [BFC] children: not-inline
         BlockContainer <div.two> at (108,78) content-size 200x50 floating [BFC] children: not-inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x268]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>.outer) [8,8 302x252]
+        TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.lefty) [9,9 52x52]
+        PaintableWithLines (BlockContainer<DIV>.one) [61,25 202x52]
+        PaintableWithLines (BlockContainer<DIV>.two) [107,77 202x52]

+ 9 - 0
Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.txt

@@ -14,3 +14,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               "b"
               "b"
           TextNode <#text>
           TextNode <#text>
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [100,8 200x200] overflow: [50,8 250x200]
+      PaintableWithLines (BlockContainer<DIV>.row) [50,8 250x200]
+        PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x17.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17.46875]
+          TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/ifc-float-left-and-sibling-with-margin-left.txt

@@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17.46875]
           frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17.46875]
             "Chrono Trigger"
             "Chrono Trigger"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x63]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875] overflow: [10,10 780x52]
+      PaintableWithLines (BlockContainer<DIV>.thumbnail) [10,10 52x52]
+      PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19.46875]
+        TextPaintable (TextNode<#text>)

+ 12 - 0
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt

@@ -20,3 +20,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         BlockContainer <div.whee> at (115.140625,50.9375) content-size 200x50 children: not-inline
         BlockContainer <div.whee> at (115.140625,50.9375) content-size 200x50 children: not-inline
         BlockContainer <(anonymous)> at (114.140625,101.9375) content-size 202x0 children: inline
         BlockContainer <(anonymous)> at (114.140625,101.9375) content-size 202x0 children: inline
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x94.9375]
+      TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 204x92.9375]
+        PaintableWithLines (BlockContainer<DIV>) [114.140625,11 202x19.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [114.140625,30.46875 202x19.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.whee) [114.140625,49.9375 202x52]
+        PaintableWithLines (BlockContainer(anonymous)) [114.140625,101.9375 202x0]

+ 13 - 0
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt

@@ -24,3 +24,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
           TextNode <#text>
         BlockContainer <(anonymous)> at (114.140625,49.9375) content-size 39.234375x0 children: inline
         BlockContainer <(anonymous)> at (114.140625,49.9375) content-size 39.234375x0 children: inline
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x62.40625]
+      TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 41.234375x60.40625]
+        PaintableWithLines (BlockContainer<DIV>) [114.140625,11 39.234375x19.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [114.140625,30.46875 39.234375x19.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>.float) [114.140625,49.9375 39.234375x19.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer(anonymous)) [114.140625,49.9375 39.234375x0]

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-max-width-fit-content.txt

@@ -8,3 +8,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17.46875]
           frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17.46875]
             "hello friends"
             "hello friends"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x19.46875]
+      PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19.46875]
+        TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-percentage-height-and-auto-height-of-containing-block.txt

@@ -9,3 +9,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17.46875]
             frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17.46875]
               "docs"
               "docs"
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
+      PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17.46875]
+        PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17.46875]
+          TextPaintable (TextNode<#text>)

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt

@@ -14,3 +14,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             "displaced text"
             "displaced text"
         TextNode <#text>
         TextNode <#text>
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
+      TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<SPAN>.displaced_text) [150.421875,48 110.375x20]
+        TextPaintable (TextNode<#text>)
+      TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt

@@ -10,3 +10,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
       TextNode <#text>
       BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
       BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x175]
+      TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
+      TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt

@@ -10,3 +10,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
       TextNode <#text>
       BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
       BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x178.9375]
+      TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
+      TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/intrinsic-sizing-with-min-width-specified.txt

@@ -3,3 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (10,10) content-size 104x34 floating [BFC] children: not-inline
     BlockContainer <body> at (10,10) content-size 104x34 floating [BFC] children: not-inline
       BlockContainer <div.outer> at (11,11) content-size 102x32 children: not-inline
       BlockContainer <div.outer> at (11,11) content-size 102x32 children: not-inline
         BlockContainer <div.inner> at (12,12) content-size 100x30 children: not-inline
         BlockContainer <div.inner> at (12,12) content-size 100x30 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x54]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 106x36]
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 104x34]
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 102x32]

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/join-out-of-flow-box-with-previous-sibling-if-wrapped-in-anonymous-box.txt

@@ -7,3 +7,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from BlockContainer start: 0, length: 0, rect: [8,38 200x30]
           frag 0 from BlockContainer start: 0, length: 0, rect: [8,38 200x30]
         BlockContainer <div.tab> at (8,38) content-size 200x30 inline-block [BFC] children: not-inline
         BlockContainer <div.tab> at (8,38) content-size 200x30 inline-block [BFC] children: not-inline
         BlockContainer <div.timeline> at (592,38) content-size 200x30 floating [BFC] children: not-inline
         BlockContainer <div.timeline> at (592,38) content-size 200x30 floating [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x76]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x60]
+      PaintableWithLines (BlockContainer<DIV>.banner) [8,8 200x30]
+      PaintableWithLines (BlockContainer(anonymous)) [8,38 784x30]
+        PaintableWithLines (BlockContainer<DIV>.tab) [8,38 200x30]
+        PaintableWithLines (BlockContainer<DIV>.timeline) [592,38 200x30]

+ 10 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.txt

@@ -15,3 +15,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (8,279) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,279) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,25 784x229] overflow: [8,25 784x254]
+      PaintableWithLines (BlockContainer<DIV>#foo) [33,25 102x102]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,152 784x0]
+      PaintableWithLines (BlockContainer<DIV>#bar) [33,152 102x102]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,279 784x0]

+ 13 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-2.txt

@@ -22,3 +22,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (8,344) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,344) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x336]
+      PaintableWithLines (BlockContainer<DIV>#foo) [8,8 102x102]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,135 784x0]
+      PaintableWithLines (BlockContainer<DIV>#bar) [8,135 102x102]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,262 784x0]
+      PaintableWithLines (BlockContainer<DIV>#baz) [8,242 102x102]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,344 784x0]

+ 9 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-3.txt

@@ -8,3 +8,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         BlockContainer <div#baz> at (8,158) content-size 100x100 children: not-inline
         BlockContainer <div#baz> at (8,158) content-size 100x100 children: not-inline
       BlockContainer <(anonymous)> at (8,358) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,358) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x350]
+      PaintableWithLines (BlockContainer<DIV>#foo) [8,8 100x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,133 784x0]
+      PaintableWithLines (BlockContainer<DIV>#bar) [8,158 200x200]
+        PaintableWithLines (BlockContainer<DIV>#baz) [8,158 100x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,358 784x0]

+ 9 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-4.txt

@@ -8,3 +8,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div#bar> at (8,108) content-size 50x50 children: not-inline
       BlockContainer <div#bar> at (8,108) content-size 50x50 children: not-inline
       BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
+      PaintableWithLines (BlockContainer<DIV>#foo) [8,8 100x50]
+        PaintableWithLines (BlockContainer<DIV>#baz) [8,8 50x50]
+      PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]
+      PaintableWithLines (BlockContainer<DIV>#bar) [8,108 50x50]
+      PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-5.txt

@@ -10,3 +10,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (2,121.46875) content-size 168.96875x0 children: inline
       BlockContainer <(anonymous)> at (2,121.46875) content-size 168.96875x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x123.46875]
+    PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121.46875]
+      PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [2,121.46875 168.96875x0]

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-6.txt

@@ -4,3 +4,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.upper> at (8,8) content-size 784x20 children: not-inline
       BlockContainer <div.upper> at (8,8) content-size 784x20 children: not-inline
       BlockContainer <div.bfc> at (8,78) content-size 784x20 [BFC] children: not-inline
       BlockContainer <div.bfc> at (8,78) content-size 784x20 [BFC] children: not-inline
         BlockContainer <div.inner> at (8,78) content-size 20x20 children: not-inline
         BlockContainer <div.inner> at (8,78) content-size 20x20 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x106]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x90]
+      PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x20]
+      PaintableWithLines (BlockContainer<DIV>.bfc) [8,78 784x20]
+        PaintableWithLines (BlockContainer<DIV>.inner) [8,78 20x20]

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-must-not-collapse-across-nested-bfc.txt

@@ -4,3 +4,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.not-bfc> at (8,30) content-size 784x20 children: not-inline
       BlockContainer <div.not-bfc> at (8,30) content-size 784x20 children: not-inline
       BlockContainer <div.bfc> at (8,80) content-size 784x0 [BFC] children: not-inline
       BlockContainer <div.bfc> at (8,80) content-size 784x0 [BFC] children: not-inline
       BlockContainer <div.not-bfc> at (8,110) content-size 784x20 children: not-inline
       BlockContainer <div.not-bfc> at (8,110) content-size 784x20 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x116] overflow: [0,0 800x130]
+    PaintableWithLines (BlockContainer<BODY>) [8,30 784x100]
+      PaintableWithLines (BlockContainer<DIV>.not-bfc) [8,30 784x20]
+      PaintableWithLines (BlockContainer<DIV>.bfc) [8,80 784x0]
+      PaintableWithLines (BlockContainer<DIV>.not-bfc) [8,110 784x20]

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt

@@ -8,3 +8,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               "Hello"
               "Hello"
           InlineNode <span>
           InlineNode <span>
             TextNode <#text>
             TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x101.46875]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 502x83.46875]
+      PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81.46875]
+        PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19.46875]
+          InlinePaintable (InlineNode<SPAN>)
+            TextPaintable (TextNode<#text>)

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt

@@ -8,3 +8,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               "Hello"
               "Hello"
           InlineNode <span>
           InlineNode <span>
             TextNode <#text>
             TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x121.46875]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 502x103.46875]
+      PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101.46875]
+        PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19.46875]
+          InlinePaintable (InlineNode<SPAN>)
+            TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt

@@ -13,3 +13,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 11, length: 7, rect: [12,121.15625 172.984375x54.578125]
             frag 0 from TextNode start: 11, length: 7, rect: [12,121.15625 172.984375x54.578125]
               "friends"
               "friends"
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x187.734375]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 206x169.734375]
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x167.734375]
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x165.734375]
+          TextPaintable (TextNode<#text>)

+ 7 - 1
Tests/LibWeb/Layout/expected/block-and-inline/max-width-must-not-expand-element.txt

@@ -2,4 +2,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
     BlockContainer <body> at (10,10) content-size 4x54 positioned [BFC] children: not-inline
     BlockContainer <body> at (10,10) content-size 4x54 positioned [BFC] children: not-inline
       BlockContainer <div.outer> at (11,11) content-size 2x52 children: not-inline
       BlockContainer <div.outer> at (11,11) content-size 2x52 children: not-inline
-        BlockContainer <div.inner> at (12,12) content-size 0x50 children: not-inline
+        BlockContainer <div.inner> at (12,12) content-size 0x50 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 6x56]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 6x56]
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 4x54]
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 2x52]

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/max-width-on-child-block-with-width-auto-contributes-to-intrinsic-size-of-parent.txt

@@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17.46875]
             frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17.46875]
               "OPEN"
               "OPEN"
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x41.46875]
+    PaintableBox (Box<BODY>.outer) [9,9 782x23.46875]
+      PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21.46875]
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19.46875]
+          TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100-border-box.txt

@@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17.46875]
           frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17.46875]
             "border box"
             "border box"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 95.59375x21.46875]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21.46875]
+      PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19.46875]
+        TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100.txt

@@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17.46875]
           frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17.46875]
             "well hello friends"
             "well hello friends"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 140.609375x21.46875]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21.46875]
+      PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19.46875]
+        TextPaintable (TextNode<#text>)

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt

@@ -20,3 +20,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 252, length: 57, rect: [18,87.875 455.375x17.46875]
             frag 0 from TextNode start: 252, length: 57, rect: [18,87.875 455.375x17.46875]
               "pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
               "pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x1008]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x107.34375] overflow: [8,8 784x1000]
+      PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x107.34375] overflow: [8,8 784x1000]
+        PaintableWithLines (BlockContainer<DIV>.float) [592,8 200x1000]
+        PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x107.34375]
+          TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height-with-containing-block-padding.txt

@@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 0, length: 5, rect: [18,118 36.84375x17.46875]
             frag 0 from TextNode start: 0, length: 5, rect: [18,118 36.84375x17.46875]
               "hello"
               "hello"
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x616]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x616]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x600]
+      PaintableWithLines (BlockContainer<DIV>.container) [8,8 784x600]
+        PaintableWithLines (BlockContainer<DIV>.hmm) [8,108 784x270]
+          TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height.txt

@@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 5, rect: [18,18 36.84375x17.46875]
           frag 0 from TextNode start: 0, length: 5, rect: [18,18 36.84375x17.46875]
             "hello"
             "hello"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x53.46875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x37.46875]
+      PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37.46875]
+        TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-width-with-max-content-containing-block-width.txt

@@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17.46875]
           frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17.46875]
             "hello"
             "hello"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 200x17.46875]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 200x17.46875]
+        TextPaintable (TextNode<#text>)

+ 5 - 0
Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt

@@ -4,3 +4,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
       line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
         frag 0 from BlockContainer start: 0, length: 0, rect: [8,21.53125 0x0]
         frag 0 from BlockContainer start: 0, length: 0, rect: [8,21.53125 0x0]
       BlockContainer <div> at (8,21.53125) content-size 0x0 inline-block [BFC] children: not-inline
       BlockContainer <div> at (8,21.53125) content-size 0x0 inline-block [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 0x17.46875]
+      PaintableWithLines (BlockContainer<DIV>) [8,21.53125 0x0]

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/relpos-block.txt

@@ -11,3 +11,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 6, rect: [24,25.46875 53.171875x17.46875]
           frag 0 from TextNode start: 0, length: 6, rect: [24,25.46875 53.171875x17.46875]
             "athena"
             "athena"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66.9375]
+    PaintableWithLines (BlockContainer<BODY>) [10,10 604x46.9375]
+      PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.athena) [22,23.46875 204x21.46875]
+        TextPaintable (TextNode<#text>)

+ 8 - 0
Tests/LibWeb/Layout/expected/block-and-inline/relpos-float.txt

@@ -11,3 +11,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17.46875]
           frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17.46875]
             "athena"
             "athena"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875] overflow: [2,2 796x35.46875]
+    PaintableWithLines (BlockContainer<BODY>) [10,10 604x4] overflow: [12,12 208x25.46875]
+      PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21.46875]
+        TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/single-br-inline-layout.txt

@@ -6,3 +6,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
         line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
         BreakNode <br>
         BreakNode <br>
       BlockContainer <div#end> at (8,27.46875) content-size 784x2 children: not-inline
       BlockContainer <div#end> at (8,27.46875) content-size 784x2 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875]
+      PaintableWithLines (BlockContainer<DIV>#begin) [8,8 784x2]
+      PaintableWithLines (BlockContainer(anonymous)) [8,10 784x17.46875]
+      PaintableWithLines (BlockContainer<DIV>#end) [8,27.46875 784x2]

+ 7 - 0
Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt

@@ -13,3 +13,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 11, length: 7, rect: [72,46.9375 55.359375x17.46875]
             frag 0 from TextNode start: 11, length: 7, rect: [72,46.9375 55.359375x17.46875]
               "friends"
               "friends"
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 174x58.40625]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 104x58.40625] overflow: [10,10 173x56.40625]
+      PaintableWithLines (BlockContainer<DIV>#container) [10,10 102x56.40625] overflow: [11,11 172x54.40625]
+        PaintableWithLines (BlockContainer<DIV>#child) [11,11 172x54.40625]
+          TextPaintable (TextNode<#text>)

+ 10 - 0
Tests/LibWeb/Layout/expected/blockify-layout-internal-box-without-crashing.txt

@@ -7,3 +7,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             Box <tr> at (10,10) content-size 0x0 table-row children: not-inline
             Box <tr> at (10,10) content-size 0x0 table-row children: not-inline
               BlockContainer <(anonymous)> at (10,10) content-size 0x0 table-cell [BFC] children: not-inline
               BlockContainer <(anonymous)> at (10,10) content-size 0x0 table-cell [BFC] children: not-inline
                 BlockContainer <td> at (9,9) content-size 0x0 positioned [BFC] children: not-inline
                 BlockContainer <td> at (9,9) content-size 0x0 positioned [BFC] children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x20]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x4]
+      PaintableWithLines (TableWrapper(anonymous)) [8,8 4x4]
+        PaintableBox (Box<TABLE>) [8,8 4x4]
+          PaintableBox (Box<TBODY>) [8,8 0x0] overflow: [8,8 2x2]
+            PaintableBox (Box<TR>) [10,10 0x0] overflow: [8,8 2x2]
+              PaintableWithLines (BlockContainer(anonymous)) [10,10 0x0] overflow: [8,8 2x2]
+                PaintableWithLines (BlockContainer<TD>) [8,8 2x2]

+ 7 - 0
Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt

@@ -9,3 +9,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x21.828125]
             frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x21.828125]
               "Hello"
               "Hello"
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66.90625]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50.90625]
+      PaintableBox (Box<DIV>.button) [8,18.90625 89.71875x40]
+        PaintableWithLines (BlockContainer(anonymous)) [28,28 49.71875x21.828125]
+          TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/calc-negate-length.txt

@@ -3,3 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x50 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x50 children: not-inline
       BlockContainer <div.container> at (8,8) content-size 100x50 children: not-inline
       BlockContainer <div.container> at (8,8) content-size 100x50 children: not-inline
         BlockContainer <div.foo> at (8,8) content-size 99x50 children: not-inline
         BlockContainer <div.foo> at (8,8) content-size 99x50 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
+      PaintableWithLines (BlockContainer<DIV>.container) [8,8 100x50]
+        PaintableWithLines (BlockContainer<DIV>.foo) [8,8 99x50]

+ 8 - 0
Tests/LibWeb/Layout/expected/css-all-unset.txt

@@ -10,3 +10,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: inline
         TextNode <#text>
         TextNode <#text>
     InlineNode <body>
     InlineNode <body>
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  InlinePaintable (InlineNode<HTML>)
+    InlinePaintable (InlineNode<HEAD>)
+      InlinePaintable (InlineNode<STYLE>)
+        TextPaintable (TextNode<#text>)
+    InlinePaintable (InlineNode<BODY>)
+      TextPaintable (TextNode<#text>)

+ 5 - 0
Tests/LibWeb/Layout/expected/css-calc-border-width.txt

@@ -2,3 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
     BlockContainer <body> at (8,8) content-size 784x120 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x120 children: not-inline
       BlockContainer <div> at (18,18) content-size 100x100 children: not-inline
       BlockContainer <div> at (18,18) content-size 100x100 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x120]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 120x120]

+ 5 - 0
Tests/LibWeb/Layout/expected/css-ex-unit.txt

@@ -2,3 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x177.015625 [BFC] children: not-inline
   BlockContainer <html> at (0,0) content-size 800x177.015625 [BFC] children: not-inline
     BlockContainer <body> at (8,8) content-size 784x161.015625 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x161.015625 children: not-inline
       BlockContainer <div> at (8,8) content-size 107.34375x161.015625 children: not-inline
       BlockContainer <div> at (8,8) content-size 107.34375x161.015625 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x177.015625]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x161.015625]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 107.34375x161.015625]

+ 5 - 0
Tests/LibWeb/Layout/expected/css-font-size-calc.txt

@@ -5,3 +5,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.609375x109.171875]
         frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.609375x109.171875]
           "Hello friends"
           "Hello friends"
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.171875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.171875]
+      TextPaintable (TextNode<#text>)

+ 5 - 0
Tests/LibWeb/Layout/expected/css-import-rule.txt

@@ -5,3 +5,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x54.578125]
         frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x54.578125]
           "Crazy"
           "Crazy"
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x54.578125]
+      TextPaintable (TextNode<#text>)

+ 5 - 0
Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt

@@ -5,3 +5,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.28125x109.171875]
         frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.28125x109.171875]
           "Crazy"
           "Crazy"
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.171875]
+      TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/css-line-height-percentage-inheritance.txt

@@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           frag 0 from TextNode start: 0, length: 25, rect: [11,11 552.09375x32]
           frag 0 from TextNode start: 0, length: 25, rect: [11,11 552.09375x32]
             "The Linux Kernel Archives"
             "The Linux Kernel Archives"
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x54]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x36]
+      PaintableWithLines (BlockContainer<DIV>) [10,10 780x34]
+        TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/css-logical-inset-properties.txt

@@ -4,3 +4,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.two-props> at (60,110) content-size 398x198 positioned [BFC] children: not-inline
       BlockContainer <div.two-props> at (60,110) content-size 398x198 positioned [BFC] children: not-inline
       BlockContainer <div.four-props> at (110,210) content-size 248x148 positioned [BFC] children: not-inline
       BlockContainer <div.four-props> at (110,210) content-size 248x148 positioned [BFC] children: not-inline
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 502x402]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 502x402]
+      PaintableWithLines (BlockContainer<DIV>.two-props) [59,109 400x200]
+      PaintableWithLines (BlockContainer<DIV>.four-props) [109,209 250x150]

+ 8 - 0
Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt

@@ -11,3 +11,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (8,61.828125) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,61.828125) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.828125] overflow: [8,20 784x41.828125]
+      PaintableWithLines (BlockContainer<P>) [8,20 784x21.828125]
+        InlinePaintable (InlineNode<A>)
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,61.828125 784x0]

+ 8 - 0
Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt

@@ -11,3 +11,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         TextNode <#text>
       BlockContainer <(anonymous)> at (8,61.828125) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,61.828125) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.828125] overflow: [8,20 784x41.828125]
+      PaintableWithLines (BlockContainer<P>) [8,20 784x21.828125]
+        InlinePaintable (InlineNode<A>)
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,61.828125 784x0]

+ 11 - 0
Tests/LibWeb/Layout/expected/css-pseudo-element-blockification.txt

@@ -17,3 +17,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17.46875]
             frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17.46875]
               "friends"
               "friends"
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
+      PaintableBox (Box<DIV>.foo) [8,8 784x17.46875]
+        PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x17.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer(anonymous)) [46,8 36.84375x17.46875]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer(anonymous)) [92.4375,8 55.359375x17.46875]
+          TextPaintable (TextNode<#text>)

+ 7 - 0
Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-inline-style.txt

@@ -6,3 +6,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
           TextNode <#text>
         BlockContainer <div.inner> at (12,64) content-size 98x0 children: inline
         BlockContainer <div.inner> at (12,64) content-size 98x0 children: inline
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x122]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x104]
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 102x102]
+        PaintableWithLines (BlockContainer(anonymous)) [11,11 52x52]
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,63 100x2]

+ 10 - 0
Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-presentational-hints.txt

@@ -8,3 +8,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               BlockContainer <td> at (15,62) content-size 100x2 table-cell [BFC] children: not-inline
               BlockContainer <td> at (15,62) content-size 100x2 table-cell [BFC] children: not-inline
                 BlockContainer <(anonymous)> at (16,63) content-size 98x0 children: inline
                 BlockContainer <(anonymous)> at (16,63) content-size 98x0 children: inline
                   TextNode <#text>
                   TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x126]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x108]
+      PaintableWithLines (TableWrapper(anonymous)) [10,10 110x106]
+        PaintableBox (Box<TABLE>) [10,10 110x106]
+          PaintableBox (Box<TBODY>) [11,11 104x100] overflow: [11,11 106x102]
+            PaintableBox (Box<TR>) [13,13 104x100]
+              PaintableWithLines (BlockContainer<TD>) [13,13 104x100]
+                PaintableWithLines (BlockContainer(anonymous)) [15,62 100x2]

+ 5 - 0
Tests/LibWeb/Layout/expected/css-revert.txt

@@ -5,3 +5,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         frag 0 from TextNode start: 0, length: 13, rect: [0,0 103.140625x17.46875]
         frag 0 from TextNode start: 0, length: 13, rect: [0,0 103.140625x17.46875]
           "Hello friends"
           "Hello friends"
       TextNode <#text>
       TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x17.46875]
+    PaintableWithLines (BlockContainer<BODY>) [0,0 800x17.46875]
+      TextPaintable (TextNode<#text>)

+ 6 - 0
Tests/LibWeb/Layout/expected/css-snap-a-length-as-a-border-width.txt

@@ -3,3 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x204 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x204 children: not-inline
       BlockContainer <div.a> at (9,9) content-size 100x100 children: not-inline
       BlockContainer <div.a> at (9,9) content-size 100x100 children: not-inline
       BlockContainer <div.b> at (9,111) content-size 100x100 children: not-inline
       BlockContainer <div.b> at (9,111) content-size 100x100 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x204]
+      PaintableWithLines (BlockContainer<DIV>.a) [8,8 102x102]
+      PaintableWithLines (BlockContainer<DIV>.b) [8,110 102x102]

+ 7 - 0
Tests/LibWeb/Layout/expected/css-values/comparison-functions.txt

@@ -5,3 +5,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         BlockContainer <div.max> at (8,8) content-size 100x0 children: not-inline
         BlockContainer <div.max> at (8,8) content-size 100x0 children: not-inline
           BlockContainer <div.clamp> at (8,8) content-size 120x300 children: inline
           BlockContainer <div.clamp> at (8,8) content-size 120x300 children: inline
             TextNode <#text>
             TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 0x0] overflow: [8,8 120x300]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 0x0] overflow: [8,8 120x300]
+      PaintableWithLines (BlockContainer<DIV>.min) [8,8 80x0] overflow: [8,8 120x300]
+        PaintableWithLines (BlockContainer<DIV>.max) [8,8 100x0] overflow: [8,8 120x300]
+          PaintableWithLines (BlockContainer<DIV>.clamp) [8,8 120x300]

+ 9 - 0
Tests/LibWeb/Layout/expected/css-values/exponential-functions.txt

@@ -7,3 +7,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             BlockContainer <div.log> at (8,8) content-size 140x0 children: not-inline
             BlockContainer <div.log> at (8,8) content-size 140x0 children: not-inline
               BlockContainer <div.exp> at (8,8) content-size 160x0 children: inline
               BlockContainer <div.exp> at (8,8) content-size 160x0 children: inline
                 TextNode <#text>
                 TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 0x0] overflow: [8,8 160x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 0x0] overflow: [8,8 160x0]
+      PaintableWithLines (BlockContainer<DIV>.pow) [8,8 80x0] overflow: [8,8 160x0]
+        PaintableWithLines (BlockContainer<DIV>.sqrt) [8,8 100x0] overflow: [8,8 160x0]
+          PaintableWithLines (BlockContainer<DIV>.hypot) [8,8 120x0] overflow: [8,8 160x0]
+            PaintableWithLines (BlockContainer<DIV>.log) [8,8 140x0] overflow: [8,8 160x0]
+              PaintableWithLines (BlockContainer<DIV>.exp) [8,8 160x0]

+ 6 - 0
Tests/LibWeb/Layout/expected/css-values/numeric-constants.txt

@@ -4,3 +4,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.pi> at (8,8) content-size 80x0 children: not-inline
       BlockContainer <div.pi> at (8,8) content-size 80x0 children: not-inline
         BlockContainer <div.e> at (8,8) content-size 100x0 children: inline
         BlockContainer <div.e> at (8,8) content-size 100x0 children: inline
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 0x0] overflow: [8,8 100x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 0x0] overflow: [8,8 100x0]
+      PaintableWithLines (BlockContainer<DIV>.pi) [8,8 80x0] overflow: [8,8 100x0]
+        PaintableWithLines (BlockContainer<DIV>.e) [8,8 100x0]

+ 6 - 0
Tests/LibWeb/Layout/expected/css-values/sign-related-functions.txt

@@ -4,3 +4,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.abs> at (8,8) content-size 80x0 children: not-inline
       BlockContainer <div.abs> at (8,8) content-size 80x0 children: not-inline
         BlockContainer <div.sign> at (8,8) content-size 100x0 children: inline
         BlockContainer <div.sign> at (8,8) content-size 100x0 children: inline
           TextNode <#text>
           TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 0x0] overflow: [8,8 100x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 0x0] overflow: [8,8 100x0]
+      PaintableWithLines (BlockContainer<DIV>.abs) [8,8 80x0] overflow: [8,8 100x0]
+        PaintableWithLines (BlockContainer<DIV>.sign) [8,8 100x0]

+ 7 - 0
Tests/LibWeb/Layout/expected/css-values/stepped-value-functions.txt

@@ -5,3 +5,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         BlockContainer <div.mod> at (8,8) content-size 100x0 children: not-inline
         BlockContainer <div.mod> at (8,8) content-size 100x0 children: not-inline
           BlockContainer <div.rem> at (8,8) content-size 120x0 children: inline
           BlockContainer <div.rem> at (8,8) content-size 120x0 children: inline
             TextNode <#text>
             TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 0x0] overflow: [8,8 120x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 0x0] overflow: [8,8 120x0]
+      PaintableWithLines (BlockContainer<DIV>.round) [8,8 80x0] overflow: [8,8 120x0]
+        PaintableWithLines (BlockContainer<DIV>.mod) [8,8 100x0] overflow: [8,8 120x0]
+          PaintableWithLines (BlockContainer<DIV>.rem) [8,8 120x0]

+ 12 - 0
Tests/LibWeb/Layout/expected/css-values/trigonometric-functions.txt

@@ -10,3 +10,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       BlockContainer <div.atan2> at (8,788) content-size 100x200 positioned children: not-inline
       BlockContainer <div.atan2> at (8,788) content-size 100x200 positioned children: not-inline
       BlockContainer <(anonymous)> at (8,988) content-size 784x0 children: inline
       BlockContainer <(anonymous)> at (8,988) content-size 784x0 children: inline
         TextNode <#text>
         TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x996]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x996]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x980]
+      PaintableWithLines (BlockContainer<DIV>.sin) [8,8 79.984375x100]
+      PaintableWithLines (BlockContainer<DIV>.cos) [8,108 99.984375x100]
+      PaintableWithLines (BlockContainer<DIV>.tan) [8,208 119.984375x100]
+      PaintableWithLines (BlockContainer<DIV>.asin) [8,308 100x140]
+      PaintableWithLines (BlockContainer<DIV>.acos) [8,448 100x160]
+      PaintableWithLines (BlockContainer<DIV>.atan) [8,608 100x180]
+      PaintableWithLines (BlockContainer<DIV>.atan2) [8,788 100x200]
+      PaintableWithLines (BlockContainer(anonymous)) [8,988 784x0]

+ 5 - 0
Tests/LibWeb/Layout/expected/css-var-in-calc-block.txt

@@ -2,3 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (1,1) content-size 798x270 [BFC] children: not-inline
   BlockContainer <html> at (1,1) content-size 798x270 [BFC] children: not-inline
     BlockContainer <body> at (10,10) content-size 780x252 children: not-inline
     BlockContainer <body> at (10,10) content-size 780x252 children: not-inline
       BlockContainer <div> at (11,11) content-size 250x250 children: not-inline
       BlockContainer <div> at (11,11) content-size 250x250 children: not-inline
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x272]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x254]
+      PaintableWithLines (BlockContainer<DIV>) [10,10 252x252]

Some files were not shown because too many files changed in this diff