RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 21:47:46 +00:00
Code Issues Activity Actions

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

Browse source 
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.
This commit is contained in:
Andreas Kling 2023-08-03 09:59:12 +02:00
parent 7d7c419ce6
commit 09eed8eea2
347 changed files with 4397 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

31
Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-align-items.txt
View file

@ -75,3 +75,34 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x566]
PaintableBox (Box<BODY>) [18,18 764x530]
PaintableBox (Box<DIV>.outer.normal) [28,28 170x170] overflow: [38,38 170x150]
PaintableWithLines (BlockContainer<DIV>) [38,38 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.stretch) [198,28 170x170] overflow: [208,38 170x150]
PaintableWithLines (BlockContainer<DIV>) [208,38 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.start) [368,28 170x170] overflow: [378,38 170x150]
PaintableWithLines (BlockContainer<DIV>) [378,38 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.flex-start) [538,28 170x170] overflow: [548,38 170x150]
PaintableWithLines (BlockContainer<DIV>) [548,38 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.end) [28,198 170x170] overflow: [38,208 170x160]
PaintableWithLines (BlockContainer<DIV>) [38,298 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.flex-end) [198,198 170x170] overflow: [208,208 170x160]
PaintableWithLines (BlockContainer<DIV>) [208,298 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.center) [368,198 170x170] overflow: [378,208 170x150]
PaintableWithLines (BlockContainer<DIV>) [378,248 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.self-start) [538,198 170x170] overflow: [548,208 170x150]
PaintableWithLines (BlockContainer<DIV>) [548,208 170x70]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.outer.self-end) [28,368 170x170] overflow: [38,378 170x160]
PaintableWithLines (BlockContainer<DIV>) [38,468 170x70]
TextPaintable (TextNode<#text>)

133
Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-justify-content.txt
View file

@ -259,3 +259,136 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (38,2918) content-size 724x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2956]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2956]
PaintableWithLines (BlockContainer<BODY>) [23,23 754x2910]
PaintableWithLines (BlockContainer(anonymous)) [38,38 724x0]
PaintableBox (Box<DIV>.row.outer.start) [38,38 330x90] overflow: [53,53 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,53 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,128 724x0]
PaintableBox (Box<DIV>.row.outer.flex-start) [38,128 330x90] overflow: [53,143 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,143 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,218 724x0]
PaintableBox (Box<DIV>.row.outer.end) [38,218 330x90] overflow: [53,233 300x80]
PaintableWithLines (BlockContainer<DIV>) [173,233 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,308 724x0]
PaintableBox (Box<DIV>.row.outer.flex-end) [38,308 330x90] overflow: [53,323 300x80]
PaintableWithLines (BlockContainer<DIV>) [173,323 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,398 724x0]
PaintableBox (Box<DIV>.row.outer.center) [38,398 330x90] overflow: [53,413 300x80]
PaintableWithLines (BlockContainer<DIV>) [113,413 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,488 724x0]
PaintableBox (Box<DIV>.row.outer.space-around) [38,488 330x90] overflow: [53,503 300x80]
PaintableWithLines (BlockContainer<DIV>) [113,503 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,578 724x0]
PaintableBox (Box<DIV>.row.outer.space-between) [38,578 330x90] overflow: [53,593 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,593 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,668 724x0]
PaintableBox (Box<DIV>.row.outer.space-evenly) [38,668 330x90] overflow: [53,683 300x80]
PaintableWithLines (BlockContainer<DIV>) [113,683 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,758 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.start) [38,758 330x90] overflow: [53,773 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,773 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,848 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-start) [38,848 330x90] overflow: [53,863 300x80]
PaintableWithLines (BlockContainer<DIV>) [173,863 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,938 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.end) [38,938 330x90] overflow: [53,953 300x80]
PaintableWithLines (BlockContainer<DIV>) [173,953 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1028 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-end) [38,1028 330x90] overflow: [53,1043 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,1043 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1118 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.center) [38,1118 330x90] overflow: [53,1133 300x80]
PaintableWithLines (BlockContainer<DIV>) [113,1133 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1208 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-around) [38,1208 330x90] overflow: [53,1223 300x80]
PaintableWithLines (BlockContainer<DIV>) [113,1223 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1298 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-between) [38,1298 330x90] overflow: [53,1313 300x80]
PaintableWithLines (BlockContainer<DIV>) [173,1313 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1388 724x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-evenly) [38,1388 330x90] overflow: [53,1403 300x80]
PaintableWithLines (BlockContainer<DIV>) [113,1403 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1478 724x0]
PaintableBox (Box<DIV>.column.outer.start) [38,1478 330x90] overflow: [53,1493 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,1493 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1568 724x0]
PaintableBox (Box<DIV>.column.outer.flex-start) [38,1568 330x90] overflow: [53,1583 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,1583 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1658 724x0]
PaintableBox (Box<DIV>.column.outer.end) [38,1658 330x90] overflow: [53,1653 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,1653 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1748 724x0]
PaintableBox (Box<DIV>.column.outer.flex-end) [38,1748 330x90] overflow: [53,1743 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,1743 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1838 724x0]
PaintableBox (Box<DIV>.column.outer.center) [38,1838 330x90] overflow: [53,1843 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,1843 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,1928 724x0]
PaintableBox (Box<DIV>.column.outer.space-around) [38,1928 330x90] overflow: [53,1933 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,1933 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2018 724x0]
PaintableBox (Box<DIV>.column.outer.space-between) [38,2018 330x90] overflow: [53,2033 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2033 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2108 724x0]
PaintableBox (Box<DIV>.column.outer.space-evenly) [38,2108 330x90] overflow: [53,2113 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2113 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2198 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.start) [38,2198 330x90] overflow: [53,2213 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2213 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2288 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-start) [38,2288 330x90] overflow: [53,2283 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2283 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2378 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.end) [38,2378 330x90] overflow: [53,2373 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2373 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2468 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-end) [38,2468 330x90] overflow: [53,2483 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2483 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2558 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.center) [38,2558 330x90] overflow: [53,2563 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2563 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2648 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-around) [38,2648 330x90] overflow: [53,2653 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2653 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2738 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-between) [38,2738 330x90] overflow: [53,2733 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2733 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2828 724x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-evenly) [38,2828 330x90] overflow: [53,2833 300x80]
PaintableWithLines (BlockContainer<DIV>) [53,2833 180x80]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [38,2918 724x0]

18
Tests/LibWeb/Layout/expected/flex/align-keywords-start-and-end.txt
View file

@ -29,3 +29,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (10,276.40625) content-size 780x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x286.40625]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x268.40625]
PaintableBox (Box<DIV>.flex.row.align-start) [10,10 502x202]
PaintableWithLines (BlockContainer<DIV>) [11,11 138.5x19.46875]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.flex.align-end) [10,212 502x21.46875]
PaintableWithLines (BlockContainer<DIV>) [11,213 123.453125x19.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,233.46875 780x0]
PaintableBox (Box<DIV>.flex.align-start) [10,233.46875 502x21.46875]
PaintableWithLines (BlockContainer<DIV>) [11,234.46875 138.5x19.46875]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.flex.column.align-end) [10,254.9375 502x21.46875]
PaintableWithLines (BlockContainer<DIV>) [387.546875,255.9375 123.453125x19.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,276.40625 780x0]

5
Tests/LibWeb/Layout/expected/flex/align-self-end-crash.txt
View file

@ -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
Box <body> at (8,8) content-size 784x0 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 0x0 flex-item [BFC] children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
PaintableBox (Box<BODY>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 0x0]

6
Tests/LibWeb/Layout/expected/flex/automatic-minimum-size-with-explicit-flex-basis-and-flex-container-with-max-content-main-size.txt
View file

@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17.46875]
"hello"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x70]
PaintableBox (Box<BODY>.flex) [9,9 40.84375x52]
PaintableWithLines (BlockContainer<DIV>.item) [10,10 38.84375x50]
TextPaintable (TextNode<#text>)

7
Tests/LibWeb/Layout/expected/flex/box-baseline-with-inline-flex-empty-child.txt
View file

@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <span.second> at (22,22) content-size 0x0 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (22,22) content-size 0x0 [BFC] children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x44]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x26]
PaintableWithLines (BlockContainer<DIV>.first) [10,10 780x24]
PaintableBox (Box<SPAN>.second) [11,11 22x22]
PaintableWithLines (BlockContainer(anonymous)) [22,22 0x0]

13
Tests/LibWeb/Layout/expected/flex/calc-flex-basis.txt
View file

@ -22,3 +22,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x21.828125]
"Item 4"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x82]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x64]
PaintableBox (Box<DIV>.flex-container) [10,10 780x62]
PaintableWithLines (BlockContainer<DIV>.flex-item) [11,11 388x30]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.flex-item) [400,11 388x30]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.flex-item) [11,41 388x30]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.flex-item) [400,41 388x30]
TextPaintable (TextNode<#text>)

7
Tests/LibWeb/Layout/expected/flex/cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt
View file

@ -25,3 +25,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 560, length: 95, rect: [12,166.8125 765.578125x17.46875]
"Pellentesque eget justo nulla. Duis consectetur imperdiet nisi, ac tincidunt urna blandit quis."
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x246.28125]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x228.28125]
PaintableBox (Box<DIV>.outer.flex.flex-wrap) [10,10 780x226.28125]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 778x224.28125]
TextPaintable (TextNode<#text>)

4
Tests/LibWeb/Layout/expected/flex/flex-column-container-with-max-width-max-content.txt
View file

@ -1,3 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
Box <body> at (8,8) content-size 0x0 flex-container(column) [FFC] children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
PaintableBox (Box<BODY>) [8,8 0x0]

5
Tests/LibWeb/Layout/expected/flex/flex-column-item-with-intrinsic-aspect-ratio-and-percentage-max-width.txt
View file

@ -2,3 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x120 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x102 flex-container(column) [FFC] children: not-inline
ImageBox <img> at (11,11) content-size 100x100 flex-item children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x122]
PaintableBox (Box<BODY>) [9,9 782x104]
ImagePaintable (ImageBox<IMG>) [10,10 102x102]

6
Tests/LibWeb/Layout/expected/flex/flex-column-item-with-natural-aspect-ratio-and-automatic-cross-size.txt
View file

@ -3,3 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body> at (0,0) content-size 800x100 flex-container(column) [FFC] children: not-inline
SVGSVGBox <svg> at (0,0) content-size 200x100 flex-item [SVG] children: not-inline
SVGGeometryBox <rect> at (0,0) content-size 200x100 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x100]
PaintableBox (Box<BODY>) [0,0 800x100]
SVGSVGPaintable (SVGSVGBox<svg>) [0,0 200x100]
SVGGeometryPaintable (SVGGeometryBox<rect>) [0,0 200x100]

7
Tests/LibWeb/Layout/expected/flex/flex-column-item-with-percentage-max-width.txt
View file

@ -9,3 +9,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x122]
PaintableWithLines (BlockContainer<BODY>) [9,9 56x104]
PaintableBox (Box<DIV>.flex) [10,10 54x102]
PaintableWithLines (BlockContainer<DIV>.hmm) [11,11 52x19.46875]
TextPaintable (TextNode<#text>)

7
Tests/LibWeb/Layout/expected/flex/flex-container-intrinsic-cross-size-with-max-content-main-size.txt
View file

@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 35, rect: [18,18 280.84375x17.46875]
"this text should be all on one line"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x53.46875]
PaintableWithLines (BlockContainer<BODY>.outer) [8,8 300.84375x37.46875]
PaintableBox (Box<DIV>.inner) [18,18 280.84375x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [18,18 280.84375x17.46875]
TextPaintable (TextNode<#text>)

6
Tests/LibWeb/Layout/expected/flex/flex-container-with-max-width-and-negative-margin-in-same-axis.txt
View file

@ -5,3 +5,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div#flex> at (-92,8) content-size 200x100 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [-92,0 892x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116] overflow: [-92,0 892x116]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x100] overflow: [-92,8 884x100]
PaintableWithLines (BlockContainer<DIV>#container-of-flex) [8,8 100x100] overflow: [-92,8 200x100]
PaintableBox (Box<DIV>#flex) [-92,8 200x100]

13
Tests/LibWeb/Layout/expected/flex/flex-gap-between-items-and-lines.txt
View file

@ -10,3 +10,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (64,156) content-size 30x30 flex-item [BFC] children: not-inline
BlockContainer <div> at (12,228) content-size 30x30 flex-item [BFC] children: not-inline
BlockContainer <div> at (64,228) content-size 30x30 flex-item [BFC] children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x252]
PaintableBox (Box<DIV>.flexbox) [10,10 102x250]
PaintableWithLines (BlockContainer<DIV>) [11,11 32x32]
PaintableWithLines (BlockContainer<DIV>) [63,11 32x32]
PaintableWithLines (BlockContainer<DIV>) [11,83 32x32]
PaintableWithLines (BlockContainer<DIV>) [63,83 32x32]
PaintableWithLines (BlockContainer<DIV>) [11,155 32x32]
PaintableWithLines (BlockContainer<DIV>) [63,155 32x32]
PaintableWithLines (BlockContainer<DIV>) [11,227 32x32]
PaintableWithLines (BlockContainer<DIV>) [63,227 32x32]

10
Tests/LibWeb/Layout/expected/flex/flex-item-min-width-fit-content.txt
View file

@ -20,3 +20,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 6, rect: [454.671875,12 53.328125x17.46875]
"Reject"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x72]
PaintableBox (Box<BODY>) [9,9 502x54]
PaintableWithLines (BlockContainer<DIV>.big) [10,10 383.625x52]
PaintableWithLines (BlockContainer<DIV>.buttons) [393.625,10 116.375x52]
PaintableWithLines (BlockContainer<DIV>.button) [394.625,11 59.046875x19.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.button) [453.671875,11 55.328125x19.46875]
TextPaintable (TextNode<#text>)

7
Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt
View file

@ -13,3 +13,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 19, length: 4, rect: [8,42.9375 32.140625x17.46875]
"text"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625]
PaintableBox (Box<BODY>.pink) [8,8 784x52.40625]
PaintableBox (Box<DIV>.orange) [8,8 194.71875x52.40625]
PaintableWithLines (BlockContainer<DIV>.lime) [8,8 87.34375x52.40625]
TextPaintable (TextNode<#text>)

5
Tests/LibWeb/Layout/expected/flex/flex-item-with-intrinsic-aspect-ratio-and-max-height.txt
View file

@ -4,3 +4,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ImageBox <img> at (11,11) content-size 66.65625x49.984375 flex-item children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x71.96875]
PaintableBox (Box<BODY>) [9,9 782x53.96875] overflow: [10,10 780x51.984375]
ImagePaintable (ImageBox<IMG>) [10,10 68.65625x51.984375]

11
Tests/LibWeb/Layout/expected/flex/flex-row-reverse-with-centered-content.txt
View file

@ -17,3 +17,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 1, rect: [325,8 9.09375x17.46875]
"3"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
PaintableBox (Box<DIV>.flex) [8,8 784x50]
PaintableWithLines (BlockContainer<DIV>) [425,8 50x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [375,8 50x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [325,8 50x50]
TextPaintable (TextNode<#text>)

17
Tests/LibWeb/Layout/expected/flex/flex-shorthand-flex-basis-zero-percent.txt
View file

@ -27,3 +27,20 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x17.46875]
"friends"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x128]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x110]
PaintableBox (Box<DIV>.flex) [10,10 502x54]
PaintableWithLines (BlockContainer(anonymous)) [11,11 36.84375x52]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.item.one) [47.84375,11 463.15625x52]
PaintableWithLines (BlockContainer(anonymous)) [48.84375,12 55.359375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,64 780x0]
PaintableBox (Box<DIV>.flex) [10,64 502x54]
PaintableWithLines (BlockContainer(anonymous)) [11,65 36.84375x52]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.item.two) [47.84375,65 463.15625x52]
PaintableWithLines (BlockContainer(anonymous)) [48.84375,66 55.359375x50]
TextPaintable (TextNode<#text>)

6
Tests/LibWeb/Layout/expected/flex/inf-available-space-with-auto-margins.txt
View file

@ -6,3 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 13, rect: [8,8 153.984375x17.46875]
"hmmMMMMmmmmmm"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableBox (Box<BODY>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<MAIN>) [8,8 784x17.46875]
TextPaintable (TextNode<#text>)

6
Tests/LibWeb/Layout/expected/flex/inline-flex-with-main-axis-margin-on-flex-container.txt
View file

@ -8,3 +8,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x17.46875]
"Immobilie inserieren"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 502x39.46875]
PaintableBox (Box<BODY>) [9,9 164.40625x21.46875]
PaintableWithLines (BlockContainer<DIV>) [10,10 162.40625x19.46875]
TextPaintable (TextNode<#text>)

6
Tests/LibWeb/Layout/expected/flex/intrinsic-height-of-flex-container-with-svg-item-that-only-has-natural-aspect-ratio.txt
View file

@ -3,3 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body> at (8,8) content-size 784x0 flex-container(column) [FFC] children: not-inline
SVGSVGBox <svg> at (400,8) content-size 0x0 flex-item [SVG] children: not-inline
SVGGeometryBox <rect> at (400,8) content-size 0x0 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
PaintableBox (Box<BODY>) [8,8 784x0]
SVGSVGPaintable (SVGSVGBox<svg>) [400,8 0x0]
SVGGeometryPaintable (SVGGeometryBox<rect>) [400,8 0x0]

261
Tests/LibWeb/Layout/expected/flex/justify-content-1.txt
View file

@ -579,3 +579,264 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (10,5834) content-size 780x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x5844]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x5844]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x5826]
PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
PaintableBox (Box<DIV>.row.outer.start) [10,10 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [115,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,72 780x0]
PaintableBox (Box<DIV>.row.outer.flex-start) [10,72 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,73 52x52] overflow: [12,74 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,73 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [115,73 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,134 780x0]
PaintableBox (Box<DIV>.row.outer.end) [10,134 302x62]
PaintableWithLines (BlockContainer<DIV>) [155,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,196 780x0]
PaintableBox (Box<DIV>.row.outer.flex-end) [10,196 302x62]
PaintableWithLines (BlockContainer<DIV>) [155,197 52x52] overflow: [156,198 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,197 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,197 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,258 780x0]
PaintableBox (Box<DIV>.row.outer.center) [10,258 302x62]
PaintableWithLines (BlockContainer<DIV>) [83,259 52x52] overflow: [84,260 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,259 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [187,259 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,320 780x0]
PaintableBox (Box<DIV>.row.outer.space-around) [10,320 302x62]
PaintableWithLines (BlockContainer<DIV>) [35,321 52x52] overflow: [36,322 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,321 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [235,321 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,382 780x0]
PaintableBox (Box<DIV>.row.outer.space-between) [10,382 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,383 52x52] overflow: [12,384 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,383 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,383 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,444 780x0]
PaintableBox (Box<DIV>.row.outer.space-evenly) [10,444 302x62]
PaintableWithLines (BlockContainer<DIV>) [47,445 52x52] overflow: [48,446 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,445 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [223,445 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.start) [10,506 302x62]
PaintableWithLines (BlockContainer<DIV>) [115,507 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,507 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,507 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,568 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-start) [10,568 302x62] overflow: [11,569 325.8125x60]
PaintableWithLines (BlockContainer<DIV>) [259,569 52x52] overflow: [260,570 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,569 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [155,569 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,630 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.end) [10,630 302x62]
PaintableWithLines (BlockContainer<DIV>) [259,631 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,631 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [155,631 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,692 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-end) [10,692 302x62]
PaintableWithLines (BlockContainer<DIV>) [115,693 52x52] overflow: [116,694 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,693 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,693 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,754 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.center) [10,754 302x62]
PaintableWithLines (BlockContainer<DIV>) [187,755 52x52] overflow: [188,756 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,755 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [83,755 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,816 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-around) [10,816 302x62] overflow: [11,817 332.96875x60]
PaintableWithLines (BlockContainer<DIV>) [235,817 52x52] overflow: [236,818 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,817 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [35,817 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,878 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-between) [10,878 302x62] overflow: [11,879 364.515625x60]
PaintableWithLines (BlockContainer<DIV>) [259,879 52x52] overflow: [260,880 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,879 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,879 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,940 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-evenly) [10,940 302x62] overflow: [11,941 311.859375x60]
PaintableWithLines (BlockContainer<DIV>) [223,941 52x52] overflow: [224,942 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,941 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [47,941 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1002 780x0]
PaintableBox (Box<DIV>.column.outer.start) [10,1002 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,1003 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1055 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1107 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1304 780x0]
PaintableBox (Box<DIV>.column.outer.flex-start) [10,1304 62x302] overflow: [11,1305 77.8125x300]
PaintableWithLines (BlockContainer<DIV>) [11,1305 52x52] overflow: [12,1306 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1357 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1409 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1606 780x0]
PaintableBox (Box<DIV>.column.outer.end) [10,1606 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,1751 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1803 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1855 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1908 780x0]
PaintableBox (Box<DIV>.column.outer.flex-end) [10,1908 62x302] overflow: [11,1909 62.765625x300]
PaintableWithLines (BlockContainer<DIV>) [11,2053 52x52] overflow: [12,2054 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2105 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2157 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2210 780x0]
PaintableBox (Box<DIV>.column.outer.center) [10,2210 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,2283 52x52] overflow: [12,2284 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2335 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2387 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2512 780x0]
PaintableBox (Box<DIV>.column.outer.space-around) [10,2512 62x302] overflow: [11,2513 108.96875x300]
PaintableWithLines (BlockContainer<DIV>) [11,2537 52x52] overflow: [12,2538 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2637 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2737 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2814 780x0]
PaintableBox (Box<DIV>.column.outer.space-between) [10,2814 62x302] overflow: [11,2815 116.515625x300]
PaintableWithLines (BlockContainer<DIV>) [11,2815 52x52] overflow: [12,2816 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2939 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3063 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,3116 780x0]
PaintableBox (Box<DIV>.column.outer.space-evenly) [10,3116 62x302] overflow: [11,3117 99.859375x300]
PaintableWithLines (BlockContainer<DIV>) [11,3153 52x52] overflow: [12,3154 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3241 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3329 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,3418 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.start) [10,3418 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,3523 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3471 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3419 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,3720 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-start) [10,3720 62x302] overflow: [11,3721 77.8125x300]
PaintableWithLines (BlockContainer<DIV>) [11,3969 52x52] overflow: [12,3970 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3917 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3865 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4022 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.end) [10,4022 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,4271 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4219 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4167 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4324 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-end) [10,4324 62x302] overflow: [11,4325 62.765625x300]
PaintableWithLines (BlockContainer<DIV>) [11,4429 52x52] overflow: [12,4430 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4377 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4325 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4626 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.center) [10,4626 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,4803 52x52] overflow: [12,4804 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4751 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4699 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4928 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-around) [10,4928 62x302] overflow: [11,4929 108.96875x300]
PaintableWithLines (BlockContainer<DIV>) [11,5153 52x52] overflow: [12,5154 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5053 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4953 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,5230 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-between) [10,5230 62x302] overflow: [11,5231 116.515625x300]
PaintableWithLines (BlockContainer<DIV>) [11,5479 52x52] overflow: [12,5480 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5355 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5231 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,5532 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-evenly) [10,5532 62x302] overflow: [11,5533 99.859375x300]
PaintableWithLines (BlockContainer<DIV>) [11,5745 52x52] overflow: [12,5746 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5657 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5569 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,5834 780x0]

7
Tests/LibWeb/Layout/expected/flex/justify-content-space-between-single-item.txt
View file

@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17.46875]
"A"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 14.265625x17.46875]
TextPaintable (TextNode<#text>)

133
Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt
View file

@ -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]

9
Tests/LibWeb/Layout/expected/flex/list-container-display-contents.txt
View file

@ -12,3 +12,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 3, rect: [762,16 30x17.46875]
"Mac"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x41.46875]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x17.46875]
PaintableBox (Box<UL>.globalnav-list) [8,16 784x17.46875]
PaintableWithLines (BlockContainer<DIV>#item-1) [48,16 46.734375x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#item-2) [762,16 30x17.46875]
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/flex/multi-line-column-container-with-automatic-height.txt
View file

@ -5,3 +5,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (12,12) content-size 50x50 flex-item [BFC] children: not-inline
BlockContainer <div> at (12,64) content-size 50x50 flex-item [BFC] children: not-inline
BlockContainer <div> at (12,116) content-size 50x50 flex-item [BFC] children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x178]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x160]
PaintableBox (Box<DIV>.flexbox) [10,10 202x158]
PaintableWithLines (BlockContainer<DIV>) [11,11 52x52]
PaintableWithLines (BlockContainer<DIV>) [11,63 52x52]
PaintableWithLines (BlockContainer<DIV>) [11,115 52x52]

7
Tests/LibWeb/Layout/expected/flex/percentage-flex-basis-with-indefinite-flex-container-size.txt
View file

@ -7,3 +7,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17.46875]
"percentages are hard"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableBox (Box<BODY>.outer) [8,8 200x17.46875]
PaintableWithLines (BlockContainer<DIV>.middle) [8,8 200x17.46875]
PaintableWithLines (BlockContainer<DIV>.inner) [8,8 200x17.46875]
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/flex/relpos-flex-item.txt
View file

@ -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]
"athena"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x45.46875]
PaintableBox (Box<BODY>) [10,10 604x25.46875] overflow: [12,12 600x25.46875]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21.46875]
TextPaintable (TextNode<#text>)

35
Tests/LibWeb/Layout/expected/flex/reverse-flex-layout-with-space-between-and-space-around.txt
View file

@ -71,3 +71,38 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from TextNode start: 0, length: 7, rect: [8,474.265625 55.359375x17.46875]
"friends"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x616]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x616]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x600]
PaintableBox (Box<DIV>.outer.row) [8,8 150x150]
PaintableWithLines (BlockContainer<DIV>.inner) [12.609375,8 30.078125x150]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [51.921875,8 36.84375x150]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [98,8 55.359375x150]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]
PaintableBox (Box<DIV>.outer.row-reverse) [8,158 150x150]
PaintableWithLines (BlockContainer<DIV>.inner) [123.3125,158 30.078125x150]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [77.234375,158 36.84375x150]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [12.640625,158 55.359375x150]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,308 784x0]
PaintableBox (Box<DIV>.outer.column) [8,308 150x150]
PaintableWithLines (BlockContainer<DIV>.inner) [8,324.265625 150x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,374.265625 150x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,424.265625 150x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,458 784x0]
PaintableBox (Box<DIV>.outer.column-reverse) [8,458 150x150]
PaintableWithLines (BlockContainer<DIV>.inner) [8,574.265625 150x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,524.265625 150x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,474.265625 150x17.46875]
TextPaintable (TextNode<#text>)

6
Tests/LibWeb/Layout/expected/flex/specified-size-suggestion-with-box-sizing-border-box.txt
View file

@ -3,3 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body> at (0,0) content-size 800x100 flex-container(row) [FFC] children: not-inline
ImageBox <img> at (0,0) content-size 400x100 flex-item children: not-inline
ImageBox <img.padded> at (600,0) content-size 200x100 flex-item children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x100]
PaintableBox (Box<BODY>) [0,0 800x100]
ImagePaintable (ImageBox<IMG>) [0,0 400x100]
ImagePaintable (ImageBox<IMG>.padded) [400,0 400x100]

11
Tests/LibWeb/Layout/expected/flex/stretch-alignment-with-cross-gap.txt
View file

@ -8,3 +8,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (114,95.328125) content-size 100x20 flex-item [BFC] children: not-inline
BlockContainer <div> at (12,178.65625) content-size 100x20 flex-item [BFC] children: not-inline
BlockContainer <div> at (114,178.65625) content-size 100x20 flex-item [BFC] children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x222]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x204]
PaintableBox (Box<DIV>.flex) [10,10 302x202]
PaintableWithLines (BlockContainer<DIV>) [11,11 102x22]
PaintableWithLines (BlockContainer<DIV>) [113,11 102x22]
PaintableWithLines (BlockContainer<DIV>) [11,94.328125 102x22]
PaintableWithLines (BlockContainer<DIV>) [113,94.328125 102x22]
PaintableWithLines (BlockContainer<DIV>) [11,177.65625 102x22]
PaintableWithLines (BlockContainer<DIV>) [113,177.65625 102x22]