RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 14:17:36 +00:00
Code Issues Activity Actions

LibWeb: Use separate structure to represent fragments in paintable tree

Browse source 
This is a part of refactoring towards making the paintable tree
independent of the layout tree. Now, instead of transferring text
fragments from the layout tree to the paintable tree during the layout
commit phase, we allocate separate PaintableFragments that contain only
the information necessary for painting. Doing this also allows us to
get rid LineBoxes, as they are used only during layout.
This commit is contained in:
Aliaksandr Kalenik 2024-01-12 21:25:05 +01:00 • committed by Andreas Kling
parent 785fa60cca
commit de32b77ceb
401 changed files with 2122 additions and 3614 deletions
Download patch file Download diff file Expand all files Collapse all files

6
Tests/LibWeb/Layout/expected/grid/abspos-item.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.outer-grid> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.inner-absolute-block> at (8,8) content-size 80.765625x17 positioned [BFC] children: inline
line 0 width: 80.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [8,8 80.765625x17]
frag 0 from TextNode start: 0, length: 9, rect: [8,8 80.765625x17] baseline: 13.296875
"some text"
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x17 [BFC] children: inline
line 0 width: 80.25, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [8,8 80.25x17]
frag 0 from TextNode start: 0, length: 9, rect: [8,8 80.25x17] baseline: 13.296875
"more text"
TextNode <#text>

18
Tests/LibWeb/Layout/expected/grid/align-items.txt
View file

@ -5,39 +5,33 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.grid.start> at (31,31) content-size 738x39 [GFC] children: not-inline
BlockContainer <div> at (32,32) content-size 367x17 [BFC] children: inline
line 0 width: 50.203125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17]
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17] baseline: 13.296875
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17 [BFC] children: inline
line 0 width: 52.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17]
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17] baseline: 13.296875
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.center> at (31,112) content-size 738x39 [GFC] children: not-inline
BlockContainer <div> at (32,123) content-size 367x17 [BFC] children: inline
line 0 width: 59.390625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [32,123 59.390625x17]
frag 0 from TextNode start: 0, length: 7, rect: [32,123 59.390625x17] baseline: 13.296875
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123) content-size 347x17 [BFC] children: inline
line 0 width: 61.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [411,123 61.859375x17]
frag 0 from TextNode start: 0, length: 7, rect: [411,123 61.859375x17] baseline: 13.296875
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.end> at (31,193) content-size 738x39 [GFC] children: not-inline
BlockContainer <div> at (32,214) content-size 367x17 [BFC] children: inline
line 0 width: 35.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [32,214 35.671875x17]
frag 0 from TextNode start: 0, length: 4, rect: [32,214 35.671875x17] baseline: 13.296875
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204) content-size 347x17 [BFC] children: inline
line 0 width: 38.140625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [411,204 38.140625x17]
frag 0 from TextNode start: 0, length: 4, rect: [411,204 38.140625x17] baseline: 13.296875
"End2"
TextNode <#text>

18
Tests/LibWeb/Layout/expected/grid/align-self.txt
View file

@ -5,39 +5,33 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.grid> at (31,31) content-size 738x39 [GFC] children: not-inline
BlockContainer <div.start> at (32,32) content-size 367x17 [BFC] children: inline
line 0 width: 50.203125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17]
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17] baseline: 13.296875
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17 [BFC] children: inline
line 0 width: 52.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17]
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17] baseline: 13.296875
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,112) content-size 738x39 [GFC] children: not-inline
BlockContainer <div.center> at (32,123) content-size 367x17 [BFC] children: inline
line 0 width: 59.390625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [32,123 59.390625x17]
frag 0 from TextNode start: 0, length: 7, rect: [32,123 59.390625x17] baseline: 13.296875
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123) content-size 347x17 [BFC] children: inline
line 0 width: 61.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [411,123 61.859375x17]
frag 0 from TextNode start: 0, length: 7, rect: [411,123 61.859375x17] baseline: 13.296875
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,193) content-size 738x39 [GFC] children: not-inline
BlockContainer <div.end> at (32,214) content-size 367x17 [BFC] children: inline
line 0 width: 35.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [32,214 35.671875x17]
frag 0 from TextNode start: 0, length: 4, rect: [32,214 35.671875x17] baseline: 13.296875
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204) content-size 347x17 [BFC] children: inline
line 0 width: 38.140625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [411,204 38.140625x17]
frag 0 from TextNode start: 0, length: 4, rect: [411,204 38.140625x17] baseline: 13.296875
"End2"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/all-implicit-rows.txt
View file

@ -5,29 +5,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 392x100 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,8) content-size 392x100 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,108) content-size 392x100 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,108 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,108 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,108) content-size 392x100 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,108 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,108 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/anonymous-inline-child.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.grid> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17 [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/auto-fill-and-named-line-placement.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x57 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x57 [GFC] children: not-inline
BlockContainer <div.grid-item> at (28,28) content-size 744x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [397,28 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [397,28 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/auto-fill-rows.txt
View file

@ -3,18 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x234 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x234 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 784x200 [BFC] children: inline
line 0 width: 46.71875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,8 46.71875x17]
frag 0 from TextNode start: 0, length: 6, rect: [8,8 46.71875x17] baseline: 13.296875
"Item 1"
TextNode <#text>
BlockContainer <div> at (8,208) content-size 784x17 [BFC] children: inline
line 0 width: 49.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,208 49.1875x17]
frag 0 from TextNode start: 0, length: 6, rect: [8,208 49.1875x17] baseline: 13.296875
"Item 2"
TextNode <#text>
BlockContainer <div> at (8,225) content-size 784x17 [BFC] children: inline
line 0 width: 49.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,225 49.46875x17]
frag 0 from TextNode start: 0, length: 6, rect: [8,225 49.46875x17] baseline: 13.296875
"Item 3"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/auto-fill.txt
View file

@ -5,22 +5,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/auto-fit-collapse-empty-tracks.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x97 children: not-inline
Box <div.container> at (18,18) content-size 764x77 [GFC] children: not-inline
BlockContainer <div.item> at (48,48) content-size 704x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [48,48 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [48,48 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/auto-fit.txt
View file

@ -5,22 +5,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/auto-flow-column-spanning-item.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 156.796875x17 [BFC] children: not-inline
BlockContainer <div.item> at (164.796875,8) content-size 627.1875x17 [BFC] children: inline
line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [164.796875,8 27.15625x17]
frag 0 from TextNode start: 0, length: 3, rect: [164.796875,8 27.15625x17] baseline: 13.296875
"foo"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/auto-flow-column.txt
View file

@ -2,13 +2,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
Box <body> at (10,10) content-size 200x19 [GFC] children: not-inline
BlockContainer <div> at (11,11) content-size 98x17 [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>
BlockContainer <div> at (111,11) content-size 98x17 [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [111,11 55.359375x17]
frag 0 from TextNode start: 0, length: 7, rect: [111,11 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/basic-2.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div#grid> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div#title> at (8,8) content-size 88.171875x17 [BFC] children: inline
line 0 width: 88.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [8,8 88.171875x17]
frag 0 from TextNode start: 0, length: 10, rect: [8,8 88.171875x17] baseline: 13.296875
"Game Title"
TextNode <#text>
BlockContainer <div#board> at (96.171875,8) content-size 695.828125x17 [BFC] children: inline
line 0 width: 45.734375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [96.171875,8 45.734375x17]
frag 0 from TextNode start: 0, length: 5, rect: [96.171875,8 45.734375x17] baseline: 13.296875
"Board"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/basic.txt
View file

@ -5,29 +5,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 392x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,8) content-size 392x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,25) content-size 392x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,25 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,25) content-size 392x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,25 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,25 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

57
Tests/LibWeb/Layout/expected/grid/borders.txt
View file

@ -5,29 +5,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,18) content-size 372x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,18 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,18 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,18) content-size 372x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [410,18 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [410,18 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,55) content-size 372x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,55 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,55 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,55) content-size 372x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [410,55 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [410,55 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -38,29 +34,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,92) content-size 372x50 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,92 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,92 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,92) content-size 372x50 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [410,92 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [410,92 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,162) content-size 372x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,162 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,162 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,162) content-size 372x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [410,162 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [410,162 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -71,29 +63,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,199) content-size 347x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,199 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,199 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (435,199) content-size 347x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [435,199 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [435,199 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,246) content-size 347x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,246 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,246 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (435,246) content-size 347x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [435,246 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [435,246 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -104,15 +92,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (444.203125,283) content-size 337.796875x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [444.203125,283 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [444.203125,283 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,336) content-size 337.796875x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,336 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,336 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -123,29 +109,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,373) content-size 280x5 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,373 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,373 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (318,373) content-size 280x5 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [318,373 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [318,373 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,398) content-size 280x5 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,398 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,398 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (318,398) content-size 280x5 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [318,398 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [318,398 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -156,8 +138,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,423) content-size 764x0 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [18,423 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [18,423 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/calc-track-size.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.grid-item> at (8,8) content-size 200x17 [BFC] children: inline
line 0 width: 31.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.265625x17]
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.265625x17] baseline: 13.296875
"Uno"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline

6
Tests/LibWeb/Layout/expected/grid/columns-auto-fill-with-gap-2.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.grid> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 367x17 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (425,8) content-size 367x17 [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [425,8 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [425,8 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/container-min-height.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x202 children: not-inline
Box <div.container> at (11,11) content-size 778x200 [GFC] children: not-inline
BlockContainer <div> at (12,12) content-size 776x98 [BFC] children: inline
line 0 width: 311.21875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 35, rect: [12,12 311.21875x17]
frag 0 from TextNode start: 0, length: 35, rect: [12,12 311.21875x17] baseline: 13.296875
"Making Commerce Better for Everyone"
TextNode <#text>
BlockContainer <div> at (12,112) content-size 776x98 [BFC] children: inline
line 0 width: 311.21875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 35, rect: [12,112 311.21875x17]
frag 0 from TextNode start: 0, length: 35, rect: [12,112 311.21875x17] baseline: 13.296875
"Making Commerce Better for Everyone"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/different-column-sizes.txt
View file

@ -5,29 +5,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 50x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (58,8) content-size 392x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [58,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [58,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,25) content-size 50x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,25 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (58,25) content-size 392x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [58,25 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [58,25 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

6
Tests/LibWeb/Layout/expected/grid/distribute-extra-space-across-spanned-tracks.txt
View file

@ -5,8 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.right> at (400,8) content-size 392x17 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,8 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,8 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -15,8 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 392x0 children: inline
TextNode <#text>
BlockContainer <div.inner> at (8,8) content-size 392x17 children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 392x0 children: inline

12
Tests/LibWeb/Layout/expected/grid/float-container-columns-1fr-1fr.txt
View file

@ -3,23 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.container> at (8,8) content-size 203.28125x34 floating [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 101.640625x17 [BFC] children: inline
line 0 width: 79.25, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [8,8 79.25x17]
frag 0 from TextNode start: 0, length: 9, rect: [8,8 79.25x17] baseline: 13.296875
"some-text"
TextNode <#text>
BlockContainer <div.item> at (109.640625,8) content-size 101.640625x17 [BFC] children: inline
line 0 width: 78.03125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [109.640625,8 78.03125x17]
frag 0 from TextNode start: 0, length: 9, rect: [109.640625,8 78.03125x17] baseline: 13.296875
"goes-here"
TextNode <#text>
BlockContainer <div.item> at (8,25) content-size 101.640625x17 [BFC] children: inline
line 0 width: 101.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [8,25 101.640625x17]
frag 0 from TextNode start: 0, length: 12, rect: [8,25 101.640625x17] baseline: 13.296875
"another-text"
TextNode <#text>
BlockContainer <div.item> at (109.640625,25) content-size 101.640625x17 [BFC] children: inline
line 0 width: 84.890625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [109.640625,25 84.890625x17]
frag 0 from TextNode start: 0, length: 10, rect: [109.640625,25 84.890625x17] baseline: 13.296875
"goes-there"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/floating-table-wrapper-width.txt
View file

@ -4,8 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid> at (8,8) content-size 784x27 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 784x27 [BFC] children: not-inline
BlockContainer <div.left> at (8,8) content-size 6.34375x17 floating [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
TableWrapper <(anonymous)> at (14.34375,8) content-size 156.796875x27 floating [BFC] children: not-inline
@ -13,18 +12,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <tbody> at (15.34375,9) content-size 148.796875x21 table-row-group children: not-inline
Box <tr> at (17.34375,11) content-size 148.796875x21 table-row children: not-inline
BlockContainer <td> at (19.34375,13) content-size 69.59375x17 table-cell [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [19.34375,13 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [19.34375,13 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <td> at (94.9375,13) content-size 71.203125x17 table-cell [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [94.9375,13 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [94.9375,13 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <div.right> at (171.140625,8) content-size 7.75x17 floating [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [171.140625,8 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [171.140625,8 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> at (8,35) content-size 784x0 children: inline

12
Tests/LibWeb/Layout/expected/grid/grid-gap-1.txt
View file

@ -3,23 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x84 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x84 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 342x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.two> at (450,8) content-size 342x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [450,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [450,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <div.three> at (8,75) content-size 342x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,75 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,75 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <div.four> at (450,75) content-size 342x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [450,75 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [450,75 7.75x17] baseline: 13.296875
"4"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/grid-gap-2.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x50 children: not-inline
Box <div.container> at (8,8) content-size 784x50 [GFC] children: not-inline
BlockContainer <div.item> at (434.203125,8) content-size 357.796875x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [434.203125,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [434.203125,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.item> at (8,41) content-size 357.796875x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,41 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,41 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/grid-gap-3.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.item> at (410,8) content-size 382x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [410,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [410,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt
View file

@ -5,29 +5,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (68,68) content-size 17.046875x33 [BFC] children: inline
line 0 width: 11.890625, height: 33, bottom: 33, baseline: 25.5
frag 0 from TextNode start: 0, length: 1, rect: [71,68 11.890625x33]
frag 0 from TextNode start: 0, length: 1, rect: [71,68 11.890625x33] baseline: 25.5
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (255.046875,68) content-size 16.53125x33 [BFC] children: inline
line 0 width: 16.53125, height: 33, bottom: 33, baseline: 25.5
frag 0 from TextNode start: 0, length: 1, rect: [255.046875,68 16.53125x33]
frag 0 from TextNode start: 0, length: 1, rect: [255.046875,68 16.53125x33] baseline: 25.5
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (68,271) content-size 17.046875x33 [BFC] children: inline
line 0 width: 17.046875, height: 33, bottom: 33, baseline: 25.5
frag 0 from TextNode start: 0, length: 1, rect: [68,271 17.046875x33]
frag 0 from TextNode start: 0, length: 1, rect: [68,271 17.046875x33] baseline: 25.5
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (255.046875,271) content-size 16.53125x33 [BFC] children: inline
line 0 width: 14.53125, height: 33, bottom: 33, baseline: 25.5
frag 0 from TextNode start: 0, length: 1, rect: [256.046875,271 14.53125x33]
frag 0 from TextNode start: 0, length: 1, rect: [256.046875,271 14.53125x33] baseline: 25.5
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/grid-item-fixed-size.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x200 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x200 [GFC] children: not-inline
BlockContainer <div.first> at (8,8) content-size 100x200 [BFC] children: inline
line 0 width: 42.140625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17]
frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17] baseline: 13.296875
"First"
TextNode <#text>

72
Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt
View file

@ -5,109 +5,85 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto> at (99.71875,12) content-size 322.5625x17 [BFC] children: inline
line 0 width: 322.5625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 38, rect: [99.71875,12 322.5625x17]
frag 0 from TextNode start: 0, length: 38, rect: [99.71875,12 322.5625x17] baseline: 13.296875
"auto horizontal margins and auto width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto> at (252.375,31) content-size 257.625x17 [BFC] children: inline
line 0 width: 257.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 31, rect: [252.375,31 257.625x17]
frag 0 from TextNode start: 0, length: 31, rect: [252.375,31 257.625x17] baseline: 13.296875
"auto left margin and auto width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.right-margin-auto> at (12,50) content-size 268.484375x17 [BFC] children: inline
line 0 width: 268.484375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 32, rect: [12,50 268.484375x17]
frag 0 from TextNode start: 0, length: 32, rect: [12,50 268.484375x17] baseline: 13.296875
"auto right margin and auto width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.25,69) content-size 371.484375x17 [BFC] children: inline
line 0 width: 371.484375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 45, rect: [75.25,69 371.484375x17]
frag 0 from TextNode start: 0, length: 45, rect: [75.25,69 371.484375x17] baseline: 13.296875
"auto horizontal margins and fit-content width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.fit-content-width> at (203.453125,88) content-size 306.546875x17 [BFC] children: inline
line 0 width: 306.546875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 38, rect: [203.453125,88 306.546875x17]
frag 0 from TextNode start: 0, length: 38, rect: [203.453125,88 306.546875x17] baseline: 13.296875
"auto left margin and fit-content width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.right-margin-auto.fit-content-width> at (12,107) content-size 317.40625x17 [BFC] children: inline
line 0 width: 317.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 39, rect: [12,107 317.40625x17]
frag 0 from TextNode start: 0, length: 39, rect: [12,107 317.40625x17] baseline: 13.296875
"auto right margin and fit-content width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto.fixed-width> at (236,126) content-size 50x102 [BFC] children: inline
line 0 width: 36.328125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [236,126 36.328125x17]
frag 0 from TextNode start: 0, length: 4, rect: [236,126 36.328125x17] baseline: 13.296875
"auto"
line 1 width: 81.84375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 5, length: 10, rect: [236,143 81.84375x17]
frag 1 from TextNode start: 5, length: 10, rect: [236,143 81.84375x17] baseline: 13.296875
"horizontal"
line 2 width: 61.453125, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 16, length: 7, rect: [236,160 61.453125x17]
frag 2 from TextNode start: 16, length: 7, rect: [236,160 61.453125x17] baseline: 13.296875
"margins"
line 3 width: 26.8125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 24, length: 3, rect: [236,177 26.8125x17]
frag 3 from TextNode start: 24, length: 3, rect: [236,177 26.8125x17] baseline: 13.296875
"and"
line 4 width: 37.28125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 28, length: 5, rect: [236,194 37.28125x17]
frag 4 from TextNode start: 28, length: 5, rect: [236,194 37.28125x17] baseline: 13.296875
"fixed"
line 5 width: 39.796875, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 34, length: 5, rect: [236,211 39.796875x17]
frag 5 from TextNode start: 34, length: 5, rect: [236,211 39.796875x17] baseline: 13.296875
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.fixed-width> at (460,230) content-size 50x102 [BFC] children: inline
line 0 width: 36.328125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [460,230 36.328125x17]
frag 0 from TextNode start: 0, length: 4, rect: [460,230 36.328125x17] baseline: 13.296875
"auto"
line 1 width: 26.25, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 5, length: 4, rect: [460,247 26.25x17]
frag 1 from TextNode start: 5, length: 4, rect: [460,247 26.25x17] baseline: 13.296875
"left"
line 2 width: 52.109375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 10, length: 6, rect: [460,264 52.109375x17]
frag 2 from TextNode start: 10, length: 6, rect: [460,264 52.109375x17] baseline: 13.296875
"margin"
line 3 width: 26.8125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 17, length: 3, rect: [460,281 26.8125x17]
frag 3 from TextNode start: 17, length: 3, rect: [460,281 26.8125x17] baseline: 13.296875
"and"
line 4 width: 37.28125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 21, length: 5, rect: [460,298 37.28125x17]
frag 4 from TextNode start: 21, length: 5, rect: [460,298 37.28125x17] baseline: 13.296875
"fixed"
line 5 width: 39.796875, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 27, length: 5, rect: [460,315 39.796875x17]
frag 5 from TextNode start: 27, length: 5, rect: [460,315 39.796875x17] baseline: 13.296875
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.right-margin-auto.fixed-width> at (12,334) content-size 50x102 [BFC] children: inline
line 0 width: 36.328125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,334 36.328125x17]
frag 0 from TextNode start: 0, length: 4, rect: [12,334 36.328125x17] baseline: 13.296875
"auto"
line 1 width: 37.109375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 5, length: 5, rect: [12,351 37.109375x17]
frag 1 from TextNode start: 5, length: 5, rect: [12,351 37.109375x17] baseline: 13.296875
"right"
line 2 width: 52.109375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 11, length: 6, rect: [12,368 52.109375x17]
frag 2 from TextNode start: 11, length: 6, rect: [12,368 52.109375x17] baseline: 13.296875
"margin"
line 3 width: 26.8125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 18, length: 3, rect: [12,385 26.8125x17]
frag 3 from TextNode start: 18, length: 3, rect: [12,385 26.8125x17] baseline: 13.296875
"and"
line 4 width: 37.28125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 22, length: 5, rect: [12,402 37.28125x17]
frag 4 from TextNode start: 22, length: 5, rect: [12,402 37.28125x17] baseline: 13.296875
"fixed"
line 5 width: 39.796875, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 28, length: 5, rect: [12,419 39.796875x17]
frag 5 from TextNode start: 28, length: 5, rect: [12,419 39.796875x17] baseline: 13.296875
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

6
Tests/LibWeb/Layout/expected/grid/grid-item-min-size.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.grid> at (8,8) content-size 102x204 floating [GFC] children: not-inline
BlockContainer <div.first> at (9,9) content-size 100x100 [BFC] children: inline
line 0 width: 36.03125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [9,9 36.03125x17]
frag 0 from TextNode start: 0, length: 5, rect: [9,9 36.03125x17] baseline: 13.296875
"first"
TextNode <#text>
BlockContainer <div.second> at (9,111) content-size 100x100 [BFC] children: inline
line 0 width: 54.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [9,111 54.78125x17]
frag 0 from TextNode start: 0, length: 6, rect: [9,111 54.78125x17] baseline: 13.296875
"second"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-margins.txt
View file

@ -4,8 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,8) content-size 784x17 children: not-inline
Box <div.grid> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.item> at (243.1875,8) content-size 313.625x17 [BFC] children: inline
line 0 width: 121.0625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 16, rect: [243.1875,8 121.0625x17]
frag 0 from TextNode start: 0, length: 16, rect: [243.1875,8 121.0625x17] baseline: 13.296875
"A filthy t-shirt"
TextNode <#text>

54
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width-2.txt
View file

@ -3,59 +3,41 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.container> at (8,8) content-size 200x306 floating [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 100x306 [BFC] children: inline
line 0 width: 50.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17]
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17] baseline: 13.296875
"Lorem"
line 1 width: 94.9375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17]
frag 1 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17] baseline: 13.296875
"ipsum dolor"
line 2 width: 70.9375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17]
frag 2 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17] baseline: 13.296875
"sit amet,"
line 3 width: 96.84375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 29, length: 11, rect: [8,59 96.84375x17]
frag 3 from TextNode start: 29, length: 11, rect: [8,59 96.84375x17] baseline: 13.296875
"consectetur"
line 4 width: 75.71875, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 41, length: 10, rect: [8,76 75.71875x17]
frag 4 from TextNode start: 41, length: 10, rect: [8,76 75.71875x17] baseline: 13.296875
"adipiscing"
line 5 width: 28.71875, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 52, length: 5, rect: [8,93 28.71875x17]
frag 5 from TextNode start: 52, length: 5, rect: [8,93 28.71875x17] baseline: 13.296875
"elit."
line 6 width: 65.40625, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 58, length: 7, rect: [8,110 65.40625x17]
frag 6 from TextNode start: 58, length: 7, rect: [8,110 65.40625x17] baseline: 13.296875
"Vivamus"
line 7 width: 88.640625, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 66, length: 11, rect: [8,127 88.640625x17]
frag 7 from TextNode start: 66, length: 11, rect: [8,127 88.640625x17] baseline: 13.296875
"eget turpis"
line 8 width: 77.40625, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 78, length: 9, rect: [8,144 77.40625x17]
frag 8 from TextNode start: 78, length: 9, rect: [8,144 77.40625x17] baseline: 13.296875
"eget urna"
line 9 width: 53.25, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 88, length: 7, rect: [8,161 53.25x17]
frag 9 from TextNode start: 88, length: 7, rect: [8,161 53.25x17] baseline: 13.296875
"feugiat"
line 10 width: 84.984375, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 96, length: 10, rect: [8,178 84.984375x17]
frag 10 from TextNode start: 96, length: 10, rect: [8,178 84.984375x17] baseline: 13.296875
"pretium ut"
line 11 width: 65.359375, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 107, length: 8, rect: [8,195 65.359375x17]
frag 11 from TextNode start: 107, length: 8, rect: [8,195 65.359375x17] baseline: 13.296875
"eu ante."
line 12 width: 72.46875, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 116, length: 8, rect: [8,212 72.46875x17]
frag 12 from TextNode start: 116, length: 8, rect: [8,212 72.46875x17] baseline: 13.296875
"Nunc sed"
line 13 width: 70.640625, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 125, length: 8, rect: [8,229 70.640625x17]
frag 13 from TextNode start: 125, length: 8, rect: [8,229 70.640625x17] baseline: 13.296875
"pharetra"
line 14 width: 39.015625, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 134, length: 5, rect: [8,246 39.015625x17]
frag 14 from TextNode start: 134, length: 5, rect: [8,246 39.015625x17] baseline: 13.296875
"diam,"
line 15 width: 56.25, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 140, length: 6, rect: [8,263 56.25x17]
frag 15 from TextNode start: 140, length: 6, rect: [8,263 56.25x17] baseline: 13.296875
"rutrum"
line 16 width: 50.546875, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 147, length: 7, rect: [8,280 50.546875x17]
frag 16 from TextNode start: 147, length: 7, rect: [8,280 50.546875x17] baseline: 13.296875
"lacinia"
line 17 width: 47.5, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 155, length: 7, rect: [8,297 47.5x17]
frag 17 from TextNode start: 155, length: 7, rect: [8,297 47.5x17] baseline: 13.296875
"tellus."
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.first> at (8,8) content-size 313.59375x17 [BFC] children: inline
line 0 width: 42.140625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17]
frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17] baseline: 13.296875
"First"
TextNode <#text>
BlockContainer <div.second> at (400,8) content-size 78.390625x17 [BFC] children: inline
line 0 width: 57.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [400,8 57.40625x17]
frag 0 from TextNode start: 0, length: 6, rect: [400,8 57.40625x17] baseline: 13.296875
"Second"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/grid-item-with-fit-content-width.txt
View file

@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x19 [GFC] children: not-inline
BlockContainer <div.inner> at (11,11) content-size 132.828125x17 [BFC] children: inline
line 0 width: 132.828125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 15, rect: [11,11 132.828125x17]
frag 0 from TextNode start: 0, length: 15, rect: [11,11 132.828125x17] baseline: 13.296875
"Press and Media"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/grid-row-height-affected-by-item-margins.txt
View file

@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x97.875 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x79.875 [GFC] children: not-inline
BlockContainer <h1> at (55.5,32.4375) content-size 689x35 [BFC] children: inline
line 0 width: 492.96875, height: 35, bottom: 35, baseline: 27.09375
frag 0 from TextNode start: 0, length: 31, rect: [55.5,32.4375 492.96875x35]
frag 0 from TextNode start: 0, length: 31, rect: [55.5,32.4375 492.96875x35] baseline: 27.09375
"Null publishes fine indie games"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/grid-span-4.txt
View file

@ -2,13 +2,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x66 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x48 [GFC] children: not-inline
BlockContainer <div.foo> at (11,11) content-size 778x22 [BFC] children: inline
line 0 width: 33.9375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 3, rect: [11,11 33.9375x22]
frag 0 from TextNode start: 0, length: 3, rect: [11,11 33.9375x22] baseline: 17
"foo"
TextNode <#text>
BlockContainer <div.bar> at (11,35) content-size 778x22 [BFC] children: inline
line 0 width: 34.546875, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 3, rect: [11,35 34.546875x22]
frag 0 from TextNode start: 0, length: 3, rect: [11,35 34.546875x22] baseline: 17
"bar"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/grid-template-areas-basics.txt
View file

@ -3,18 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
Box <div.container> at (8,8) content-size 784x34 [GFC] children: not-inline
BlockContainer <div.item.right-bottom> at (400,25) content-size 392x17 [BFC] children: inline
line 0 width: 99.703125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [400,25 99.703125x17]
frag 0 from TextNode start: 0, length: 12, rect: [400,25 99.703125x17] baseline: 13.296875
"right-bottom"
TextNode <#text>
BlockContainer <div.item.left> at (8,8) content-size 392x34 [BFC] children: inline
line 0 width: 26.25, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 26.25x17]
frag 0 from TextNode start: 0, length: 4, rect: [8,8 26.25x17] baseline: 13.296875
"left"
TextNode <#text>
BlockContainer <div.item.right-top> at (400,8) content-size 392x17 [BFC] children: inline
line 0 width: 70.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [400,8 70.234375x17]
frag 0 from TextNode start: 0, length: 9, rect: [400,8 70.234375x17] baseline: 13.296875
"right-top"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/grid-template-columns-with-min-css-function.txt
View file

@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x55 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x37 [GFC] children: not-inline
BlockContainer <h1> at (55.5,11) content-size 689x35 [BFC] children: inline
line 0 width: 200.40625, height: 35, bottom: 35, baseline: 27.09375
frag 0 from TextNode start: 0, length: 13, rect: [55.5,11 200.40625x35]
frag 0 from TextNode start: 0, length: 13, rect: [55.5,11 200.40625x35] baseline: 27.09375
"hello friends"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/grid-template.txt
View file

@ -23,29 +23,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <header> at (8,8) content-size 784x30 [BFC] children: inline
line 0 width: 55.703125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,8 55.703125x17]
frag 0 from TextNode start: 0, length: 6, rect: [8,8 55.703125x17] baseline: 13.296875
"Header"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <nav> at (8,38) content-size 120x170 [BFC] children: inline
line 0 width: 80.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [8,38 80.6875x17]
frag 0 from TextNode start: 0, length: 10, rect: [8,38 80.6875x17] baseline: 13.296875
"Navigation"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <main> at (128,38) content-size 664x140 [BFC] children: inline
line 0 width: 79.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [128,38 79.515625x17]
frag 0 from TextNode start: 0, length: 9, rect: [128,38 79.515625x17] baseline: 13.296875
"Main area"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <footer> at (128,178) content-size 664x30 [BFC] children: inline
line 0 width: 57.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [128,178 57.671875x17]
frag 0 from TextNode start: 0, length: 6, rect: [128,178 57.671875x17] baseline: 13.296875
"Footer"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/grow-beyond-limits.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 28.6875x17 [BFC] children: inline
line 0 width: 28.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 28.6875x17]
frag 0 from TextNode start: 0, length: 3, rect: [8,8 28.6875x17] baseline: 13.296875
"one"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/image-in-grid.txt
View file

@ -5,8 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.wrapper> at (8,8) content-size 64.03125x24 [BFC] children: inline
line 0 width: 64.03125, height: 24, bottom: 24, baseline: 24
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.03125x24]
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.03125x24] baseline: 24
TextNode <#text>
ImageBox <img> at (8,8) content-size 64.03125x24 children: not-inline
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/implicit-lines.txt
View file

@ -3,18 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x220 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x220 [GFC] children: not-inline
BlockContainer <div.item2> at (405,8) content-size 387x100 [BFC] children: inline
line 0 width: 49.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [405,8 49.1875x17]
frag 0 from TextNode start: 0, length: 6, rect: [405,8 49.1875x17] baseline: 13.296875
"Item 2"
TextNode <#text>
BlockContainer <div.item1> at (8,8) content-size 387x210 [BFC] children: inline
line 0 width: 46.71875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,8 46.71875x17]
frag 0 from TextNode start: 0, length: 6, rect: [8,8 46.71875x17] baseline: 13.296875
"Item 1"
TextNode <#text>
BlockContainer <div.item3> at (405,118) content-size 387x100 [BFC] children: inline
line 0 width: 49.1875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [405,118 49.1875x17]
frag 0 from TextNode start: 0, length: 6, rect: [405,118 49.1875x17] baseline: 13.296875
"Item 2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/inline-grid-simple.txt
View file

@ -1,11 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: inline
line 0 width: 42.953125, height: 33, bottom: 33, baseline: 13.296875
frag 0 from Box start: 0, length: 0, rect: [8,8 26.953125x17]
frag 0 from Box start: 0, length: 0, rect: [8,8 26.953125x17] baseline: 13.296875
Box <body> at (8,8) content-size 26.953125x17 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 26.953125x17 [BFC] children: inline
line 0 width: 26.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.953125x17]
frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.953125x17] baseline: 13.296875
"whf"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/intrinsic-sized-column.txt
View file

@ -8,8 +8,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.whee> at (9,9) content-size 18x17 [BFC] children: inline
line 0 width: 37.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [9,9 37.953125x17]
frag 0 from TextNode start: 0, length: 4, rect: [9,9 37.953125x17] baseline: 13.296875
"whee"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/intrinsic-sized-grid-2.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
Box <div.grid> at (11,11) content-size 96.421875x19 floating [GFC] children: not-inline
BlockContainer <div.whee> at (12,12) content-size 37.953125x17 [BFC] children: inline
line 0 width: 37.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,12 37.953125x17]
frag 0 from TextNode start: 0, length: 4, rect: [12,12 37.953125x17] baseline: 13.296875
"whee"
TextNode <#text>
BlockContainer <div.yeehaw> at (51.953125,12) content-size 54.46875x17 [BFC] children: inline
line 0 width: 54.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [51.953125,12 54.46875x17]
frag 0 from TextNode start: 0, length: 6, rect: [51.953125,12 54.46875x17] baseline: 13.296875
"yeehaw"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/intrinsic-sized-grid.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 41.953125x21 floating [BFC] children: not-inline
Box <div.grid> at (11,11) content-size 39.953125x19 [GFC] children: not-inline
BlockContainer <div.whee> at (12,12) content-size 37.953125x17 [BFC] children: inline
line 0 width: 37.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,12 37.953125x17]
frag 0 from TextNode start: 0, length: 4, rect: [12,12 37.953125x17] baseline: 13.296875
"whee"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/item-align-self-center-and-max-height.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x102 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x100 [GFC] children: not-inline
BlockContainer <div#max-height-item.grid-item> at (12,11) content-size 776x100 [BFC] children: inline
line 0 width: 166.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 20, rect: [12,11 166.84375x17]
frag 0 from TextNode start: 0, length: 20, rect: [12,11 166.84375x17] baseline: 13.296875
"Item with Max-Height"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/item-align-self-center-and-min-height.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x304 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x302 [GFC] children: not-inline
BlockContainer <div#min-height-item.grid-item> at (12,12) content-size 776x300 [BFC] children: inline
line 0 width: 161.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 20, rect: [12,12 161.96875x17]
frag 0 from TextNode start: 0, length: 20, rect: [12,12 161.96875x17] baseline: 13.296875
"Item with Min-Height"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
View file

@ -8,11 +8,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.item-right> at (108.03125,8) content-size 683.96875x34 [BFC] children: inline
line 0 width: 625.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 77, rect: [108.03125,8 625.953125x17]
frag 0 from TextNode start: 0, length: 77, rect: [108.03125,8 625.953125x17] baseline: 13.296875
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis venenatis"
line 1 width: 304.0625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 78, length: 39, rect: [108.03125,25 304.0625x17]
frag 1 from TextNode start: 78, length: 39, rect: [108.03125,25 304.0625x17] baseline: 13.296875
"purus, eget blandit velit venenatis at."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

6
Tests/LibWeb/Layout/expected/grid/item-fit-content-width.txt
View file

@ -4,13 +4,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.flex> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
Box <div.grid> at (8,8) content-size 67.4375x17 flex-item [GFC] children: not-inline
BlockContainer <div.w-fit> at (8,8) content-size 31.25x17 [BFC] children: inline
line 0 width: 31.25, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 31.25x17]
frag 0 from TextNode start: 0, length: 4, rect: [8,8 31.25x17] baseline: 13.296875
"Col1"
TextNode <#text>
BlockContainer <div.w-fit> at (41.71875,8) content-size 33.71875x17 [BFC] children: inline
line 0 width: 33.71875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [41.71875,8 33.71875x17]
frag 0 from TextNode start: 0, length: 4, rect: [41.71875,8 33.71875x17] baseline: 13.296875
"Col2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/item-with-box-sizing-border-box.txt
View file

@ -4,14 +4,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid> at (11,11) content-size 778x21 [GFC] children: not-inline
BlockContainer <div.item> at (112,12) content-size 187x19 [BFC] children: not-inline
BlockContainer <div> at (113,13) content-size 185x17 children: inline
line 0 width: 29.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [113,13 29.8125x17]
frag 0 from TextNode start: 0, length: 3, rect: [113,13 29.8125x17] baseline: 13.296875
"One"
TextNode <#text>
BlockContainer <div.item> at (501,12) content-size 187x19 [BFC] children: not-inline
BlockContainer <div> at (502,13) content-size 185x17 children: inline
line 0 width: 33.875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [502,13 33.875x17]
frag 0 from TextNode start: 0, length: 3, rect: [502,13 33.875x17] baseline: 13.296875
"Two"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/items-min-content-size-should-account-paddings.txt
View file

@ -4,8 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.cta-banner> at (8,8) content-size 784x117 flex-container(row) [FFC] children: not-inline
Box <div.w-layout-grid> at (8,8) content-size 470.4375x117 flex-item [GFC] children: not-inline
BlockContainer <div.button> at (58,58) content-size 135.21875x17 [BFC] children: inline
line 0 width: 135.21875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 16, rect: [58,58 135.21875x17]
frag 0 from TextNode start: 0, length: 16, rect: [58,58 135.21875x17] baseline: 13.296875
"Sign up for free"
TextNode <#text>

30
Tests/LibWeb/Layout/expected/grid/justify-content.txt
View file

@ -3,65 +3,55 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x85 children: not-inline
Box <div.container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 392x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [8,8 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [8,8 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <div> at (400,8) content-size 392x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [400,8 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [400,8 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,25) content-size 784x17 [GFC] children: not-inline
BlockContainer <div> at (8,25) content-size 392x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [8,25 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [8,25 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <div> at (400,25) content-size 392x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [400,25 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [400,25 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,42) content-size 784x17 [GFC] children: not-inline
BlockContainer <div> at (8,42) content-size 67.96875x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [8,42 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [8,42 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <div> at (75.96875,42) content-size 67.96875x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [75.96875,42 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [75.96875,42 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,59) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,59) content-size 784x17 [GFC] children: not-inline
BlockContainer <div> at (332.03125,59) content-size 67.96875x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [332.03125,59 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [332.03125,59 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <div> at (400,59) content-size 67.96875x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [400,59 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [400,59 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,76) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,76) content-size 784x17 [GFC] children: not-inline
BlockContainer <div> at (656.0625,76) content-size 67.96875x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [656.0625,76 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [656.0625,76 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>
BlockContainer <div> at (724.03125,76) content-size 67.96875x17 [BFC] children: inline
line 0 width: 67.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [724.03125,76 67.96875x17]
frag 0 from TextNode start: 0, length: 9, rect: [724.03125,76 67.96875x17] baseline: 13.296875
"wikipedia"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/justify-items.txt
View file

@ -5,24 +5,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.grid.start> at (11,11) content-size 778x19 [GFC] children: not-inline
BlockContainer <div> at (12,12) content-size 43.859375x17 [BFC] children: inline
line 0 width: 43.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,12 43.859375x17]
frag 0 from TextNode start: 0, length: 5, rect: [12,12 43.859375x17] baseline: 13.296875
"Start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,31) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.center> at (11,32) content-size 778x19 [GFC] children: not-inline
BlockContainer <div> at (373.46875,33) content-size 53.046875x17 [BFC] children: inline
line 0 width: 53.046875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,33 53.046875x17]
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,33 53.046875x17] baseline: 13.296875
"Center"
TextNode <#text>
BlockContainer <(anonymous)> at (10,52) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.end> at (11,53) content-size 778x19 [GFC] children: not-inline
BlockContainer <div> at (758.671875,54) content-size 29.328125x17 [BFC] children: inline
line 0 width: 29.328125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [758.671875,54 29.328125x17]
frag 0 from TextNode start: 0, length: 3, rect: [758.671875,54 29.328125x17] baseline: 13.296875
"End"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/justify-self.txt
View file

@ -4,22 +4,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (11,11) content-size 43.859375x17 [BFC] children: inline
line 0 width: 43.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,11 43.859375x17]
frag 0 from TextNode start: 0, length: 5, rect: [11,11 43.859375x17] baseline: 13.296875
"Start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (373.46875,30) content-size 53.046875x17 [BFC] children: inline
line 0 width: 53.046875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,30 53.046875x17]
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,30 53.046875x17] baseline: 13.296875
"Center"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (759.671875,49) content-size 29.328125x17 [BFC] children: inline
line 0 width: 29.328125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [759.671875,49 29.328125x17]
frag 0 from TextNode start: 0, length: 3, rect: [759.671875,49 29.328125x17] baseline: 13.296875
"End"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/justify-start-min-width.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div#grid> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <a#box> at (8,8) content-size 288x17 [BFC] children: inline
line 0 width: 102.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [8,8 102.75x17]
frag 0 from TextNode start: 0, length: 13, rect: [8,8 102.75x17] baseline: 13.296875
"Start Selling"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/line-placement-with-repeat.txt
View file

@ -4,8 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 480x17 [BFC] children: not-inline
BlockContainer <div.box> at (8,8) content-size 480x17 children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>

18
Tests/LibWeb/Layout/expected/grid/max-width-grid-container-wrapper-in-max-content.txt
View file

@ -4,23 +4,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 270x102 children: not-inline
Box <div.constrained> at (8,8) content-size 270x102 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 270x102 [BFC] children: inline
line 0 width: 261.0625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x17]
frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x17] baseline: 13.296875
"hello hello hello hello hello hello"
line 1 width: 261.0625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 37, length: 35, rect: [8,25 261.0625x17]
frag 1 from TextNode start: 37, length: 35, rect: [8,25 261.0625x17] baseline: 13.296875
"hello hello hello hello hello hello"
line 2 width: 261.0625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 73, length: 35, rect: [8,42 261.0625x17]
frag 2 from TextNode start: 73, length: 35, rect: [8,42 261.0625x17] baseline: 13.296875
"hello hello hello hello hello hello"
line 3 width: 261.0625, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 109, length: 35, rect: [8,59 261.0625x17]
frag 3 from TextNode start: 109, length: 35, rect: [8,59 261.0625x17] baseline: 13.296875
"hello hello hello hello hello hello"
line 4 width: 261.0625, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 145, length: 35, rect: [8,76 261.0625x17]
frag 4 from TextNode start: 145, length: 35, rect: [8,76 261.0625x17] baseline: 13.296875
"hello hello hello hello hello hello"
line 5 width: 81.6875, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 181, length: 11, rect: [8,93 81.6875x17]
frag 5 from TextNode start: 181, length: 11, rect: [8,93 81.6875x17] baseline: 13.296875
"hello hello"
TextNode <#text>
BlockContainer <div> at (8,110) content-size 270x0 [BFC] children: not-inline

9
Tests/LibWeb/Layout/expected/grid/min-max-content.txt
View file

@ -5,22 +5,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 196x17 [BFC] children: inline
line 0 width: 93.765625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [8,8 93.765625x17]
frag 0 from TextNode start: 0, length: 11, rect: [8,8 93.765625x17] baseline: 13.296875
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (204,8) content-size 98.640625x17 [BFC] children: inline
line 0 width: 98.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [204,8 98.640625x17]
frag 0 from TextNode start: 0, length: 11, rect: [204,8 98.640625x17] baseline: 13.296875
"max-content"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (302.640625,8) content-size 489.359375x17 [BFC] children: inline
line 0 width: 21.609375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [302.640625,8 21.609375x17]
frag 0 from TextNode start: 0, length: 3, rect: [302.640625,8 21.609375x17] baseline: 13.296875
"1fr"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

6
Tests/LibWeb/Layout/expected/grid/minmax-1.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 300x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.two> at (308,8) content-size 300x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [308,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [308,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/minmax-2.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
Box <div.container> at (8,8) content-size 784x100 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 300x50 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.two> at (308,8) content-size 300x50 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [308,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [308,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

9
Tests/LibWeb/Layout/expected/grid/minmax-3.txt
View file

@ -3,18 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 292x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.two> at (300,8) content-size 200x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [300,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [300,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <div.three> at (500,8) content-size 292x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [500,8 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [500,8 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/minmax-invalid-1.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
Box <div.container> at (8,8) content-size 784x34 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 784x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.two> at (8,25) content-size 784x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,25 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/minmax-with-max-function-inside.txt
View file

@ -3,23 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
Box <div.grid> at (8,8) content-size 784x34 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div> at (269.328125,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <div> at (530.65625,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 8.890625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 8.890625x17]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 8.890625x17] baseline: 13.296875
"c"
TextNode <#text>
BlockContainer <div> at (8,25) content-size 261.328125x17 [BFC] children: inline
line 0 width: 7.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25 7.859375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,25 7.859375x17] baseline: 13.296875
"d"
TextNode <#text>

27
Tests/LibWeb/Layout/expected/grid/negative-grid-item-column-index.txt
View file

@ -5,64 +5,55 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.a> at (8,8) content-size 196x17 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.c> at (204,8) content-size 196x17 [BFC] children: inline
line 0 width: 8.890625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [204,8 8.890625x17]
frag 0 from TextNode start: 0, length: 1, rect: [204,8 8.890625x17] baseline: 13.296875
"c"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.b> at (400,8) content-size 196x17 [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,8 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,8 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.b> at (400,25) content-size 196x17 [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,25 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,25 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.d> at (596,25) content-size 196x17 [BFC] children: inline
line 0 width: 7.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [596,25 7.859375x17]
frag 0 from TextNode start: 0, length: 1, rect: [596,25 7.859375x17] baseline: 13.296875
"d"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.c> at (204,42) content-size 196x17 [BFC] children: inline
line 0 width: 8.890625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [204,42 8.890625x17]
frag 0 from TextNode start: 0, length: 1, rect: [204,42 8.890625x17] baseline: 13.296875
"c"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.d> at (596,42) content-size 196x17 [BFC] children: inline
line 0 width: 7.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [596,42 7.859375x17]
frag 0 from TextNode start: 0, length: 1, rect: [596,42 7.859375x17] baseline: 13.296875
"d"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.e> at (8,59) content-size 196x17 [BFC] children: inline
line 0 width: 8.71875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,59 8.71875x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,59 8.71875x17] baseline: 13.296875
"e"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.f> at (204,59) content-size 196x17 [BFC] children: inline
line 0 width: 6.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [204,59 6.4375x17]
frag 0 from TextNode start: 0, length: 1, rect: [204,59 6.4375x17] baseline: 13.296875
"f"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

9
Tests/LibWeb/Layout/expected/grid/order.txt
View file

@ -5,22 +5,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-1> at (271.328125,12) content-size 100x100 [BFC] children: inline
line 0 width: 7.9375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,12 7.9375x22]
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,12 7.9375x22] baseline: 17
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-2> at (530.65625,12) content-size 100x100 [BFC] children: inline
line 0 width: 11.015625, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,12 11.015625x22]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,12 11.015625x22] baseline: 17
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-3> at (12,12) content-size 100x100 [BFC] children: inline
line 0 width: 11.375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [12,12 11.375x22]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 11.375x22] baseline: 17
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

15
Tests/LibWeb/Layout/expected/grid/place-items-center-nested-grids.txt
View file

@ -3,20 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body> at (8,8) content-size 784x85 [GFC] children: not-inline
Box <div> at (8,8) content-size 784x85 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 65.328125x85 [BFC] children: inline
line 0 width: 50.5625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,8 50.5625x17]
frag 0 from TextNode start: 0, length: 6, rect: [8,8 50.5625x17] baseline: 13.296875
"Making"
line 1 width: 80.234375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 7, length: 8, rect: [8,25 80.234375x17]
frag 1 from TextNode start: 7, length: 8, rect: [8,25 80.234375x17] baseline: 13.296875
"Commerce"
line 2 width: 49.328125, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 16, length: 6, rect: [8,42 49.328125x17]
frag 2 from TextNode start: 16, length: 6, rect: [8,42 49.328125x17] baseline: 13.296875
"Better"
line 3 width: 25.625, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 23, length: 3, rect: [8,59 25.625x17]
frag 3 from TextNode start: 23, length: 3, rect: [8,59 25.625x17] baseline: 13.296875
"for"
line 4 width: 73.46875, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 27, length: 8, rect: [8,76 73.46875x17]
frag 4 from TextNode start: 27, length: 8, rect: [8,76 73.46875x17] baseline: 13.296875
"Everyone"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/place-items-center.txt
View file

@ -2,8 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x19 [GFC] children: not-inline
BlockContainer <div> at (362.9375,11) content-size 74.125x17 [BFC] children: inline
line 0 width: 74.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [362.9375,11 74.125x17]
frag 0 from TextNode start: 0, length: 8, rect: [362.9375,11 74.125x17] baseline: 13.296875
"Download"
TextNode <#text>

18
Tests/LibWeb/Layout/expected/grid/place-self.txt
View file

@ -3,39 +3,33 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x243 children: not-inline
Box <div.grid> at (31,31) content-size 738x39 [GFC] children: not-inline
BlockContainer <div.start> at (32,32) content-size 50.203125x17 [BFC] children: inline
line 0 width: 50.203125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17]
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17] baseline: 13.296875
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17 [BFC] children: inline
line 0 width: 52.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17]
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17] baseline: 13.296875
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,112) content-size 738x39 [GFC] children: not-inline
BlockContainer <div.center> at (185.796875,123) content-size 59.390625x17 [BFC] children: inline
line 0 width: 59.390625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [185.796875,123 59.390625x17]
frag 0 from TextNode start: 0, length: 7, rect: [185.796875,123 59.390625x17] baseline: 13.296875
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123) content-size 347x17 [BFC] children: inline
line 0 width: 61.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [411,123 61.859375x17]
frag 0 from TextNode start: 0, length: 7, rect: [411,123 61.859375x17] baseline: 13.296875
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,193) content-size 738x39 [GFC] children: not-inline
BlockContainer <div.end> at (363.328125,214) content-size 35.671875x17 [BFC] children: inline
line 0 width: 35.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [363.328125,214 35.671875x17]
frag 0 from TextNode start: 0, length: 4, rect: [363.328125,214 35.671875x17] baseline: 13.296875
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204) content-size 347x17 [BFC] children: inline
line 0 width: 38.140625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [411,204 38.140625x17]
frag 0 from TextNode start: 0, length: 4, rect: [411,204 38.140625x17] baseline: 13.296875
"End2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/placement-1.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x21 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x19 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 516.625x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.b> at (530.625,12) content-size 257.3125x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [530.625,12 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [530.625,12 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/placement-2.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x21 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x19 [GFC] children: not-inline
BlockContainer <div.grid-item.a> at (12,12) content-size 257.3125x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.grid-item.b> at (271.3125,12) content-size 516.625x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [271.3125,12 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [271.3125,12 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/placement-3.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x102 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x100 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 776x38 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.b> at (12,52) content-size 776x58 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,52 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,52 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/placement-4.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x40 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x38 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 776x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div> at (12,31) content-size 387x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,31 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,31 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/placement-using-named-tracks-1.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x21 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x19 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 387x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.b> at (401,12) content-size 387x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [401,12 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [401,12 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/placement-using-named-tracks-2.txt
View file

@ -3,23 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x77 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x75 [GFC] children: not-inline
BlockContainer <div.grid-item.a> at (12,12) content-size 257.328125x73 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div.grid-item.b> at (530.65625,12) content-size 257.328125x48 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,12 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,12 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <div.grid-item.c> at (271.328125,12) content-size 257.328125x23 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,12 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,12 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <div.grid-item.d> at (271.328125,62) content-size 516.65625x23 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,62 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,62 7.75x17] baseline: 13.296875
"4"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/placement-using-named-tracks-3.txt
View file

@ -3,23 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x40 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x38 [GFC] children: not-inline
BlockContainer <div.a> at (62,12) content-size 98x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [62,12 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [62,12 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <div> at (162,12) content-size 48x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [162,12 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [162,12 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <div> at (212,12) content-size 98x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [212,12 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [212,12 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <div> at (12,31) content-size 48x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,31 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,31 7.75x17] baseline: 13.296875
"4"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/relpos-grid-item.txt
View file

@ -2,13 +2,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (2,2) content-size 796x62 [BFC] children: not-inline
Box <body> at (12,12) content-size 600x42 [GFC] children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned [BFC] children: inline
line 0 width: 65.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17]
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17] baseline: 13.296875
"exekiller"
TextNode <#text>
BlockContainer <div.athena> at (24,25) content-size 200x17 positioned [BFC] children: inline
line 0 width: 53.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [24,25 53.171875x17]
frag 0 from TextNode start: 0, length: 6, rect: [24,25 53.171875x17] baseline: 13.296875
"athena"
TextNode <#text>

30
Tests/LibWeb/Layout/expected/grid/repeat.txt
View file

@ -5,43 +5,37 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 392x200 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,8) content-size 392x100 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,108) content-size 196x50 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,108 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,108 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (596,108) content-size 196x50 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [596,108 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [596,108 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,158) content-size 196x50 [BFC] children: inline
line 0 width: 8.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,158 8.453125x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,158 8.453125x17] baseline: 13.296875
"5"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (596,158) content-size 196x50 [BFC] children: inline
line 0 width: 8.734375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [596,158 8.734375x17]
frag 0 from TextNode start: 0, length: 1, rect: [596,158 8.734375x17] baseline: 13.296875
"6"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -54,29 +48,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,208) content-size 50x17 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,208 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,208 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (58,208) content-size 50x17 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [58,208 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [58,208 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (108,208) content-size 100x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [108,208 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [108,208 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (208,208) content-size 100x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,208 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [208,208 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

12
Tests/LibWeb/Layout/expected/grid/row-height.txt
View file

@ -5,29 +5,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 392x50 [BFC] children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17] baseline: 13.296875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,8) content-size 392x50 [BFC] children: inline
line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17] baseline: 13.296875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,58) content-size 392x17 [BFC] children: inline
line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,58 9.09375x17]
frag 0 from TextNode start: 0, length: 1, rect: [8,58 9.09375x17] baseline: 13.296875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,58) content-size 392x17 [BFC] children: inline
line 0 width: 7.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [400,58 7.75x17]
frag 0 from TextNode start: 0, length: 1, rect: [400,58 7.75x17] baseline: 13.296875
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

87
Tests/LibWeb/Layout/expected/grid/row-span-2-maxcontent.txt
View file

@ -5,100 +5,71 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 392x127.5 [BFC] children: inline
line 0 width: 319.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17]
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17] baseline: 13.296875
"In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17]
frag 1 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17] baseline: 13.296875
"rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 85, length: 48, rect: [401.46875,42 378.625x17]
frag 2 from TextNode start: 85, length: 48, rect: [401.46875,42 378.625x17] baseline: 13.296875
"Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 134, length: 22, rect: [401.46875,59 182.8125x17]
frag 3 from TextNode start: 134, length: 22, rect: [401.46875,59 182.8125x17] baseline: 13.296875
"at, consequat ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,135.5) content-size 392x178.5 [BFC] children: inline
line 0 width: 359.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,135.5 359.15625x17]
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,135.5 359.15625x17] baseline: 13.296875
"Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 45, length: 41, rect: [401.46875,152.5 318.5625x17]
frag 1 from TextNode start: 45, length: 41, rect: [401.46875,152.5 318.5625x17] baseline: 13.296875
"lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 87, length: 44, rect: [401.46875,169.5 377.640625x17]
frag 2 from TextNode start: 87, length: 44, rect: [401.46875,169.5 377.640625x17] baseline: 13.296875
"malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 132, length: 47, rect: [401.46875,186.5 378.03125x17]
frag 3 from TextNode start: 132, length: 47, rect: [401.46875,186.5 378.03125x17] baseline: 13.296875
"egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 180, length: 41, rect: [401.46875,203.5 345.953125x17]
frag 4 from TextNode start: 180, length: 41, rect: [401.46875,203.5 345.953125x17] baseline: 13.296875
"Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 222, length: 37, rect: [401.46875,220.5 312.765625x17]
frag 5 from TextNode start: 222, length: 37, rect: [401.46875,220.5 312.765625x17] baseline: 13.296875
"porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 260, length: 31, rect: [401.46875,237.5 242.921875x17]
frag 6 from TextNode start: 260, length: 31, rect: [401.46875,237.5 242.921875x17] baseline: 13.296875
"bibendum nulla lectus ut felis."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 393.46875x306 [BFC] children: inline
line 0 width: 337.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17]
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17] baseline: 13.296875
"Lorem ipsum dolor sit amet, consectetur"
line 1 width: 376.34375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17]
frag 1 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17] baseline: 13.296875
"adipiscing elit. Sed vitae condimentum erat, ac"
line 2 width: 365.84375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17]
frag 2 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17] baseline: 13.296875
"posuere arcu. Aenean tincidunt mi ligula, vel"
line 3 width: 381.96875, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 135, length: 46, rect: [8,59 381.96875x17]
frag 3 from TextNode start: 135, length: 46, rect: [8,59 381.96875x17] baseline: 13.296875
"semper dolor aliquet at. Phasellus scelerisque"
line 4 width: 377.203125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 182, length: 45, rect: [8,76 377.203125x17]
frag 4 from TextNode start: 182, length: 45, rect: [8,76 377.203125x17] baseline: 13.296875
"dapibus diam sed rhoncus. Proin sed orci leo."
line 5 width: 375.390625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 228, length: 45, rect: [8,93 375.390625x17]
frag 5 from TextNode start: 228, length: 45, rect: [8,93 375.390625x17] baseline: 13.296875
"Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 383.53125, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 274, length: 46, rect: [8,110 383.53125x17]
frag 6 from TextNode start: 274, length: 46, rect: [8,110 383.53125x17] baseline: 13.296875
"consectetur nulla malesuada. Sed pellentesque,"
line 7 width: 344.8125, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 321, length: 47, rect: [8,127 344.8125x17]
frag 7 from TextNode start: 321, length: 47, rect: [8,127 344.8125x17] baseline: 13.296875
"elit sit amet sollicitudin sollicitudin, lectus"
line 8 width: 374.703125, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 369, length: 46, rect: [8,144 374.703125x17]
frag 8 from TextNode start: 369, length: 46, rect: [8,144 374.703125x17] baseline: 13.296875
"justo facilisis lacus, ac vehicula metus neque"
line 9 width: 384.125, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 416, length: 45, rect: [8,161 384.125x17]
frag 9 from TextNode start: 416, length: 45, rect: [8,161 384.125x17] baseline: 13.296875
"ac mi. In in augue et massa maximus venenatis"
line 10 width: 373.25, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 462, length: 44, rect: [8,178 373.25x17]
frag 10 from TextNode start: 462, length: 44, rect: [8,178 373.25x17] baseline: 13.296875
"auctor fermentum dui. Aliquam dictum finibus"
line 11 width: 288.203125, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 507, length: 35, rect: [8,195 288.203125x17]
frag 11 from TextNode start: 507, length: 35, rect: [8,195 288.203125x17] baseline: 13.296875
"urna, quis lacinia massa laoreet a."
line 12 width: 316.296875, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 543, length: 36, rect: [8,212 316.296875x17]
frag 12 from TextNode start: 543, length: 36, rect: [8,212 316.296875x17] baseline: 13.296875
"Suspendisse elementum non lectus nec"
line 13 width: 388.78125, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 580, length: 48, rect: [8,229 388.78125x17]
frag 13 from TextNode start: 580, length: 48, rect: [8,229 388.78125x17] baseline: 13.296875
"elementum. Quisque ultricies suscipit porttitor."
line 14 width: 373.828125, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 629, length: 45, rect: [8,246 373.828125x17]
frag 14 from TextNode start: 629, length: 45, rect: [8,246 373.828125x17] baseline: 13.296875
"Sed non urna rutrum, mattis nulla at, feugiat"
line 15 width: 368.75, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 675, length: 48, rect: [8,263 368.75x17]
frag 15 from TextNode start: 675, length: 48, rect: [8,263 368.75x17] baseline: 13.296875
"erat. Duis orci elit, vehicula sed blandit eget,"
line 16 width: 390.625, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 724, length: 46, rect: [8,280 390.625x17]
frag 16 from TextNode start: 724, length: 46, rect: [8,280 390.625x17] baseline: 13.296875
"auctor in arcu. Ut cursus magna sit amet nulla"
line 17 width: 294.90625, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 771, length: 36, rect: [8,297 294.90625x17]
frag 17 from TextNode start: 771, length: 36, rect: [8,297 294.90625x17] baseline: 13.296875
"cursus, vitae gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

168
Tests/LibWeb/Layout/expected/grid/row-span-2-mincontent.txt
View file

@ -5,181 +5,125 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (108.640625,8) content-size 101.515625x238 [BFC] children: inline
line 0 width: 31.546875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 4, rect: [108.640625,8 31.546875x17]
frag 0 from TextNode start: 1, length: 4, rect: [108.640625,8 31.546875x17] baseline: 13.296875
"In a"
line 1 width: 84.84375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 6, length: 12, rect: [108.640625,25 84.84375x17]
frag 1 from TextNode start: 6, length: 12, rect: [108.640625,25 84.84375x17] baseline: 13.296875
"sollicitudin"
line 2 width: 86.046875, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 19, length: 10, rect: [108.640625,42 86.046875x17]
frag 2 from TextNode start: 19, length: 10, rect: [108.640625,42 86.046875x17] baseline: 13.296875
"augue. Sed"
line 3 width: 92.734375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 30, length: 11, rect: [108.640625,59 92.734375x17]
frag 3 from TextNode start: 30, length: 11, rect: [108.640625,59 92.734375x17] baseline: 13.296875
"ante augue,"
line 4 width: 101.3125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 42, length: 11, rect: [108.640625,76 101.3125x17]
frag 4 from TextNode start: 42, length: 11, rect: [108.640625,76 101.3125x17] baseline: 13.296875
"rhoncus nec"
line 5 width: 98.40625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 54, length: 13, rect: [108.640625,93 98.40625x17]
frag 5 from TextNode start: 54, length: 13, rect: [108.640625,93 98.40625x17] baseline: 13.296875
"porttitor id,"
line 6 width: 74.125, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 68, length: 10, rect: [108.640625,110 74.125x17]
frag 6 from TextNode start: 68, length: 10, rect: [108.640625,110 74.125x17] baseline: 13.296875
"lacinia et"
line 7 width: 37.28125, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 79, length: 5, rect: [108.640625,127 37.28125x17]
frag 7 from TextNode start: 79, length: 5, rect: [108.640625,127 37.28125x17] baseline: 13.296875
"nibh."
line 8 width: 101.515625, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 85, length: 12, rect: [108.640625,144 101.515625x17]
frag 8 from TextNode start: 85, length: 12, rect: [108.640625,144 101.515625x17] baseline: 13.296875
"Pellentesque"
line 9 width: 93.1875, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 98, length: 12, rect: [108.640625,161 93.1875x17]
frag 9 from TextNode start: 98, length: 12, rect: [108.640625,161 93.1875x17] baseline: 13.296875
"diam libero,"
line 10 width: 101.0625, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 111, length: 13, rect: [108.640625,178 101.0625x17]
frag 10 from TextNode start: 111, length: 13, rect: [108.640625,178 101.0625x17] baseline: 13.296875
"ultrices eget"
line 11 width: 88.109375, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 125, length: 12, rect: [108.640625,195 88.109375x17]
frag 11 from TextNode start: 125, length: 12, rect: [108.640625,195 88.109375x17] baseline: 13.296875
"eleifend at,"
line 12 width: 83.953125, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 138, length: 9, rect: [108.640625,212 83.953125x17]
frag 12 from TextNode start: 138, length: 9, rect: [108.640625,212 83.953125x17] baseline: 13.296875
"consequat"
line 13 width: 61.609375, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 148, length: 8, rect: [108.640625,229 61.609375x17]
frag 13 from TextNode start: 148, length: 8, rect: [108.640625,229 61.609375x17] baseline: 13.296875
"ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (108.640625,246) content-size 101.515625x306 [BFC] children: inline
line 0 width: 98.65625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 11, rect: [108.640625,246 98.65625x17]
frag 0 from TextNode start: 1, length: 11, rect: [108.640625,246 98.65625x17] baseline: 13.296875
"Suspendisse"
line 1 width: 60.734375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 13, length: 8, rect: [108.640625,263 60.734375x17]
frag 1 from TextNode start: 13, length: 8, rect: [108.640625,263 60.734375x17] baseline: 13.296875
"potenti."
line 2 width: 101.515625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 22, length: 12, rect: [108.640625,280 101.515625x17]
frag 2 from TextNode start: 22, length: 12, rect: [108.640625,280 101.515625x17] baseline: 13.296875
"Pellentesque"
line 3 width: 74.25, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 35, length: 9, rect: [108.640625,297 74.25x17]
frag 3 from TextNode start: 35, length: 9, rect: [108.640625,297 74.25x17] baseline: 13.296875
"at varius"
line 4 width: 80.546875, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 45, length: 10, rect: [108.640625,314 80.546875x17]
frag 4 from TextNode start: 45, length: 10, rect: [108.640625,314 80.546875x17] baseline: 13.296875
"lacus, sed"
line 5 width: 84.84375, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 56, length: 12, rect: [108.640625,331 84.84375x17]
frag 5 from TextNode start: 56, length: 12, rect: [108.640625,331 84.84375x17] baseline: 13.296875
"sollicitudin"
line 6 width: 27.65625, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 69, length: 4, rect: [108.640625,348 27.65625x17]
frag 6 from TextNode start: 69, length: 4, rect: [108.640625,348 27.65625x17] baseline: 13.296875
"leo."
line 7 width: 101.515625, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 74, length: 12, rect: [108.640625,365 101.515625x17]
frag 7 from TextNode start: 74, length: 12, rect: [108.640625,365 101.515625x17] baseline: 13.296875
"Pellentesque"
line 8 width: 80.15625, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 87, length: 9, rect: [108.640625,382 80.15625x17]
frag 8 from TextNode start: 87, length: 9, rect: [108.640625,382 80.15625x17] baseline: 13.296875
"malesuada"
line 9 width: 56.625, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 97, length: 7, rect: [108.640625,399 56.625x17]
frag 9 from TextNode start: 97, length: 7, rect: [108.640625,399 56.625x17] baseline: 13.296875
"mi eget"
line 10 width: 99.40625, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 105, length: 12, rect: [108.640625,416 99.40625x17]
frag 10 from TextNode start: 105, length: 12, rect: [108.640625,416 99.40625x17] baseline: 13.296875
"pellentesque"
line 11 width: 60.734375, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 118, length: 7, rect: [108.640625,433 60.734375x17]
frag 11 from TextNode start: 118, length: 7, rect: [108.640625,433 60.734375x17] baseline: 13.296875
"tempor."
line 12 width: 48.71875, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 126, length: 5, rect: [108.640625,450 48.71875x17]
frag 12 from TextNode start: 126, length: 5, rect: [108.640625,450 48.71875x17] baseline: 13.296875
"Donec"
line 13 width: 59.890625, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 132, length: 7, rect: [108.640625,467 59.890625x17]
frag 13 from TextNode start: 132, length: 7, rect: [108.640625,467 59.890625x17] baseline: 13.296875
"egestas"
line 14 width: 92.015625, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 140, length: 11, rect: [108.640625,484 92.015625x17]
frag 14 from TextNode start: 140, length: 11, rect: [108.640625,484 92.015625x17] baseline: 13.296875
"mauris est,"
line 15 width: 88.640625, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 152, length: 11, rect: [108.640625,501 88.640625x17]
frag 15 from TextNode start: 152, length: 11, rect: [108.640625,501 88.640625x17] baseline: 13.296875
"ut lobortis"
line 16 width: 84.9375, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 164, length: 11, rect: [108.640625,518 84.9375x17]
frag 16 from TextNode start: 164, length: 11, rect: [108.640625,518 84.9375x17] baseline: 13.296875
"nisi luctus"
line 17 width: 20.546875, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 176, length: 3, rect: [108.640625,535 20.546875x17]
frag 17 from TextNode start: 176, length: 3, rect: [108.640625,535 20.546875x17] baseline: 13.296875
"at."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 100.640625x544 [BFC] children: inline
line 0 width: 50.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17]
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17] baseline: 13.296875
"Lorem"
line 1 width: 94.9375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17]
frag 1 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17] baseline: 13.296875
"ipsum dolor"
line 2 width: 70.9375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17]
frag 2 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17] baseline: 13.296875
"sit amet,"
line 3 width: 96.84375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 29, length: 11, rect: [8,59 96.84375x17]
frag 3 from TextNode start: 29, length: 11, rect: [8,59 96.84375x17] baseline: 13.296875
"consectetur"
line 4 width: 75.71875, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 41, length: 10, rect: [8,76 75.71875x17]
frag 4 from TextNode start: 41, length: 10, rect: [8,76 75.71875x17] baseline: 13.296875
"adipiscing"
line 5 width: 65.265625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 52, length: 9, rect: [8,93 65.265625x17]
frag 5 from TextNode start: 52, length: 9, rect: [8,93 65.265625x17] baseline: 13.296875
"elit. Sed"
line 6 width: 37.6875, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 62, length: 5, rect: [8,110 37.6875x17]
frag 6 from TextNode start: 62, length: 5, rect: [8,110 37.6875x17] baseline: 13.296875
"vitae"
line 7 width: 100.640625, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 68, length: 11, rect: [8,127 100.640625x17]
frag 7 from TextNode start: 68, length: 11, rect: [8,127 100.640625x17] baseline: 13.296875
"condimentum"
line 8 width: 65.03125, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 80, length: 8, rect: [8,144 65.03125x17]
frag 8 from TextNode start: 80, length: 8, rect: [8,144 65.03125x17] baseline: 13.296875
"erat, ac"
line 9 width: 65.15625, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 89, length: 7, rect: [8,161 65.15625x17]
frag 9 from TextNode start: 89, length: 7, rect: [8,161 65.15625x17] baseline: 13.296875
"posuere"
line 10 width: 41.171875, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 97, length: 5, rect: [8,178 41.171875x17]
frag 10 from TextNode start: 97, length: 5, rect: [8,178 41.171875x17] baseline: 13.296875
"arcu."
line 11 width: 60.265625, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 103, length: 6, rect: [8,195 60.265625x17]
frag 11 from TextNode start: 103, length: 6, rect: [8,195 60.265625x17] baseline: 13.296875
"Aenean"
line 12 width: 93.34375, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 110, length: 12, rect: [8,212 93.34375x17]
frag 12 from TextNode start: 110, length: 12, rect: [8,212 93.34375x17] baseline: 13.296875
"tincidunt mi"
line 13 width: 73.90625, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 123, length: 11, rect: [8,229 73.90625x17]
frag 13 from TextNode start: 123, length: 11, rect: [8,229 73.90625x17] baseline: 13.296875
"ligula, vel"
line 14 width: 57.234375, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 135, length: 6, rect: [8,246 57.234375x17]
frag 14 from TextNode start: 135, length: 6, rect: [8,246 57.234375x17] baseline: 13.296875
"semper"
line 15 width: 41.640625, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 142, length: 5, rect: [8,263 41.640625x17]
frag 15 from TextNode start: 142, length: 5, rect: [8,263 41.640625x17] baseline: 13.296875
"dolor"
line 16 width: 83.09375, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 148, length: 11, rect: [8,280 83.09375x17]
frag 16 from TextNode start: 148, length: 11, rect: [8,280 83.09375x17] baseline: 13.296875
"aliquet at."
line 17 width: 75.8125, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 160, length: 9, rect: [8,297 75.8125x17]
frag 17 from TextNode start: 160, length: 9, rect: [8,297 75.8125x17] baseline: 13.296875
"Phasellus"
line 18 width: 92.1875, height: 17, bottom: 323, baseline: 13.296875
frag 0 from TextNode start: 170, length: 11, rect: [8,314 92.1875x17]
frag 18 from TextNode start: 170, length: 11, rect: [8,314 92.1875x17] baseline: 13.296875
"scelerisque"
line 19 width: 59.765625, height: 17, bottom: 340, baseline: 13.296875
frag 0 from TextNode start: 182, length: 7, rect: [8,331 59.765625x17]
frag 19 from TextNode start: 182, length: 7, rect: [8,331 59.765625x17] baseline: 13.296875
"dapibus"
line 20 width: 67.890625, height: 17, bottom: 357, baseline: 13.296875
frag 0 from TextNode start: 190, length: 8, rect: [8,348 67.890625x17]
frag 20 from TextNode start: 190, length: 8, rect: [8,348 67.890625x17] baseline: 13.296875
"diam sed"
line 21 width: 70.4375, height: 17, bottom: 374, baseline: 13.296875
frag 0 from TextNode start: 199, length: 8, rect: [8,365 70.4375x17]
frag 21 from TextNode start: 199, length: 8, rect: [8,365 70.4375x17] baseline: 13.296875
"rhoncus."
line 22 width: 78.8125, height: 17, bottom: 391, baseline: 13.296875
frag 0 from TextNode start: 208, length: 9, rect: [8,382 78.8125x17]
frag 22 from TextNode start: 208, length: 9, rect: [8,382 78.8125x17] baseline: 13.296875
"Proin sed"
line 23 width: 68.296875, height: 17, bottom: 408, baseline: 13.296875
frag 0 from TextNode start: 218, length: 9, rect: [8,399 68.296875x17]
frag 23 from TextNode start: 218, length: 9, rect: [8,399 68.296875x17] baseline: 13.296875
"orci leo."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

90
Tests/LibWeb/Layout/expected/grid/row-span-2-with-gaps.txt
View file

@ -5,103 +5,73 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (411.46875,8) content-size 382x126 [BFC] children: inline
line 0 width: 319.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 40, rect: [411.46875,8 319.171875x17]
frag 0 from TextNode start: 1, length: 40, rect: [411.46875,8 319.171875x17] baseline: 13.296875
"In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 42, length: 42, rect: [411.46875,25 335.125x17]
frag 1 from TextNode start: 42, length: 42, rect: [411.46875,25 335.125x17] baseline: 13.296875
"rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 85, length: 48, rect: [411.46875,42 378.625x17]
frag 2 from TextNode start: 85, length: 48, rect: [411.46875,42 378.625x17] baseline: 13.296875
"Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 134, length: 22, rect: [411.46875,59 182.8125x17]
frag 3 from TextNode start: 134, length: 22, rect: [411.46875,59 182.8125x17] baseline: 13.296875
"at, consequat ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (411.46875,154) content-size 382x177 [BFC] children: inline
line 0 width: 359.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 43, rect: [411.46875,154 359.15625x17]
frag 0 from TextNode start: 1, length: 43, rect: [411.46875,154 359.15625x17] baseline: 13.296875
"Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 45, length: 41, rect: [411.46875,171 318.5625x17]
frag 1 from TextNode start: 45, length: 41, rect: [411.46875,171 318.5625x17] baseline: 13.296875
"lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 87, length: 44, rect: [411.46875,188 377.640625x17]
frag 2 from TextNode start: 87, length: 44, rect: [411.46875,188 377.640625x17] baseline: 13.296875
"malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 132, length: 47, rect: [411.46875,205 378.03125x17]
frag 3 from TextNode start: 132, length: 47, rect: [411.46875,205 378.03125x17] baseline: 13.296875
"egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 180, length: 41, rect: [411.46875,222 345.953125x17]
frag 4 from TextNode start: 180, length: 41, rect: [411.46875,222 345.953125x17] baseline: 13.296875
"Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 222, length: 37, rect: [411.46875,239 312.765625x17]
frag 5 from TextNode start: 222, length: 37, rect: [411.46875,239 312.765625x17] baseline: 13.296875
"porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 260, length: 31, rect: [411.46875,256 242.921875x17]
frag 6 from TextNode start: 260, length: 31, rect: [411.46875,256 242.921875x17] baseline: 13.296875
"bibendum nulla lectus ut felis."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 383.46875x323 [BFC] children: inline
line 0 width: 337.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17]
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17] baseline: 13.296875
"Lorem ipsum dolor sit amet, consectetur"
line 1 width: 376.34375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17]
frag 1 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17] baseline: 13.296875
"adipiscing elit. Sed vitae condimentum erat, ac"
line 2 width: 365.84375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17]
frag 2 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17] baseline: 13.296875
"posuere arcu. Aenean tincidunt mi ligula, vel"
line 3 width: 381.96875, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 135, length: 46, rect: [8,59 381.96875x17]
frag 3 from TextNode start: 135, length: 46, rect: [8,59 381.96875x17] baseline: 13.296875
"semper dolor aliquet at. Phasellus scelerisque"
line 4 width: 377.203125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 182, length: 45, rect: [8,76 377.203125x17]
frag 4 from TextNode start: 182, length: 45, rect: [8,76 377.203125x17] baseline: 13.296875
"dapibus diam sed rhoncus. Proin sed orci leo."
line 5 width: 375.390625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 228, length: 45, rect: [8,93 375.390625x17]
frag 5 from TextNode start: 228, length: 45, rect: [8,93 375.390625x17] baseline: 13.296875
"Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 271.078125, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 274, length: 32, rect: [8,110 271.078125x17]
frag 6 from TextNode start: 274, length: 32, rect: [8,110 271.078125x17] baseline: 13.296875
"consectetur nulla malesuada. Sed"
line 7 width: 303.5625, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 307, length: 40, rect: [8,127 303.5625x17]
frag 7 from TextNode start: 307, length: 40, rect: [8,127 303.5625x17] baseline: 13.296875
"pellentesque, elit sit amet sollicitudin"
line 8 width: 346.625, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 348, length: 46, rect: [8,144 346.625x17]
frag 8 from TextNode start: 348, length: 46, rect: [8,144 346.625x17] baseline: 13.296875
"sollicitudin, lectus justo facilisis lacus, ac"
line 9 width: 350.234375, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 395, length: 42, rect: [8,161 350.234375x17]
frag 9 from TextNode start: 395, length: 42, rect: [8,161 350.234375x17] baseline: 13.296875
"vehicula metus neque ac mi. In in augue et"
line 10 width: 361.0625, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 438, length: 40, rect: [8,178 361.0625x17]
frag 10 from TextNode start: 438, length: 40, rect: [8,178 361.0625x17] baseline: 13.296875
"massa maximus venenatis auctor fermentum"
line 11 width: 371.734375, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 479, length: 46, rect: [8,195 371.734375x17]
frag 11 from TextNode start: 479, length: 46, rect: [8,195 371.734375x17] baseline: 13.296875
"dui. Aliquam dictum finibus urna, quis lacinia"
line 12 width: 369.59375, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 526, length: 42, rect: [8,212 369.59375x17]
frag 12 from TextNode start: 526, length: 42, rect: [8,212 369.59375x17] baseline: 13.296875
"massa laoreet a. Suspendisse elementum non"
line 13 width: 323.78125, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 569, length: 39, rect: [8,229 323.78125x17]
frag 13 from TextNode start: 569, length: 39, rect: [8,229 323.78125x17] baseline: 13.296875
"lectus nec elementum. Quisque ultricies"
line 14 width: 337, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 609, length: 40, rect: [8,246 337x17]
frag 14 from TextNode start: 609, length: 40, rect: [8,246 337x17] baseline: 13.296875
"suscipit porttitor. Sed non urna rutrum,"
line 15 width: 351.828125, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 650, length: 46, rect: [8,263 351.828125x17]
frag 15 from TextNode start: 650, length: 46, rect: [8,263 351.828125x17] baseline: 13.296875
"mattis nulla at, feugiat erat. Duis orci elit,"
line 16 width: 361.328125, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 697, length: 45, rect: [8,280 361.328125x17]
frag 16 from TextNode start: 697, length: 45, rect: [8,280 361.328125x17] baseline: 13.296875
"vehicula sed blandit eget, auctor in arcu. Ut"
line 17 width: 345.75, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 743, length: 41, rect: [8,297 345.75x17]
frag 17 from TextNode start: 743, length: 41, rect: [8,297 345.75x17] baseline: 13.296875
"cursus magna sit amet nulla cursus, vitae"
line 18 width: 180.234375, height: 17, bottom: 323, baseline: 13.296875
frag 0 from TextNode start: 785, length: 22, rect: [8,314 180.234375x17]
frag 18 from TextNode start: 785, length: 22, rect: [8,314 180.234375x17] baseline: 13.296875
"gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

87
Tests/LibWeb/Layout/expected/grid/row-span-2.txt
View file

@ -5,100 +5,71 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 392x127.5 [BFC] children: inline
line 0 width: 319.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17]
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17] baseline: 13.296875
"In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17]
frag 1 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17] baseline: 13.296875
"rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 85, length: 48, rect: [401.46875,42 378.625x17]
frag 2 from TextNode start: 85, length: 48, rect: [401.46875,42 378.625x17] baseline: 13.296875
"Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 134, length: 22, rect: [401.46875,59 182.8125x17]
frag 3 from TextNode start: 134, length: 22, rect: [401.46875,59 182.8125x17] baseline: 13.296875
"at, consequat ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,135.5) content-size 392x178.5 [BFC] children: inline
line 0 width: 359.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,135.5 359.15625x17]
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,135.5 359.15625x17] baseline: 13.296875
"Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 45, length: 41, rect: [401.46875,152.5 318.5625x17]
frag 1 from TextNode start: 45, length: 41, rect: [401.46875,152.5 318.5625x17] baseline: 13.296875
"lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 87, length: 44, rect: [401.46875,169.5 377.640625x17]
frag 2 from TextNode start: 87, length: 44, rect: [401.46875,169.5 377.640625x17] baseline: 13.296875
"malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 132, length: 47, rect: [401.46875,186.5 378.03125x17]
frag 3 from TextNode start: 132, length: 47, rect: [401.46875,186.5 378.03125x17] baseline: 13.296875
"egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 180, length: 41, rect: [401.46875,203.5 345.953125x17]
frag 4 from TextNode start: 180, length: 41, rect: [401.46875,203.5 345.953125x17] baseline: 13.296875
"Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 222, length: 37, rect: [401.46875,220.5 312.765625x17]
frag 5 from TextNode start: 222, length: 37, rect: [401.46875,220.5 312.765625x17] baseline: 13.296875
"porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 260, length: 31, rect: [401.46875,237.5 242.921875x17]
frag 6 from TextNode start: 260, length: 31, rect: [401.46875,237.5 242.921875x17] baseline: 13.296875
"bibendum nulla lectus ut felis."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 393.46875x306 [BFC] children: inline
line 0 width: 337.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17]
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17] baseline: 13.296875
"Lorem ipsum dolor sit amet, consectetur"
line 1 width: 376.34375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17]
frag 1 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17] baseline: 13.296875
"adipiscing elit. Sed vitae condimentum erat, ac"
line 2 width: 365.84375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17]
frag 2 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17] baseline: 13.296875
"posuere arcu. Aenean tincidunt mi ligula, vel"
line 3 width: 381.96875, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 135, length: 46, rect: [8,59 381.96875x17]
frag 3 from TextNode start: 135, length: 46, rect: [8,59 381.96875x17] baseline: 13.296875
"semper dolor aliquet at. Phasellus scelerisque"
line 4 width: 377.203125, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 182, length: 45, rect: [8,76 377.203125x17]
frag 4 from TextNode start: 182, length: 45, rect: [8,76 377.203125x17] baseline: 13.296875
"dapibus diam sed rhoncus. Proin sed orci leo."
line 5 width: 375.390625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 228, length: 45, rect: [8,93 375.390625x17]
frag 5 from TextNode start: 228, length: 45, rect: [8,93 375.390625x17] baseline: 13.296875
"Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 383.53125, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 274, length: 46, rect: [8,110 383.53125x17]
frag 6 from TextNode start: 274, length: 46, rect: [8,110 383.53125x17] baseline: 13.296875
"consectetur nulla malesuada. Sed pellentesque,"
line 7 width: 344.8125, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 321, length: 47, rect: [8,127 344.8125x17]
frag 7 from TextNode start: 321, length: 47, rect: [8,127 344.8125x17] baseline: 13.296875
"elit sit amet sollicitudin sollicitudin, lectus"
line 8 width: 374.703125, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 369, length: 46, rect: [8,144 374.703125x17]
frag 8 from TextNode start: 369, length: 46, rect: [8,144 374.703125x17] baseline: 13.296875
"justo facilisis lacus, ac vehicula metus neque"
line 9 width: 384.125, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 416, length: 45, rect: [8,161 384.125x17]
frag 9 from TextNode start: 416, length: 45, rect: [8,161 384.125x17] baseline: 13.296875
"ac mi. In in augue et massa maximus venenatis"
line 10 width: 373.25, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 462, length: 44, rect: [8,178 373.25x17]
frag 10 from TextNode start: 462, length: 44, rect: [8,178 373.25x17] baseline: 13.296875
"auctor fermentum dui. Aliquam dictum finibus"
line 11 width: 288.203125, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 507, length: 35, rect: [8,195 288.203125x17]
frag 11 from TextNode start: 507, length: 35, rect: [8,195 288.203125x17] baseline: 13.296875
"urna, quis lacinia massa laoreet a."
line 12 width: 316.296875, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 543, length: 36, rect: [8,212 316.296875x17]
frag 12 from TextNode start: 543, length: 36, rect: [8,212 316.296875x17] baseline: 13.296875
"Suspendisse elementum non lectus nec"
line 13 width: 388.78125, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 580, length: 48, rect: [8,229 388.78125x17]
frag 13 from TextNode start: 580, length: 48, rect: [8,229 388.78125x17] baseline: 13.296875
"elementum. Quisque ultricies suscipit porttitor."
line 14 width: 373.828125, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 629, length: 45, rect: [8,246 373.828125x17]
frag 14 from TextNode start: 629, length: 45, rect: [8,246 373.828125x17] baseline: 13.296875
"Sed non urna rutrum, mattis nulla at, feugiat"
line 15 width: 368.75, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 675, length: 48, rect: [8,263 368.75x17]
frag 15 from TextNode start: 675, length: 48, rect: [8,263 368.75x17] baseline: 13.296875
"erat. Duis orci elit, vehicula sed blandit eget,"
line 16 width: 390.625, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 724, length: 46, rect: [8,280 390.625x17]
frag 16 from TextNode start: 724, length: 46, rect: [8,280 390.625x17] baseline: 13.296875
"auctor in arcu. Ut cursus magna sit amet nulla"
line 17 width: 294.90625, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 771, length: 36, rect: [8,297 294.90625x17]
frag 17 from TextNode start: 771, length: 36, rect: [8,297 294.90625x17] baseline: 13.296875
"cursus, vitae gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

3
Tests/LibWeb/Layout/expected/grid/rows-1fr-1fr.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
Box <div.container> at (8,8) content-size 784x34 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 784x17 [BFC] children: inline
line 0 width: 31.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.265625x17]
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.265625x17] baseline: 13.296875
"Uno"
TextNode <#text>
BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline

6
Tests/LibWeb/Layout/expected/grid/should-not-cause-infinite-spinning-in-space-distribution.txt
View file

@ -2,13 +2,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x56 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x38 [GFC] children: not-inline
BlockContainer <div.foo> at (11,11) content-size 778x17 [BFC] children: inline
line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [11,11 27.15625x17]
frag 0 from TextNode start: 0, length: 3, rect: [11,11 27.15625x17] baseline: 13.296875
"foo"
TextNode <#text>
BlockContainer <div.bar> at (11,30) content-size 778x17 [BFC] children: inline
line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [11,30 27.640625x17]
frag 0 from TextNode start: 0, length: 3, rect: [11,30 27.640625x17] baseline: 13.296875
"bar"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/should-not-hang-in-size-distribution.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <body> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div#item> at (8,8) content-size 784x17 [BFC] children: not-inline
BlockContainer <div#block> at (8,8) content-size 784x17 children: inline
line 0 width: 210.484375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 26, rect: [8,8 210.484375x17]
frag 0 from TextNode start: 0, length: 26, rect: [8,8 210.484375x17] baseline: 13.296875
"Taika Waititi's Best Roles"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/template-areas-1.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x302 children: not-inline
Box <div.grid> at (11,11) content-size 778x300 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 298x198 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div.b> at (12,212) content-size 298x98 [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,212 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,212 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/template-areas-2.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x302 children: not-inline
Box <div.grid> at (11,11) content-size 778x300 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 198x298 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div.b> at (212,12) content-size 98x298 [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [212,12 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [212,12 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>

15
Tests/LibWeb/Layout/expected/grid/template-areas-3.txt
View file

@ -3,28 +3,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x674 children: not-inline
Box <div.grid> at (11,11) content-size 778x672 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 775.984375x334 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17] baseline: 13.296875
"a"
TextNode <#text>
BlockContainer <div.b> at (12,348) content-size 257.328125x334 [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,348 9.46875x17]
frag 0 from TextNode start: 0, length: 1, rect: [12,348 9.46875x17] baseline: 13.296875
"b"
TextNode <#text>
BlockContainer <div.c> at (271.328125,348) content-size 257.328125x334 [BFC] children: inline
line 0 width: 8.890625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,348 8.890625x17]
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,348 8.890625x17] baseline: 13.296875
"c"
TextNode <#text>
BlockContainer <div.d> at (530.65625,348) content-size 257.328125x166 [BFC] children: inline
line 0 width: 7.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,348 7.859375x17]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,348 7.859375x17] baseline: 13.296875
"d"
TextNode <#text>
BlockContainer <div.e> at (530.65625,516) content-size 257.328125x166 [BFC] children: inline
line 0 width: 8.71875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,516 8.71875x17]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,516 8.71875x17] baseline: 13.296875
"e"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/template-lines-and-areas.txt
View file

@ -3,13 +3,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.grid> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.item-left> at (8,8) content-size 261.328125x17 [BFC] children: inline
line 0 width: 21.609375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17]
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17] baseline: 13.296875
"1fr"
TextNode <#text>
BlockContainer <div.item-right> at (269.328125,8) content-size 522.65625x17 [BFC] children: inline
line 0 width: 21.609375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [269.328125,8 21.609375x17]
frag 0 from TextNode start: 0, length: 3, rect: [269.328125,8 21.609375x17] baseline: 13.296875
"1fr"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/track-size-calc-with-percentage.txt
View file

@ -4,8 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x17 flex-item [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 401.28125x17 [BFC] children: inline
line 0 width: 401.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 45, rect: [8,8 401.28125x17]
frag 0 from TextNode start: 0, length: 45, rect: [8,8 401.28125x17] baseline: 13.296875
"The 10 Most Anticipated Summer Movies of 2023"
TextNode <#text>

6
Tests/LibWeb/Layout/expected/grid/two-items-spanning-one-1fr-row.txt
View file

@ -2,13 +2,11 @@ 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 [GFC] children: not-inline
BlockContainer <div.foo> at (11,11) content-size 100x100 [BFC] children: inline
line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [11,11 27.15625x17]
frag 0 from TextNode start: 0, length: 3, rect: [11,11 27.15625x17] baseline: 13.296875
"foo"
TextNode <#text>
BlockContainer <div.bar> at (11,11) content-size 778x100 [BFC] children: inline
line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [11,11 27.640625x17]
frag 0 from TextNode start: 0, length: 3, rect: [11,11 27.640625x17] baseline: 13.296875
"bar"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/unresolvable-percentage-track.txt
View file

@ -4,8 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 36.84375x17 flex-item [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 36.84375x17 [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17]
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17] baseline: 13.296875
"hello"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/valid-grid-areas-1.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17 [GFC] children: not-inline
BlockContainer <div.grid-item> at (8,8) content-size 392x17 [BFC] children: inline
line 0 width: 21.609375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17]
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17] baseline: 13.296875
"1fr"
TextNode <#text>

3
Tests/LibWeb/Layout/expected/grid/vertical-margins-auto.txt
View file

@ -3,8 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x502 children: not-inline
Box <div.container> at (11,11) content-size 500x500 [GFC] children: not-inline
BlockContainer <div.item> at (244.828125,252.5) content-size 32.34375x17 [BFC] children: inline
line 0 width: 32.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [244.828125,252.5 32.34375x17]
frag 0 from TextNode start: 0, length: 4, rect: [244.828125,252.5 32.34375x17] baseline: 13.296875
"item"
TextNode <#text>