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.
2025-07-28 12:27:36 +00:00 · 2023-08-03 09:59:12 +02:00 · 2023-08-03 09:59:12 +02:00 · 09eed8eea2
commit 09eed8eea2
parent 7d7c419ce6
347 changed files with 4397 additions and 4 deletions
--- a/Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt
+++ b/Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt
@ -291,3 +291,136 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          TextNode <#text>
      BlockContainer <(anonymous)> at (10,2922) content-size 780x0 children: inline
        TextNode <#text>
+
+PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2932]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2932]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2914]
+      PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
+      PaintableBox (Box<DIV>.row.outer.start) [10,10 302x62]
+        PaintableWithLines (BlockContainer<DIV>) [59,11 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [159,11 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [259,11 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,72 780x0]
+      PaintableBox (Box<DIV>.row.outer.flex-start) [10,72 302x62]
+        PaintableWithLines (BlockContainer<DIV>) [59,73 52x52] overflow: [60,74 76.8125x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [159,73 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [259,73 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,134 780x0]
+      PaintableBox (Box<DIV>.row.outer.end) [10,134 302x62]
+        PaintableWithLines (BlockContainer<DIV>) [11,135 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [111,135 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [211,135 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,196 780x0]
+      PaintableBox (Box<DIV>.row.outer.flex-end) [10,196 302x62]
+        PaintableWithLines (BlockContainer<DIV>) [11,197 52x52] overflow: [12,198 61.765625x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [111,197 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [211,197 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,258 780x0]
+      PaintableBox (Box<DIV>.row.reverse.outer.start) [10,258 302x62]
+        PaintableWithLines (BlockContainer<DIV>) [259,259 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [159,259 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [59,259 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,320 780x0]
+      PaintableBox (Box<DIV>.row.reverse.outer.flex-start) [10,320 302x62] overflow: [11,321 325.8125x60]
+        PaintableWithLines (BlockContainer<DIV>) [259,321 52x52] overflow: [260,322 76.8125x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [159,321 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [59,321 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,382 780x0]
+      PaintableBox (Box<DIV>.row.reverse.outer.end) [10,382 302x62]
+        PaintableWithLines (BlockContainer<DIV>) [211,383 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [111,383 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,383 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,444 780x0]
+      PaintableBox (Box<DIV>.row.reverse.outer.flex-end) [10,444 302x62]
+        PaintableWithLines (BlockContainer<DIV>) [211,445 52x52] overflow: [212,446 61.765625x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [111,445 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,445 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0]
+      PaintableBox (Box<DIV>.column.outer.start) [10,506 62x302]
+        PaintableWithLines (BlockContainer<DIV>) [19,507 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,559 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,611 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,808 780x0]
+      PaintableBox (Box<DIV>.column.outer.flex-start) [10,808 62x302] overflow: [11,809 85.8125x300]
+        PaintableWithLines (BlockContainer<DIV>) [19,809 52x52] overflow: [20,810 76.8125x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,861 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,913 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,1110 780x0]
+      PaintableBox (Box<DIV>.column.outer.end) [10,1110 62x302]
+        PaintableWithLines (BlockContainer<DIV>) [11,1255 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,1307 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,1359 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,1412 780x0]
+      PaintableBox (Box<DIV>.column.outer.flex-end) [10,1412 62x302] overflow: [11,1413 62.765625x300]
+        PaintableWithLines (BlockContainer<DIV>) [11,1557 52x52] overflow: [12,1558 61.765625x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,1609 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,1661 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,1714 780x0]
+      PaintableBox (Box<DIV>.column.reverse.outer.start) [10,1714 62x302]
+        PaintableWithLines (BlockContainer<DIV>) [19,1819 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,1767 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,1715 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,2016 780x0]
+      PaintableBox (Box<DIV>.column.reverse.outer.flex-start) [10,2016 62x302] overflow: [11,2017 85.8125x300]
+        PaintableWithLines (BlockContainer<DIV>) [19,2265 52x52] overflow: [20,2266 76.8125x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,2213 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [19,2161 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,2318 780x0]
+      PaintableBox (Box<DIV>.column.reverse.outer.end) [10,2318 62x302]
+        PaintableWithLines (BlockContainer<DIV>) [11,2567 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,2515 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,2463 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,2620 780x0]
+      PaintableBox (Box<DIV>.column.reverse.outer.flex-end) [10,2620 62x302] overflow: [11,2621 62.765625x300]
+        PaintableWithLines (BlockContainer<DIV>) [11,2725 52x52] overflow: [12,2726 61.765625x50]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,2673 52x52]
+          TextPaintable (TextNode<#text>)
+        PaintableWithLines (BlockContainer<DIV>) [11,2621 52x52]
+          TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [10,2922 780x0]