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: Bring CSS line-height closer to other engines

Browse source 
This patch makes a few changes to the way we calculate line-height:

- `line-height: normal` is now resolved using metrics from the used
  font (specifically, round(A + D + lineGap)).

- `line-height: calc(...)` is now resolved at style compute time.

- `line-height` values are now absolutized at style compute time.

As a consequence of the above, we no longer need to walk the DOM
ancestor chain looking for line-heights during style computation.
Instead, values are inherited, resolved and absolutized locally.

This is not only much faster, but also makes our line-height metrics
match those of other engines like Gecko and Blink.
This commit is contained in:
Andreas Kling 2024-01-12 12:39:40 +01:00
parent f0722671c3
commit e7de5cb4d2
385 changed files with 6889 additions and 6893 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.outer-grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.inner-absolute-block> at (8,8) content-size 80.765625x17.46875 positioned [BFC] children: inline
line 0 width: 80.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,8 80.765625x17.46875]
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]
"some text"
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x17.46875 [BFC] children: inline
line 0 width: 80.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,8 80.25x17.46875]
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]
"more text"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.outer-grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.inner-absolute-block) [8,8 80.765625x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.outer-grid) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.inner-absolute-block) [8,8 80.765625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
TextPaintable (TextNode<#text>)

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

@ -1,64 +1,64 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x262.40625 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x244.40625 children: not-inline
BlockContainer <html> at (1,1) content-size 798x261 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x243 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.start> at (31,31) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div> at (32,32) content-size 367x17.46875 [BFC] children: inline
line 0 width: 50.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17.46875]
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]
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17.46875 [BFC] children: inline
line 0 width: 52.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17.46875]
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]
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91.46875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,91) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.center> at (31,112.46875) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div> at (32,123.46875) content-size 367x17.46875 [BFC] children: inline
line 0 width: 59.390625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [32,123.46875 59.390625x17.46875]
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]
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123.46875) content-size 347x17.46875 [BFC] children: inline
line 0 width: 61.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [411,123.46875 61.859375x17.46875]
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]
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172.9375) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,172) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.end> at (31,193.9375) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div> at (32,214.9375) content-size 367x17.46875 [BFC] children: inline
line 0 width: 35.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [32,214.9375 35.671875x17.46875]
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]
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204.9375) content-size 347x17.46875 [BFC] children: inline
line 0 width: 38.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [411,204.9375 38.140625x17.46875]
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]
"End2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x264.40625]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x246.40625]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x263]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x245]
PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
PaintableBox (Box<DIV>.grid.start) [10,10 780x81.46875]
PaintableWithLines (BlockContainer<DIV>) [31,31 369x19.46875]
PaintableBox (Box<DIV>.grid.start) [10,10 780x81]
PaintableWithLines (BlockContainer<DIV>) [31,31 369x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,31 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,31 369x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,91.46875 780x0]
PaintableBox (Box<DIV>.grid.center) [10,91.46875 780x81.46875]
PaintableWithLines (BlockContainer<DIV>) [31,122.46875 369x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,91 780x0]
PaintableBox (Box<DIV>.grid.center) [10,91 780x81]
PaintableWithLines (BlockContainer<DIV>) [31,122 369x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112.46875 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112 369x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,172.9375 780x0]
PaintableBox (Box<DIV>.grid.end) [10,172.9375 780x81.46875]
PaintableWithLines (BlockContainer<DIV>) [31,213.9375 369x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,172 780x0]
PaintableBox (Box<DIV>.grid.end) [10,172 780x81]
PaintableWithLines (BlockContainer<DIV>) [31,213 369x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,193.9375 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,193 369x39]
TextPaintable (TextNode<#text>)

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

@ -1,64 +1,64 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x262.40625 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x244.40625 children: not-inline
BlockContainer <html> at (1,1) content-size 798x261 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x243 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,31) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.start> at (32,32) content-size 367x17.46875 [BFC] children: inline
line 0 width: 50.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17.46875]
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]
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17.46875 [BFC] children: inline
line 0 width: 52.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17.46875]
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]
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91.46875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,91) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,112.46875) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.center> at (32,123.46875) content-size 367x17.46875 [BFC] children: inline
line 0 width: 59.390625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [32,123.46875 59.390625x17.46875]
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]
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123.46875) content-size 347x17.46875 [BFC] children: inline
line 0 width: 61.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [411,123.46875 61.859375x17.46875]
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]
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172.9375) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,172) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,193.9375) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.end> at (32,214.9375) content-size 367x17.46875 [BFC] children: inline
line 0 width: 35.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [32,214.9375 35.671875x17.46875]
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]
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204.9375) content-size 347x17.46875 [BFC] children: inline
line 0 width: 38.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [411,204.9375 38.140625x17.46875]
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]
"End2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x264.40625]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x246.40625]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x263]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x245]
PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
PaintableBox (Box<DIV>.grid) [10,10 780x81.46875]
PaintableWithLines (BlockContainer<DIV>.start) [31,31 369x19.46875]
PaintableBox (Box<DIV>.grid) [10,10 780x81]
PaintableWithLines (BlockContainer<DIV>.start) [31,31 369x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,31 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,31 369x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,91.46875 780x0]
PaintableBox (Box<DIV>.grid) [10,91.46875 780x81.46875]
PaintableWithLines (BlockContainer<DIV>.center) [31,122.46875 369x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,91 780x0]
PaintableBox (Box<DIV>.grid) [10,91 780x81]
PaintableWithLines (BlockContainer<DIV>.center) [31,122 369x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112.46875 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112 369x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,172.9375 780x0]
PaintableBox (Box<DIV>.grid) [10,172.9375 780x81.46875]
PaintableWithLines (BlockContainer<DIV>.end) [31,213.9375 369x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,172 780x0]
PaintableBox (Box<DIV>.grid) [10,172 780x81]
PaintableWithLines (BlockContainer<DIV>.end) [31,213 369x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,193.9375 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,193 369x39]
TextPaintable (TextNode<#text>)

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

@ -5,29 +5,29 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,108 9.09375x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,108 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17.46875]
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]
"hello"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid) [8,8 784x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x73.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x57.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x57.46875 [GFC] children: not-inline
BlockContainer <div.grid-item> at (28,28) content-size 744x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [397,28 6.34375x17.46875]
BlockContainer <html> at (0,0) content-size 800x73 [BFC] 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]
"1"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x73.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x57.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x57.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 784x57.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x73]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x57]
PaintableBox (Box<DIV>.grid-container) [8,8 784x57]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 784x57]
TextPaintable (TextNode<#text>)

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

@ -1,30 +1,30 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x250.9375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x234.9375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x234.9375 [GFC] children: not-inline
BlockContainer <html> at (0,0) content-size 800x250 [BFC] 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,8 46.71875x17.46875]
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]
"Item 1"
TextNode <#text>
BlockContainer <div> at (8,208) content-size 784x17.46875 [BFC] children: inline
line 0 width: 49.1875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,208 49.1875x17.46875]
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]
"Item 2"
TextNode <#text>
BlockContainer <div> at (8,225.46875) content-size 784x17.46875 [BFC] children: inline
line 0 width: 49.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,225.46875 49.46875x17.46875]
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]
"Item 3"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x250.9375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x234.9375]
PaintableBox (Box<DIV>.grid-container) [8,8 784x234.9375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x250]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x234]
PaintableBox (Box<DIV>.grid-container) [8,8 784x234]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x200]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,208 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,208 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,225.46875 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,225 784x17]
TextPaintable (TextNode<#text>)

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

@ -1,26 +1,26 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] 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 <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -28,11 +28,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [269.328125,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [269.328125,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [530.65625,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [530.65625,8 261.328125x17]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x97.46875 children: not-inline
Box <div.container> at (18,18) content-size 764x77.46875 [GFC] children: not-inline
BlockContainer <div.item> at (48,48) content-size 704x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [48,48 6.34375x17.46875]
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]
"1"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x97.46875]
PaintableBox (Box<DIV>.container) [8,8 784x97.46875]
PaintableWithLines (BlockContainer<DIV>.item) [18,18 764x77.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x97]
PaintableBox (Box<DIV>.container) [8,8 784x97]
PaintableWithLines (BlockContainer<DIV>.item) [18,18 764x77]
TextPaintable (TextNode<#text>)

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

@ -1,26 +1,26 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] 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 <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -28,11 +28,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [269.328125,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [269.328125,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [530.65625,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [530.65625,8 261.328125x17]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 156.796875x17.46875 [BFC] children: not-inline
BlockContainer <div.item> at (164.796875,8) content-size 627.1875x17.46875 [BFC] children: inline
line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [164.796875,8 27.15625x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] 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]
"foo"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableBox (Box<BODY>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 156.796875x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [164.796875,8 627.1875x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableBox (Box<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 156.796875x17]
PaintableWithLines (BlockContainer<DIV>.item) [164.796875,8 627.1875x17]
TextPaintable (TextNode<#text>)

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

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline
Box <body> at (10,10) content-size 200x19.46875 [GFC] children: not-inline
BlockContainer <div> at (11,11) content-size 98x17.46875 [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17.46875]
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]
"hello"
TextNode <#text>
BlockContainer <div> at (111,11) content-size 98x17.46875 [BFC] children: inline
line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [111,11 55.359375x17.46875]
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]
"friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
PaintableBox (Box<BODY>) [9,9 202x21.46875]
PaintableWithLines (BlockContainer<DIV>) [10,10 100x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableBox (Box<BODY>) [9,9 202x21]
PaintableWithLines (BlockContainer<DIV>) [10,10 100x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [110,10 100x19.46875]
PaintableWithLines (BlockContainer<DIV>) [110,10 100x19]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div#grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div#title> at (8,8) content-size 88.171875x17.46875 [BFC] children: inline
line 0 width: 88.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [8,8 88.171875x17.46875]
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]
"Game Title"
TextNode <#text>
BlockContainer <div#board> at (96.171875,8) content-size 695.828125x17.46875 [BFC] children: inline
line 0 width: 45.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [96.171875,8 45.734375x17.46875]
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]
"Board"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>#grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>#title) [8,8 88.171875x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>#grid) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>#title) [8,8 88.171875x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#board) [96.171875,8 695.828125x17.46875]
PaintableWithLines (BlockContainer<DIV>#board) [96.171875,8 695.828125x17]
TextPaintable (TextNode<#text>)

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

@ -1,33 +1,33 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x34 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,25.46875) content-size 392x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,25.46875) content-size 392x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,25.46875 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -35,13 +35,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableBox (Box<DIV>.grid-container) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.grid-container) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,8 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,8 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,25.46875 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,25 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,25.46875 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,25 392x17]
TextPaintable (TextNode<#text>)

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

@ -1,163 +1,163 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x428.28125 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x74.9375 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x425 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x74 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,18) content-size 372x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,18 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,18) content-size 372x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [410,18 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,55.46875) content-size 372x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,55.46875 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,55.46875) content-size 372x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [410,55.46875 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,82.9375) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,82) content-size 784x0 children: inline
TextNode <#text>
Box <div.grid-container> at (8,82.9375) content-size 784x107.46875 [GFC] children: not-inline
Box <div.grid-container> at (8,82) content-size 784x107 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,92.9375) content-size 372x50 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,92.9375 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,92.9375) content-size 372x50 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [410,92.9375 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,162.9375) content-size 372x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,162.9375 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (410,162.9375) content-size 372x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [410,162.9375 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,190.40625) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,189) content-size 784x0 children: inline
TextNode <#text>
Box <div.grid-container> at (8,190.40625) content-size 784x84.9375 [GFC] children: not-inline
Box <div.grid-container> at (8,189) content-size 784x84 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,200.40625) content-size 347x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,200.40625 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (435,200.40625) content-size 347x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [435,200.40625 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,247.875) content-size 347x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,247.875 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (435,247.875) content-size 347x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [435,247.875 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,275.34375) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,273) content-size 784x0 children: inline
TextNode <#text>
Box <div.grid-container> at (8,275.34375) content-size 784x90.9375 [GFC] children: not-inline
Box <div.grid-container> at (8,273) content-size 784x90 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (444.203125,285.34375) content-size 337.796875x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [444.203125,285.34375 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,338.8125) content-size 337.796875x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,338.8125 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,366.28125) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,363) content-size 784x0 children: inline
TextNode <#text>
Box <div.grid-container> at (8,366.28125) content-size 784x50 [GFC] children: not-inline
Box <div.grid-container> at (8,363) content-size 784x50 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,376.28125) content-size 280x5 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,376.28125 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (318,376.28125) content-size 280x5 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [318,376.28125 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,401.28125) content-size 280x5 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,401.28125 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (318,401.28125) content-size 280x5 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [318,401.28125 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,416.28125) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,413) content-size 784x0 children: inline
TextNode <#text>
Box <div.grid-container> at (8,416.28125) content-size 784x20 [GFC] children: not-inline
Box <div.grid-container> at (8,413) content-size 784x20 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,426.28125) content-size 764x0 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,426.28125 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -165,53 +165,53 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x428.28125] overflow: [8,8 784x435.75]
PaintableBox (Box<DIV>.grid-container) [8,8 784x74.9375]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x37.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x425] overflow: [8,8 784x432]
PaintableBox (Box<DIV>.grid-container) [8,8 784x74]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,8 392x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,8 392x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,45.46875 392x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,45 392x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,45.46875 392x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,45 392x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,82.9375 784x0]
PaintableBox (Box<DIV>.grid-container) [8,82.9375 784x107.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,82.9375 392x70]
PaintableWithLines (BlockContainer(anonymous)) [8,82 784x0]
PaintableBox (Box<DIV>.grid-container) [8,82 784x107]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,82 392x70]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,82.9375 392x70]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,82 392x70]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,152.9375 392x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,152 392x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,152.9375 392x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,152 392x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,190.40625 784x0]
PaintableBox (Box<DIV>.grid-container) [8,190.40625 784x84.9375]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,190.40625 367x37.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,189 784x0]
PaintableBox (Box<DIV>.grid-container) [8,189 784x84]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,189 367x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [425,190.40625 367x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [425,189 367x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,237.875 367x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,236 367x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [425,237.875 367x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [425,236 367x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,275.34375 784x0]
PaintableBox (Box<DIV>.grid-container) [8,275.34375 784x90.9375]
PaintableWithLines (BlockContainer<DIV>.grid-item) [434.203125,275.34375 357.796875x37.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,273 784x0]
PaintableBox (Box<DIV>.grid-container) [8,273 784x90]
PaintableWithLines (BlockContainer<DIV>.grid-item) [434.203125,273 357.796875x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,328.8125 357.796875x37.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,326 357.796875x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,366.28125 784x0]
PaintableBox (Box<DIV>.grid-container) [8,366.28125 784x50] overflow: [8,366.28125 784x52.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,366.28125 300x25] overflow: [18,376.28125 280x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,363 784x0]
PaintableBox (Box<DIV>.grid-container) [8,363 784x50] overflow: [8,363 784x52]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,363 300x25] overflow: [18,373 280x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [308,366.28125 300x25] overflow: [318,376.28125 280x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [308,363 300x25] overflow: [318,373 280x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,391.28125 300x25] overflow: [18,401.28125 280x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,388 300x25] overflow: [18,398 280x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [308,391.28125 300x25] overflow: [318,401.28125 280x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [308,388 300x25] overflow: [318,398 280x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,416.28125 784x0]
PaintableBox (Box<DIV>.grid-container) [8,416.28125 784x20] overflow: [8,416.28125 784x27.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,416.28125 784x20] overflow: [18,426.28125 6.34375x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,413 784x0]
PaintableBox (Box<DIV>.grid-container) [8,413 784x20] overflow: [8,413 784x27]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,413 784x20] overflow: [18,423 6.34375x17]
TextPaintable (TextNode<#text>)

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

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.grid-item> at (8,8) content-size 200x17.46875 [BFC] children: inline
line 0 width: 31.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.265625x17.46875]
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]
"Uno"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 200x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 200x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 367x17.46875 [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] 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]
"a"
TextNode <#text>
BlockContainer <div> at (425,8) content-size 367x17.46875 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [425,8 9.46875x17.46875]
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]
"b"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 367x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 367x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [425,8 367x17.46875]
PaintableWithLines (BlockContainer<DIV>) [425,8 367x17]
TextPaintable (TextNode<#text>)

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

@ -3,13 +3,13 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 35, rect: [12,12 311.21875x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 35, rect: [12,112 311.21875x17.46875]
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]
"Making Commerce Better for Everyone"
TextNode <#text>

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

@ -1,33 +1,33 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x34 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 50x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (58,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [58,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,25.46875) content-size 50x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (58,25.46875) content-size 392x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [58,25.46875 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -35,13 +35,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableBox (Box<DIV>.grid-container) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 50x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.grid-container) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 50x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [58,8 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [58,8 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,25.46875 50x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,25 50x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [58,25.46875 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [58,25 392x17]
TextPaintable (TextNode<#text>)

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

@ -1,40 +1,40 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] 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)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.right> at (400,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,8 9.34375x17.46875]
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]
"a"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left> at (8,8) content-size 392x17.46875 [BFC] children: not-inline
BlockContainer <div.left> at (8,8) content-size 392x17 [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 392x0 children: inline
TextNode <#text>
BlockContainer <div.inner> at (8,8) content-size 392x17.46875 children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.46875x17.46875]
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]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25.46875) content-size 392x0 children: inline
BlockContainer <(anonymous)> at (8,25) content-size 392x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.right) [400,8 392x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.right) [400,8 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.left) [8,8 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.left) [8,8 392x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 392x0]
PaintableWithLines (BlockContainer<DIV>.inner) [8,8 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.inner) [8,8 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 392x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25 392x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

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

@ -1,37 +1,37 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.container> at (8,8) content-size 203.28125x34.9375 floating [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 101.640625x17.46875 [BFC] children: inline
line 0 width: 79.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,8 79.25x17.46875]
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]
"some-text"
TextNode <#text>
BlockContainer <div.item> at (109.640625,8) content-size 101.640625x17.46875 [BFC] children: inline
line 0 width: 78.03125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [109.640625,8 78.03125x17.46875]
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]
"goes-here"
TextNode <#text>
BlockContainer <div.item> at (8,25.46875) content-size 101.640625x17.46875 [BFC] children: inline
line 0 width: 101.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [8,25.46875 101.640625x17.46875]
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]
"another-text"
TextNode <#text>
BlockContainer <div.item> at (109.640625,25.46875) content-size 101.640625x17.46875 [BFC] children: inline
line 0 width: 84.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [109.640625,25.46875 84.890625x17.46875]
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]
"goes-there"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 203.28125x34.9375]
PaintableBox (Box<DIV>.container) [8,8 203.28125x34.9375]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 101.640625x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 203.28125x34]
PaintableBox (Box<DIV>.container) [8,8 203.28125x34]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 101.640625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [109.640625,8 101.640625x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [109.640625,8 101.640625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [8,25.46875 101.640625x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [8,25 101.640625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [109.640625,25.46875 101.640625x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [109.640625,25 101.640625x17]
TextPaintable (TextNode<#text>)

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

@ -1,50 +1,50 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x27.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x27.46875 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 784x27.46875 [BFC] children: not-inline
BlockContainer <div.left> at (8,8) content-size 6.34375x17.46875 floating [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
BlockContainer <body> at (8,8) content-size 784x27 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]
"1"
TextNode <#text>
TableWrapper <(anonymous)> at (14.34375,8) content-size 156.796875x27.46875 floating [BFC] children: not-inline
Box <table.middle> at (15.34375,9) content-size 154.796875x25.46875 table-box [TFC] children: not-inline
Box <tbody> at (15.34375,9) content-size 148.796875x21.46875 table-row-group children: not-inline
Box <tr> at (17.34375,11) content-size 148.796875x21.46875 table-row children: not-inline
BlockContainer <td> at (19.34375,13) content-size 69.59375x17.46875 table-cell [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [19.34375,13 8.8125x17.46875]
TableWrapper <(anonymous)> at (14.34375,8) content-size 156.796875x27 floating [BFC] children: not-inline
Box <table.middle> at (15.34375,9) content-size 154.796875x25 table-box [TFC] 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]
"2"
TextNode <#text>
BlockContainer <td> at (94.9375,13) content-size 71.203125x17.46875 table-cell [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [94.9375,13 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <div.right> at (171.140625,8) content-size 7.75x17.46875 floating [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [171.140625,8 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> at (8,35.46875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,35) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x27.46875]
PaintableBox (Box<DIV>.grid) [8,8 784x27.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x27.46875]
PaintableWithLines (BlockContainer<DIV>.left) [8,8 6.34375x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x27]
PaintableBox (Box<DIV>.grid) [8,8 784x27]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x27]
PaintableWithLines (BlockContainer<DIV>.left) [8,8 6.34375x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (TableWrapper(anonymous)) [14.34375,8 156.796875x27.46875]
PaintableBox (Box<TABLE>.middle) [14.34375,8 156.796875x27.46875]
PaintableBox (Box<TBODY>) [15.34375,9 148.796875x21.46875] overflow: [15.34375,9 152.796875x23.46875]
PaintableBox (Box<TR>) [17.34375,11 148.796875x21.46875] overflow: [17.34375,11 150.796875x21.46875]
PaintableWithLines (BlockContainer<TD>) [17.34375,11 73.59375x21.46875]
PaintableWithLines (TableWrapper(anonymous)) [14.34375,8 156.796875x27]
PaintableBox (Box<TABLE>.middle) [14.34375,8 156.796875x27]
PaintableBox (Box<TBODY>) [15.34375,9 148.796875x21] overflow: [15.34375,9 152.796875x23]
PaintableBox (Box<TR>) [17.34375,11 148.796875x21] overflow: [17.34375,11 150.796875x21]
PaintableWithLines (BlockContainer<TD>) [17.34375,11 73.59375x21]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<TD>) [92.9375,11 75.203125x21.46875]
PaintableWithLines (BlockContainer<TD>) [92.9375,11 75.203125x21]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.right) [171.140625,8 7.75x17.46875]
PaintableWithLines (BlockContainer<DIV>.right) [171.140625,8 7.75x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,35.46875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,35 784x0]

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

@ -1,37 +1,37 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x84.9375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x84.9375 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 342x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.two> at (450,8) content-size 342x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [450,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <div.three> at (8,75.46875) content-size 342x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,75.46875 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <div.four> at (450,75.46875) content-size 342x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [450,75.46875 7.75x17.46875]
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]
"4"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x84.9375]
PaintableBox (Box<DIV>.grid-container) [8,8 784x84.9375]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 342x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x84]
PaintableBox (Box<DIV>.grid-container) [8,8 784x84]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 342x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.two) [450,8 342x17.46875]
PaintableWithLines (BlockContainer<DIV>.two) [450,8 342x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.three) [8,75.46875 342x17.46875]
PaintableWithLines (BlockContainer<DIV>.three) [8,75 342x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.four) [450,75.46875 342x17.46875]
PaintableWithLines (BlockContainer<DIV>.four) [450,75 342x17]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x50.9375 children: not-inline
Box <div.container> at (8,8) content-size 784x50.9375 [GFC] children: not-inline
BlockContainer <div.item> at (434.203125,8) content-size 357.796875x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [434.203125,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.item> at (8,41.46875) content-size 357.796875x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,41.46875 8.8125x17.46875]
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]
"2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50.9375]
PaintableBox (Box<DIV>.container) [8,8 784x50.9375]
PaintableWithLines (BlockContainer<DIV>.item) [434.203125,8 357.796875x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
PaintableBox (Box<DIV>.container) [8,8 784x50]
PaintableWithLines (BlockContainer<DIV>.item) [434.203125,8 357.796875x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [8,41.46875 357.796875x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [8,41 357.796875x17]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item> at (410,8) content-size 382x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [410,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [410,8 382x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.item) [410,8 382x17]
TextPaintable (TextNode<#text>)

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

@ -1,50 +1,50 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x355.5 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x355.5 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x356 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x356 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (68,68) content-size 17.046875x32.75 [BFC] children: inline
line 0 width: 11.890625, height: 32.75, bottom: 32.75, baseline: 25.375
frag 0 from TextNode start: 0, length: 1, rect: [71,68 11.890625x32.75]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (255.046875,68) content-size 16.53125x32.75 [BFC] children: inline
line 0 width: 16.53125, height: 32.75, bottom: 32.75, baseline: 25.375
frag 0 from TextNode start: 0, length: 1, rect: [255.046875,68 16.53125x32.75]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (68,270.75) content-size 17.046875x32.75 [BFC] children: inline
line 0 width: 17.046875, height: 32.75, bottom: 32.75, baseline: 25.375
frag 0 from TextNode start: 0, length: 1, rect: [68,270.75 17.046875x32.75]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (255.046875,270.75) content-size 16.53125x32.75 [BFC] children: inline
line 0 width: 14.53125, height: 32.75, bottom: 32.75, baseline: 25.375
frag 0 from TextNode start: 0, length: 1, rect: [256.046875,270.75 14.53125x32.75]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,363.5) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,364) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x355.5]
PaintableBox (Box<DIV>.grid-container) [8,8 784x355.5]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 137.046875x152.75]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x356]
PaintableBox (Box<DIV>.grid-container) [8,8 784x356]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 137.046875x153]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,8 136.53125x152.75]
PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,8 136.53125x153]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,210.75 137.046875x152.75]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,211 137.046875x153]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,210.75 136.53125x152.75]
PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,211 136.53125x153]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,363.5 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,364 784x0]

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

@ -3,8 +3,8 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17.46875]
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]
"First"
TextNode <#text>

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

@ -1,140 +1,140 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x458.28125 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x440.28125 children: not-inline
Box <div.grid> at (11,11) content-size 500x438.28125 [GFC] children: not-inline
BlockContainer <html> at (1,1) content-size 798x446 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x428 children: not-inline
Box <div.grid> at (11,11) content-size 500x426 [GFC] 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.46875 [BFC] children: inline
line 0 width: 322.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 38, rect: [99.71875,12 322.5625x17.46875]
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]
"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.46875) content-size 257.625x17.46875 [BFC] children: inline
line 0 width: 257.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 31, rect: [252.375,31.46875 257.625x17.46875]
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]
"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.9375) content-size 268.484375x17.46875 [BFC] children: inline
line 0 width: 268.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 32, rect: [12,50.9375 268.484375x17.46875]
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]
"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,70.40625) content-size 371.484375x17.46875 [BFC] children: inline
line 0 width: 371.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 45, rect: [75.25,70.40625 371.484375x17.46875]
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]
"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,89.875) content-size 306.546875x17.46875 [BFC] children: inline
line 0 width: 306.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 38, rect: [203.453125,89.875 306.546875x17.46875]
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]
"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,109.34375) content-size 317.40625x17.46875 [BFC] children: inline
line 0 width: 317.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 39, rect: [12,109.34375 317.40625x17.46875]
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]
"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,128.8125) content-size 50x105.15625 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [236,128.8125 36.328125x17.46875]
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]
"auto"
line 1 width: 81.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 5, length: 10, rect: [236,145.8125 81.84375x17.46875]
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]
"horizontal"
line 2 width: 61.453125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 16, length: 7, rect: [236,162.8125 61.453125x17.46875]
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]
"margins"
line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 24, length: 3, rect: [236,180.8125 26.8125x17.46875]
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]
"and"
line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 28, length: 5, rect: [236,197.8125 37.28125x17.46875]
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]
"fixed"
line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 34, length: 5, rect: [236,215.8125 39.796875x17.46875]
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]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.fixed-width> at (460,235.96875) content-size 50x105.15625 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [460,235.96875 36.328125x17.46875]
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]
"auto"
line 1 width: 26.25, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 5, length: 4, rect: [460,252.96875 26.25x17.46875]
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]
"left"
line 2 width: 52.109375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 10, length: 6, rect: [460,269.96875 52.109375x17.46875]
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]
"margin"
line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 17, length: 3, rect: [460,287.96875 26.8125x17.46875]
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]
"and"
line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 21, length: 5, rect: [460,304.96875 37.28125x17.46875]
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]
"fixed"
line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 27, length: 5, rect: [460,322.96875 39.796875x17.46875]
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]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.right-margin-auto.fixed-width> at (12,343.125) content-size 50x105.15625 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [12,343.125 36.328125x17.46875]
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]
"auto"
line 1 width: 37.109375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 5, length: 5, rect: [12,360.125 37.109375x17.46875]
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]
"right"
line 2 width: 52.109375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 11, length: 6, rect: [12,377.125 52.109375x17.46875]
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]
"margin"
line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 18, length: 3, rect: [12,395.125 26.8125x17.46875]
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]
"and"
line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 22, length: 5, rect: [12,412.125 37.28125x17.46875]
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]
"fixed"
line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 28, length: 5, rect: [12,430.125 39.796875x17.46875]
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]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (10,450.28125) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,438) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x460.28125]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x442.28125]
PaintableBox (Box<DIV>.grid) [10,10 502x440.28125] overflow: [11,11 501.109375x438.28125]
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto) [98.71875,11 324.5625x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x448]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x430]
PaintableBox (Box<DIV>.grid) [10,10 502x428] overflow: [11,11 501.109375x426]
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto) [98.71875,11 324.5625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.left-margin-auto) [251.375,30.46875 259.625x19.46875]
PaintableWithLines (BlockContainer<DIV>.left-margin-auto) [251.375,30 259.625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.right-margin-auto) [11,49.9375 270.484375x19.46875]
PaintableWithLines (BlockContainer<DIV>.right-margin-auto) [11,49 270.484375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fit-content-width) [74.25,69.40625 373.484375x19.46875]
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fit-content-width) [74.25,68 373.484375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fit-content-width) [202.453125,88.875 308.546875x19.46875]
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fit-content-width) [202.453125,87 308.546875x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fit-content-width) [11,108.34375 319.40625x19.46875]
PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fit-content-width) [11,106 319.40625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fixed-width) [235,127.8125 52x107.15625] overflow: [236,128.8125 81.84375x105.15625]
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fixed-width) [235,125 52x104] overflow: [236,126 81.84375x102]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fixed-width) [459,234.96875 52x107.15625] overflow: [460,235.96875 52.109375x105.15625]
PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fixed-width) [459,229 52x104] overflow: [460,230 52.109375x102]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fixed-width) [11,342.125 52x107.15625] overflow: [12,343.125 52.109375x105.15625]
PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fixed-width) [11,333 52x104] overflow: [12,334 52.109375x102]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,450.28125 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,438 780x0]

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

@ -3,13 +3,13 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [9,9 36.03125x17.46875]
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]
"first"
TextNode <#text>
BlockContainer <div.second> at (9,111) content-size 100x100 [BFC] children: inline
line 0 width: 54.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [9,111 54.78125x17.46875]
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]
"second"
TextNode <#text>

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
BlockContainer <div> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item> at (243.1875,8) content-size 313.625x17.46875 [BFC] children: inline
line 0 width: 121.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 16, rect: [243.1875,8 121.0625x17.46875]
BlockContainer <body> at (8,8) content-size 784x17 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]
"A filthy t-shirt"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [164.796875,8 470.40625x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
PaintableBox (Box<DIV>.grid) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.item) [164.796875,8 470.40625x17]
TextPaintable (TextNode<#text>)

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

@ -1,67 +1,67 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.container> at (8,8) content-size 200x315.40625 floating [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 100x315.40625 [BFC] children: inline
line 0 width: 50.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17.46875]
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]
"Lorem"
line 1 width: 94.9375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17.46875]
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]
"ipsum dolor"
line 2 width: 70.9375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17.46875]
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]
"sit amet,"
line 3 width: 96.84375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 29, length: 11, rect: [8,60 96.84375x17.46875]
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]
"consectetur"
line 4 width: 75.71875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 41, length: 10, rect: [8,77 75.71875x17.46875]
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]
"adipiscing"
line 5 width: 28.71875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 52, length: 5, rect: [8,95 28.71875x17.46875]
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]
"elit."
line 6 width: 65.40625, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 58, length: 7, rect: [8,112 65.40625x17.46875]
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]
"Vivamus"
line 7 width: 88.640625, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 66, length: 11, rect: [8,130 88.640625x17.46875]
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]
"eget turpis"
line 8 width: 77.40625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 78, length: 9, rect: [8,147 77.40625x17.46875]
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]
"eget urna"
line 9 width: 53.25, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 88, length: 7, rect: [8,165 53.25x17.46875]
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]
"feugiat"
line 10 width: 84.984375, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 96, length: 10, rect: [8,182 84.984375x17.46875]
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]
"pretium ut"
line 11 width: 65.359375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 107, length: 8, rect: [8,200 65.359375x17.46875]
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]
"eu ante."
line 12 width: 72.46875, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 116, length: 8, rect: [8,217 72.46875x17.46875]
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]
"Nunc sed"
line 13 width: 70.640625, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 125, length: 8, rect: [8,235 70.640625x17.46875]
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]
"pharetra"
line 14 width: 39.015625, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 134, length: 5, rect: [8,252 39.015625x17.46875]
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]
"diam,"
line 15 width: 56.25, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 140, length: 6, rect: [8,270 56.25x17.46875]
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]
"rutrum"
line 16 width: 50.546875, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 147, length: 7, rect: [8,287 50.546875x17.46875]
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]
"lacinia"
line 17 width: 47.5, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 155, length: 7, rect: [8,304 47.5x17.46875]
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]
"tellus."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 200x315.40625]
PaintableBox (Box<DIV>.container) [8,8 200x315.40625]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 100x315.40625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 200x306]
PaintableBox (Box<DIV>.container) [8,8 200x306]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 100x306]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.first> at (8,8) content-size 313.59375x17.46875 [BFC] children: inline
line 0 width: 42.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17.46875]
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]
"First"
TextNode <#text>
BlockContainer <div.second> at (400,8) content-size 78.390625x17.46875 [BFC] children: inline
line 0 width: 57.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [400,8 57.40625x17.46875]
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]
"Second"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.first) [8,8 313.59375x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.first) [8,8 313.59375x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.second) [400,8 78.390625x17.46875]
PaintableWithLines (BlockContainer<DIV>.second) [400,8 78.390625x17]
TextPaintable (TextNode<#text>)

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

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x19.46875 [GFC] children: not-inline
BlockContainer <div.inner> at (11,11) content-size 132.828125x17.46875 [BFC] children: inline
line 0 width: 132.828125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 15, rect: [11,11 132.828125x17.46875]
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]
"Press and Media"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
PaintableBox (Box<BODY>) [9,9 782x21.46875]
PaintableWithLines (BlockContainer<DIV>.inner) [10,10 134.828125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableBox (Box<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<DIV>.inner) [10,10 134.828125x19]
TextPaintable (TextNode<#text>)

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

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x97.8125 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x79.8125 [GFC] children: not-inline
BlockContainer <h1> at (55.5,32.4375) content-size 689x34.9375 [BFC] children: inline
line 0 width: 492.96875, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 31, rect: [55.5,32.4375 492.96875x34.9375]
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]
"Null publishes fine indie games"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x99.8125]
PaintableBox (Box<BODY>) [9,9 782x81.8125]
PaintableWithLines (BlockContainer<H1>) [54.5,31.4375 691x36.9375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x99.875]
PaintableBox (Box<BODY>) [9,9 782x81.875]
PaintableWithLines (BlockContainer<H1>) [54.5,31.4375 691x37]
TextPaintable (TextNode<#text>)

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

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x65.6875 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x47.6875 [GFC] children: not-inline
BlockContainer <div.foo> at (11,11) content-size 778x21.84375 [BFC] children: inline
line 0 width: 33.9375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 3, rect: [11,11 33.9375x21.84375]
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]
"foo"
TextNode <#text>
BlockContainer <div.bar> at (11,34.84375) content-size 778x21.84375 [BFC] children: inline
line 0 width: 34.546875, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 3, rect: [11,34.84375 34.546875x21.84375]
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]
"bar"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x67.6875]
PaintableBox (Box<BODY>) [9,9 782x49.6875]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 780x23.84375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x68]
PaintableBox (Box<BODY>) [9,9 782x50]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 780x24]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.bar) [10,33.84375 780x23.84375]
PaintableWithLines (BlockContainer<DIV>.bar) [10,34 780x24]
TextPaintable (TextNode<#text>)

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

@ -1,30 +1,30 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <div.item.right-bottom> at (400,25.46875) content-size 392x17.46875 [BFC] children: inline
line 0 width: 99.703125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [400,25.46875 99.703125x17.46875]
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]
"right-bottom"
TextNode <#text>
BlockContainer <div.item.left> at (8,8) content-size 392x34.9375 [BFC] children: inline
line 0 width: 26.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,8 26.25x17.46875]
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]
"left"
TextNode <#text>
BlockContainer <div.item.right-top> at (400,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 70.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [400,8 70.234375x17.46875]
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]
"right-top"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableBox (Box<DIV>.container) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<DIV>.item.right-bottom) [400,25.46875 392x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.container) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>.item.right-bottom) [400,25 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item.left) [8,8 392x34.9375]
PaintableWithLines (BlockContainer<DIV>.item.left) [8,8 392x34]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item.right-top) [400,8 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.item.right-top) [400,8 392x17]
TextPaintable (TextNode<#text>)

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

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x54.9375 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x36.9375 [GFC] children: not-inline
BlockContainer <h1> at (55.5,11) content-size 689x34.9375 [BFC] children: inline
line 0 width: 200.40625, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 13, rect: [55.5,11 200.40625x34.9375]
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]
"hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x56.9375]
PaintableBox (Box<BODY>) [9,9 782x38.9375]
PaintableWithLines (BlockContainer<H1>) [54.5,10 691x36.9375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x57]
PaintableBox (Box<BODY>) [9,9 782x39]
PaintableWithLines (BlockContainer<H1>) [54.5,10 691x37]
TextPaintable (TextNode<#text>)

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

@ -23,29 +23,29 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,8 55.703125x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [8,38 80.6875x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [128,38 79.515625x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [128,178 57.671875x17.46875]
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]
"Footer"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 28.6875x17.46875 [BFC] children: inline
line 0 width: 28.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 28.6875x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] 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]
"one"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 28.6875x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 28.6875x17]
TextPaintable (TextNode<#text>)

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

@ -3,18 +3,18 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [405,8 49.1875x17.46875]
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]
"Item 2"
TextNode <#text>
BlockContainer <div.item1> at (8,8) content-size 387x210 [BFC] children: inline
line 0 width: 46.71875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,8 46.71875x17.46875]
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]
"Item 1"
TextNode <#text>
BlockContainer <div.item3> at (405,118) content-size 387x100 [BFC] children: inline
line 0 width: 49.1875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [405,118 49.1875x17.46875]
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]
"Item 2"
TextNode <#text>

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: inline
line 0 width: 42.953125, height: 33.46875, bottom: 33.46875, baseline: 13.53125
frag 0 from Box start: 0, length: 0, rect: [8,8 26.953125x17.46875]
Box <body> at (8,8) content-size 26.953125x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 26.953125x17.46875 [BFC] children: inline
line 0 width: 26.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.953125x17.46875]
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]
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]
"whf"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableBox (Box<BODY>) [8,8 26.953125x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 26.953125x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableBox (Box<BODY>) [8,8 26.953125x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 26.953125x17]
TextPaintable (TextNode<#text>)

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

@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x35.46875 [BFC] children: inline
BlockContainer <html> at (0,0) content-size 800x35 [BFC] children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 20x19.46875 floating [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 20x19 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 20x0 children: inline
TextNode <#text>
Box <div.grid> at (8,8) content-size 20x19.46875 [GFC] children: not-inline
Box <div.grid> at (8,8) content-size 20x19 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.whee> at (9,9) content-size 18x17.46875 [BFC] children: inline
line 0 width: 37.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [9,9 37.953125x17.46875]
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]
"whee"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 20x19.46875] overflow: [8,8 38.953125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35]
PaintableWithLines (BlockContainer<BODY>) [8,8 20x19] overflow: [8,8 38.953125x19]
PaintableWithLines (BlockContainer(anonymous)) [8,8 20x0]
PaintableBox (Box<DIV>.grid) [8,8 20x19.46875] overflow: [8,8 38.953125x19.46875]
PaintableWithLines (BlockContainer<DIV>.whee) [8,8 20x19.46875] overflow: [9,9 37.953125x17.46875]
PaintableBox (Box<DIV>.grid) [8,8 20x19] overflow: [8,8 38.953125x19]
PaintableWithLines (BlockContainer<DIV>.whee) [8,8 20x19] overflow: [9,9 37.953125x17]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x30.46875 [BFC] children: not-inline
BlockContainer <html> at (1,1) content-size 798x30 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
Box <div.grid> at (11,11) content-size 96.421875x19.46875 floating [GFC] children: not-inline
BlockContainer <div.whee> at (12,12) content-size 37.953125x17.46875 [BFC] children: inline
line 0 width: 37.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [12,12 37.953125x17.46875]
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]
"whee"
TextNode <#text>
BlockContainer <div.yeehaw> at (51.953125,12) content-size 54.46875x17.46875 [BFC] children: inline
line 0 width: 54.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [51.953125,12 54.46875x17.46875]
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]
"yeehaw"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x32.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 98.421875x21.46875]
PaintableBox (Box<DIV>.grid) [10,10 98.421875x21.46875]
PaintableWithLines (BlockContainer<DIV>.whee) [11,11 39.953125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x32]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 98.421875x21]
PaintableBox (Box<DIV>.grid) [10,10 98.421875x21]
PaintableWithLines (BlockContainer<DIV>.whee) [11,11 39.953125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.yeehaw) [50.953125,11 56.46875x19.46875]
PaintableWithLines (BlockContainer<DIV>.yeehaw) [50.953125,11 56.46875x19]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x39.46875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 41.953125x21.46875 floating [BFC] children: not-inline
Box <div.grid> at (11,11) content-size 39.953125x19.46875 [GFC] children: not-inline
BlockContainer <div.whee> at (12,12) content-size 37.953125x17.46875 [BFC] children: inline
line 0 width: 37.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [12,12 37.953125x17.46875]
BlockContainer <html> at (1,1) content-size 798x39 [BFC] 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]
"whee"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x41.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 43.953125x23.46875]
PaintableBox (Box<DIV>.grid) [10,10 41.953125x21.46875]
PaintableWithLines (BlockContainer<DIV>.whee) [11,11 39.953125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x41]
PaintableWithLines (BlockContainer<BODY>) [9,9 43.953125x23]
PaintableBox (Box<DIV>.grid) [10,10 41.953125x21]
PaintableWithLines (BlockContainer<DIV>.whee) [11,11 39.953125x19]
TextPaintable (TextNode<#text>)

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

@ -3,8 +3,8 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 20, rect: [12,11 166.84375x17.46875]
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]
"Item with Max-Height"
TextNode <#text>

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

@ -3,8 +3,8 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 20, rect: [12,12 161.96875x17.46875]
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]
"Item with Min-Height"
TextNode <#text>

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

@ -1,30 +1,30 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x35.40625 children: not-inline
Box <div.container> at (8,8) content-size 784x35.40625 [GFC] 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 <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.item-left> at (8,8) content-size 100x35.40625 [BFC] children: not-inline
BlockContainer <div.item-left> at (8,8) content-size 100x34 [BFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.item-right> at (108.03125,8) content-size 683.96875x35.40625 [BFC] children: inline
line 0 width: 625.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 77, rect: [108.03125,8 625.953125x17.46875]
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]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis venenatis"
line 1 width: 304.0625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 78, length: 39, rect: [108.03125,25 304.0625x17.46875]
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]
"purus, eget blandit velit venenatis at."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,43.40625) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x35.40625]
PaintableBox (Box<DIV>.container) [8,8 784x35.40625]
PaintableWithLines (BlockContainer<DIV>.item-left) [8,8 100x35.40625]
PaintableWithLines (BlockContainer<DIV>.item-right) [108.03125,8 683.96875x35.40625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.container) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>.item-left) [8,8 100x34]
PaintableWithLines (BlockContainer<DIV>.item-right) [108.03125,8 683.96875x34]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,43.40625 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

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

@ -1,25 +1,25 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.flex> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
Box <div.grid> at (8,8) content-size 67.4375x17.46875 flex-item [GFC] children: not-inline
BlockContainer <div.w-fit> at (8,8) content-size 31.25x17.46875 [BFC] children: inline
line 0 width: 31.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,8 31.25x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 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]
"Col1"
TextNode <#text>
BlockContainer <div.w-fit> at (41.71875,8) content-size 33.71875x17.46875 [BFC] children: inline
line 0 width: 33.71875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [41.71875,8 33.71875x17.46875]
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]
"Col2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.flex) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid) [8,8 67.4375x17.46875]
PaintableWithLines (BlockContainer<DIV>.w-fit) [8,8 31.25x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.flex) [8,8 784x17]
PaintableBox (Box<DIV>.grid) [8,8 67.4375x17]
PaintableWithLines (BlockContainer<DIV>.w-fit) [8,8 31.25x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.w-fit) [41.71875,8 33.71875x17.46875]
PaintableWithLines (BlockContainer<DIV>.w-fit) [41.71875,8 33.71875x17]
TextPaintable (TextNode<#text>)

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

@ -1,27 +1,27 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x41.46875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x23.46875 children: not-inline
Box <div.grid> at (11,11) content-size 778x21.46875 [GFC] children: not-inline
BlockContainer <div.item> at (112,12) content-size 187x19.46875 [BFC] children: not-inline
BlockContainer <div> at (113,13) content-size 185x17.46875 children: inline
line 0 width: 29.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [113,13 29.8125x17.46875]
BlockContainer <html> at (1,1) content-size 798x41 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x23 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]
"One"
TextNode <#text>
BlockContainer <div.item> at (501,12) content-size 187x19.46875 [BFC] children: not-inline
BlockContainer <div> at (502,13) content-size 185x17.46875 children: inline
line 0 width: 33.875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [502,13 33.875x17.46875]
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]
"Two"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x43.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x25.46875]
PaintableBox (Box<DIV>.grid) [10,10 780x23.46875]
PaintableWithLines (BlockContainer<DIV>.item) [11,11 389x21.46875]
PaintableWithLines (BlockContainer<DIV>) [112,12 187x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x43]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x25]
PaintableBox (Box<DIV>.grid) [10,10 780x23]
PaintableWithLines (BlockContainer<DIV>.item) [11,11 389x21]
PaintableWithLines (BlockContainer<DIV>) [112,12 187x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [400,11 389x21.46875]
PaintableWithLines (BlockContainer<DIV>) [501,12 187x19.46875]
PaintableWithLines (BlockContainer<DIV>.item) [400,11 389x21]
PaintableWithLines (BlockContainer<DIV>) [501,12 187x19]
TextPaintable (TextNode<#text>)

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x133.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x117.46875 children: not-inline
Box <div.cta-banner> at (8,8) content-size 784x117.46875 flex-container(row) [FFC] children: not-inline
Box <div.w-layout-grid> at (8,8) content-size 470.4375x117.46875 flex-item [GFC] children: not-inline
BlockContainer <div.button> at (58,58) content-size 135.21875x17.46875 [BFC] children: inline
line 0 width: 135.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 16, rect: [58,58 135.21875x17.46875]
BlockContainer <html> at (0,0) content-size 800x133 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x117 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]
"Sign up for free"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x133.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x117.46875]
PaintableBox (Box<DIV>.cta-banner) [8,8 784x117.46875]
PaintableBox (Box<DIV>.w-layout-grid) [8,8 470.4375x117.46875]
PaintableWithLines (BlockContainer<DIV>.button) [8,8 235.21875x117.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x133]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x117]
PaintableBox (Box<DIV>.cta-banner) [8,8 784x117]
PaintableBox (Box<DIV>.w-layout-grid) [8,8 470.4375x117]
PaintableWithLines (BlockContainer<DIV>.button) [8,8 235.21875x117]
TextPaintable (TextNode<#text>)

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

@ -1,99 +1,99 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x103.34375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x87.34375 children: not-inline
Box <div.container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,8 67.96875x17.46875]
BlockContainer <html> at (0,0) content-size 800x101 [BFC] 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]
"wikipedia"
TextNode <#text>
BlockContainer <div> at (400,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [400,8 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,25.46875) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div> at (8,25.46875) content-size 392x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,25.46875 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <div> at (400,25.46875) content-size 392x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [400,25.46875 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,42.9375) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div> at (8,42.9375) content-size 67.96875x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,42.9375 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <div> at (75.96875,42.9375) content-size 67.96875x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [75.96875,42.9375 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,60.40625) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,59) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,60.40625) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div> at (332.03125,60.40625) content-size 67.96875x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [332.03125,60.40625 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <div> at (400,60.40625) content-size 67.96875x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [400,60.40625 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <(anonymous)> at (8,77.875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,76) content-size 784x0 children: inline
TextNode <#text>
Box <div.container> at (8,77.875) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div> at (656.0625,77.875) content-size 67.96875x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [656.0625,77.875 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
BlockContainer <div> at (724.03125,77.875) content-size 67.96875x17.46875 [BFC] children: inline
line 0 width: 67.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [724.03125,77.875 67.96875x17.46875]
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]
"wikipedia"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x103.34375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x87.34375]
PaintableBox (Box<DIV>.container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 392x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x101]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x85]
PaintableBox (Box<DIV>.container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [400,8 392x17.46875]
PaintableWithLines (BlockContainer<DIV>) [400,8 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
PaintableBox (Box<DIV>.container) [8,25.46875 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 392x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
PaintableBox (Box<DIV>.container) [8,25 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,25 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [400,25.46875 392x17.46875]
PaintableWithLines (BlockContainer<DIV>) [400,25 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
PaintableBox (Box<DIV>.container) [8,42.9375 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,42.9375 67.96875x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
PaintableBox (Box<DIV>.container) [8,42 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,42 67.96875x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [75.96875,42.9375 67.96875x17.46875]
PaintableWithLines (BlockContainer<DIV>) [75.96875,42 67.96875x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,60.40625 784x0]
PaintableBox (Box<DIV>.container) [8,60.40625 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [332.03125,60.40625 67.96875x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,59 784x0]
PaintableBox (Box<DIV>.container) [8,59 784x17]
PaintableWithLines (BlockContainer<DIV>) [332.03125,59 67.96875x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [400,60.40625 67.96875x17.46875]
PaintableWithLines (BlockContainer<DIV>) [400,59 67.96875x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,77.875 784x0]
PaintableBox (Box<DIV>.container) [8,77.875 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [656.0625,77.875 67.96875x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,76 784x0]
PaintableBox (Box<DIV>.container) [8,76 784x17]
PaintableWithLines (BlockContainer<DIV>) [656.0625,76 67.96875x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [724.03125,77.875 67.96875x17.46875]
PaintableWithLines (BlockContainer<DIV>) [724.03125,76 67.96875x17]
TextPaintable (TextNode<#text>)

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

@ -1,43 +1,43 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x82.40625 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x64.40625 children: not-inline
BlockContainer <html> at (1,1) content-size 798x81 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x63 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.start> at (11,11) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div> at (12,12) content-size 43.859375x17.46875 [BFC] children: inline
line 0 width: 43.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [12,12 43.859375x17.46875]
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]
"Start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,31.46875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,31) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.center> at (11,32.46875) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div> at (373.46875,33.46875) content-size 53.046875x17.46875 [BFC] children: inline
line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,33.46875 53.046875x17.46875]
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]
"Center"
TextNode <#text>
BlockContainer <(anonymous)> at (10,52.9375) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,52) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.end> at (11,53.9375) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div> at (758.671875,54.9375) content-size 29.328125x17.46875 [BFC] children: inline
line 0 width: 29.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [758.671875,54.9375 29.328125x17.46875]
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]
"End"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x84.40625]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x66.40625]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x83]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x65]
PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
PaintableBox (Box<DIV>.grid.start) [10,10 780x21.46875]
PaintableWithLines (BlockContainer<DIV>) [11,11 45.859375x19.46875]
PaintableBox (Box<DIV>.grid.start) [10,10 780x21]
PaintableWithLines (BlockContainer<DIV>) [11,11 45.859375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,31.46875 780x0]
PaintableBox (Box<DIV>.grid.center) [10,31.46875 780x21.46875]
PaintableWithLines (BlockContainer<DIV>) [372.46875,32.46875 55.046875x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,31 780x0]
PaintableBox (Box<DIV>.grid.center) [10,31 780x21]
PaintableWithLines (BlockContainer<DIV>) [372.46875,32 55.046875x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,52.9375 780x0]
PaintableBox (Box<DIV>.grid.end) [10,52.9375 780x21.46875]
PaintableWithLines (BlockContainer<DIV>) [757.671875,53.9375 31.328125x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,52 780x0]
PaintableBox (Box<DIV>.grid.end) [10,52 780x21]
PaintableWithLines (BlockContainer<DIV>) [757.671875,53 31.328125x19]
TextPaintable (TextNode<#text>)

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

@ -1,36 +1,36 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x76.40625 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x58.40625 [GFC] children: not-inline
BlockContainer <html> at (1,1) content-size 798x75 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x57 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (11,11) content-size 43.859375x17.46875 [BFC] children: inline
line 0 width: 43.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [11,11 43.859375x17.46875]
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]
"Start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (373.46875,30.46875) content-size 53.046875x17.46875 [BFC] children: inline
line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,30.46875 53.046875x17.46875]
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]
"Center"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (759.671875,49.9375) content-size 29.328125x17.46875 [BFC] children: inline
line 0 width: 29.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [759.671875,49.9375 29.328125x17.46875]
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]
"End"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.40625]
PaintableBox (Box<BODY>) [9,9 782x60.40625]
PaintableWithLines (BlockContainer<DIV>) [10,10 45.859375x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x77]
PaintableBox (Box<BODY>) [9,9 782x59]
PaintableWithLines (BlockContainer<DIV>) [10,10 45.859375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [372.46875,29.46875 55.046875x19.46875]
PaintableWithLines (BlockContainer<DIV>) [372.46875,29 55.046875x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [758.671875,48.9375 31.328125x19.46875]
PaintableWithLines (BlockContainer<DIV>) [758.671875,48 31.328125x19]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div#grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <a#box> at (8,8) content-size 288x17.46875 [BFC] children: inline
line 0 width: 102.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [8,8 102.75x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] 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]
"Start Selling"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>#grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<A>#box) [8,8 288x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>#grid) [8,8 784x17]
PaintableWithLines (BlockContainer<A>#box) [8,8 288x17]
TextPaintable (TextNode<#text>)

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 480x17.46875 [BFC] children: not-inline
BlockContainer <div.box> at (8,8) content-size 480x17.46875 children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] 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 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]
"1"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 480x17.46875]
PaintableWithLines (BlockContainer<DIV>.box) [8,8 480x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 480x17]
PaintableWithLines (BlockContainer<DIV>.box) [8,8 480x17]
TextPaintable (TextNode<#text>)

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

@ -1,35 +1,35 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x121.15625 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x105.15625 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 270x105.15625 children: not-inline
Box <div.constrained> at (8,8) content-size 270x105.15625 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 270x105.15625 [BFC] children: inline
line 0 width: 261.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x17.46875]
BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x102 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]
"hello hello hello hello hello hello"
line 1 width: 261.0625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 37, length: 35, rect: [8,25 261.0625x17.46875]
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]
"hello hello hello hello hello hello"
line 2 width: 261.0625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 73, length: 35, rect: [8,42 261.0625x17.46875]
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]
"hello hello hello hello hello hello"
line 3 width: 261.0625, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 109, length: 35, rect: [8,60 261.0625x17.46875]
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]
"hello hello hello hello hello hello"
line 4 width: 261.0625, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 145, length: 35, rect: [8,77 261.0625x17.46875]
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]
"hello hello hello hello hello hello"
line 5 width: 81.6875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 181, length: 11, rect: [8,95 81.6875x17.46875]
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]
"hello hello"
TextNode <#text>
BlockContainer <div> at (8,113.15625) content-size 270x0 [BFC] children: not-inline
BlockContainer <div> at (8,110) content-size 270x0 [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x121.15625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x105.15625]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x105.15625]
PaintableBox (Box<DIV>.constrained) [8,8 270x105.15625]
PaintableWithLines (BlockContainer(anonymous)) [8,8 270x105.15625]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x102]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x102]
PaintableBox (Box<DIV>.constrained) [8,8 270x102]
PaintableWithLines (BlockContainer(anonymous)) [8,8 270x102]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,113.15625 270x0]
PaintableWithLines (BlockContainer<DIV>) [8,110 270x0]

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

@ -1,26 +1,26 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] 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 <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 196x17.46875 [BFC] children: inline
line 0 width: 93.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [8,8 93.765625x17.46875]
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]
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (204,8) content-size 98.640625x17.46875 [BFC] children: inline
line 0 width: 98.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [204,8 98.640625x17.46875]
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]
"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.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [302.640625,8 21.609375x17.46875]
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]
"1fr"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -28,11 +28,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 196x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [204,8 98.640625x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [204,8 98.640625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [302.640625,8 489.359375x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [302.640625,8 489.359375x17]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 300x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.two> at (308,8) content-size 300x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [308,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 300x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 300x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.two) [308,8 300x17.46875]
PaintableWithLines (BlockContainer<DIV>.two) [308,8 300x17]
TextPaintable (TextNode<#text>)

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

@ -3,13 +3,13 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.two> at (308,8) content-size 300x50 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [308,8 8.8125x17.46875]
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]
"2"
TextNode <#text>

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

@ -1,30 +1,30 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 292x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.two> at (300,8) content-size 200x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [300,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <div.three> at (500,8) content-size 292x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [500,8 9.09375x17.46875]
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]
"3"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 292x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 292x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.two) [300,8 200x17.46875]
PaintableWithLines (BlockContainer<DIV>.two) [300,8 200x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.three) [500,8 292x17.46875]
PaintableWithLines (BlockContainer<DIV>.three) [500,8 292x17]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <div.one> at (8,8) content-size 784x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.two> at (8,25.46875) content-size 784x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 8.8125x17.46875]
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]
"2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableBox (Box<DIV>.container) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.container) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>.one) [8,8 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.two) [8,25.46875 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.two) [8,25 784x17]
TextPaintable (TextNode<#text>)

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

@ -1,37 +1,37 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.grid> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875]
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]
"a"
TextNode <#text>
BlockContainer <div> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 9.46875x17.46875]
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]
"b"
TextNode <#text>
BlockContainer <div> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 8.890625x17.46875]
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]
"c"
TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 7.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 7.859375x17.46875]
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]
"d"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableBox (Box<DIV>.grid) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<DIV>) [8,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.grid) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>) [8,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [269.328125,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<DIV>) [269.328125,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [530.65625,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<DIV>) [530.65625,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 261.328125x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,25 261.328125x17]
TextPaintable (TextNode<#text>)

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

@ -1,95 +1,95 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x69.875 children: not-inline
Box <div.grid> at (8,8) content-size 784x69.875 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x68 children: not-inline
Box <div.grid> at (8,8) content-size 784x68 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.a> at (8,8) content-size 196x17.46875 [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875]
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]
"a"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.c> at (204,8) content-size 196x17.46875 [BFC] children: inline
line 0 width: 8.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [204,8 8.890625x17.46875]
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]
"c"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.b> at (400,8) content-size 196x17.46875 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,8 9.46875x17.46875]
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]
"b"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.b> at (400,25.46875) content-size 196x17.46875 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,25.46875 9.46875x17.46875]
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]
"b"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.d> at (596,25.46875) content-size 196x17.46875 [BFC] children: inline
line 0 width: 7.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [596,25.46875 7.859375x17.46875]
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]
"d"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.c> at (204,42.9375) content-size 196x17.46875 [BFC] children: inline
line 0 width: 8.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [204,42.9375 8.890625x17.46875]
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]
"c"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.d> at (596,42.9375) content-size 196x17.46875 [BFC] children: inline
line 0 width: 7.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [596,42.9375 7.859375x17.46875]
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]
"d"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.e> at (8,60.40625) content-size 196x17.46875 [BFC] children: inline
line 0 width: 8.71875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,60.40625 8.71875x17.46875]
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]
"e"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.f> at (204,60.40625) content-size 196x17.46875 [BFC] children: inline
line 0 width: 6.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [204,60.40625 6.4375x17.46875]
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]
"f"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,77.875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,76) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x69.875]
PaintableBox (Box<DIV>.grid) [8,8 784x69.875]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 196x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x68]
PaintableBox (Box<DIV>.grid) [8,8 784x68]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.c) [204,8 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.c) [204,8 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.b) [400,8 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.b) [400,8 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.b) [400,25.46875 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.b) [400,25 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.d) [596,25.46875 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.d) [596,25 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.c) [204,42.9375 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.c) [204,42 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.d) [596,42.9375 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.d) [596,42 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.e) [8,60.40625 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.e) [8,59 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.f) [204,60.40625 196x17.46875]
PaintableWithLines (BlockContainer<DIV>.f) [204,59 196x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,77.875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,76 784x0]

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

@ -5,22 +5,22 @@ 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: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,12 7.9375x21.84375]
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]
"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: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,12 11.015625x21.84375]
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]
"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: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 1, rect: [12,12 11.375x21.84375]
line 0 width: 11.375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [12,12 11.375x22]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

@ -1,28 +1,28 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x104.21875 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x88.21875 [GFC] children: not-inline
Box <div> at (8,8) content-size 784x88.21875 [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 65.328125x88.21875 [BFC] children: inline
line 0 width: 50.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,8 50.5625x17.46875]
BlockContainer <html> at (0,0) content-size 800x101 [BFC] 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]
"Making"
line 1 width: 80.234375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 7, length: 8, rect: [8,25 80.234375x17.46875]
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]
"Commerce"
line 2 width: 49.328125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 16, length: 6, rect: [8,42 49.328125x17.46875]
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]
"Better"
line 3 width: 25.625, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 23, length: 3, rect: [8,60 25.625x17.46875]
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]
"for"
line 4 width: 73.46875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 27, length: 8, rect: [8,77 73.46875x17.46875]
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]
"Everyone"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x104.21875]
PaintableBox (Box<BODY>) [8,8 784x88.21875]
PaintableBox (Box<DIV>) [8,8 784x88.21875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 65.328125x88.21875] overflow: [8,8 80.234375x88.21875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x101]
PaintableBox (Box<BODY>) [8,8 784x85]
PaintableBox (Box<DIV>) [8,8 784x85]
PaintableWithLines (BlockContainer(anonymous)) [8,8 65.328125x85] overflow: [8,8 80.234375x85]
TextPaintable (TextNode<#text>)

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

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x19.46875 [GFC] children: not-inline
BlockContainer <div> at (362.9375,11) content-size 74.125x17.46875 [BFC] children: inline
line 0 width: 74.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [362.9375,11 74.125x17.46875]
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]
"Download"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
PaintableBox (Box<BODY>) [9,9 782x21.46875]
PaintableWithLines (BlockContainer<DIV>) [361.9375,10 76.125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableBox (Box<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<DIV>) [361.9375,10 76.125x19]
TextPaintable (TextNode<#text>)

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

@ -1,61 +1,61 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x262.40625 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x244.40625 children: not-inline
Box <div.grid> at (31,31) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.start> at (32,32) content-size 50.203125x17.46875 [BFC] children: inline
line 0 width: 50.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x17.46875]
BlockContainer <html> at (1,1) content-size 798x261 [BFC] 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]
"Start1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,42) content-size 347x17.46875 [BFC] children: inline
line 0 width: 52.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [411,42 52.671875x17.46875]
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]
"Start2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,91.46875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,91) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,112.46875) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.center> at (185.796875,123.46875) content-size 59.390625x17.46875 [BFC] children: inline
line 0 width: 59.390625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [185.796875,123.46875 59.390625x17.46875]
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]
"Center1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,123.46875) content-size 347x17.46875 [BFC] children: inline
line 0 width: 61.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [411,123.46875 61.859375x17.46875]
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]
"Center2"
TextNode <#text>
BlockContainer <(anonymous)> at (10,172.9375) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,172) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid> at (31,193.9375) content-size 738x39.46875 [GFC] children: not-inline
BlockContainer <div.end> at (363.328125,214.9375) content-size 35.671875x17.46875 [BFC] children: inline
line 0 width: 35.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [363.328125,214.9375 35.671875x17.46875]
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]
"End1"
TextNode <#text>
BlockContainer <div.item-padding> at (411,204.9375) content-size 347x17.46875 [BFC] children: inline
line 0 width: 38.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [411,204.9375 38.140625x17.46875]
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]
"End2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x264.40625]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x246.40625]
PaintableBox (Box<DIV>.grid) [10,10 780x81.46875]
PaintableWithLines (BlockContainer<DIV>.start) [31,31 52.203125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x263]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x245]
PaintableBox (Box<DIV>.grid) [10,10 780x81]
PaintableWithLines (BlockContainer<DIV>.start) [31,31 52.203125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,31 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,31 369x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,91.46875 780x0]
PaintableBox (Box<DIV>.grid) [10,91.46875 780x81.46875]
PaintableWithLines (BlockContainer<DIV>.center) [184.796875,122.46875 61.390625x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,91 780x0]
PaintableBox (Box<DIV>.grid) [10,91 780x81]
PaintableWithLines (BlockContainer<DIV>.center) [184.796875,122 61.390625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112.46875 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112 369x39]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,172.9375 780x0]
PaintableBox (Box<DIV>.grid) [10,172.9375 780x81.46875]
PaintableWithLines (BlockContainer<DIV>.end) [362.328125,213.9375 37.671875x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,172 780x0]
PaintableBox (Box<DIV>.grid) [10,172 780x81]
PaintableWithLines (BlockContainer<DIV>.end) [362.328125,213 37.671875x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,193.9375 369x39.46875]
PaintableWithLines (BlockContainer<DIV>.item-padding) [400,193 369x39]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x21.46875 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 516.625x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.b> at (530.625,12) content-size 257.3125x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.625,12 8.8125x17.46875]
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]
"2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23.46875]
PaintableBox (Box<DIV>.grid-container) [10,10 780x21.46875]
PaintableWithLines (BlockContainer<DIV>.a) [11,11 518.625x19.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23]
PaintableBox (Box<DIV>.grid-container) [10,10 780x21]
PaintableWithLines (BlockContainer<DIV>.a) [11,11 518.625x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.b) [529.625,11 259.3125x19.46875]
PaintableWithLines (BlockContainer<DIV>.b) [529.625,11 259.3125x19]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x21.46875 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div.grid-item.a> at (12,12) content-size 257.3125x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.grid-item.b> at (271.3125,12) content-size 516.625x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [271.3125,12 8.8125x17.46875]
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]
"2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23.46875]
PaintableBox (Box<DIV>.grid-container) [10,10 780x21.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item.a) [11,11 259.3125x19.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23]
PaintableBox (Box<DIV>.grid-container) [10,10 780x21]
PaintableWithLines (BlockContainer<DIV>.grid-item.a) [11,11 259.3125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.b) [270.3125,11 518.625x19.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item.b) [270.3125,11 518.625x19]
TextPaintable (TextNode<#text>)

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

@ -3,13 +3,13 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.b> at (12,52) content-size 776x58 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,52 8.8125x17.46875]
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]
"2"
TextNode <#text>

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x40.9375 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x38.9375 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 776x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div> at (12,31.46875) content-size 387x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,31.46875 8.8125x17.46875]
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]
"2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x42.9375]
PaintableBox (Box<DIV>.grid-container) [10,10 780x40.9375]
PaintableWithLines (BlockContainer<DIV>.a) [11,11 778x19.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x42]
PaintableBox (Box<DIV>.grid-container) [10,10 780x40]
PaintableWithLines (BlockContainer<DIV>.a) [11,11 778x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,30.46875 389x19.46875]
PaintableWithLines (BlockContainer<DIV>) [11,30 389x19]
TextPaintable (TextNode<#text>)

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x21.46875 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div.a> at (12,12) content-size 387x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div.b> at (401,12) content-size 387x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [401,12 8.8125x17.46875]
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]
"2"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23.46875]
PaintableBox (Box<DIV>.grid-container) [10,10 780x21.46875]
PaintableWithLines (BlockContainer<DIV>.a) [11,11 389x19.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23]
PaintableBox (Box<DIV>.grid-container) [10,10 780x21]
PaintableWithLines (BlockContainer<DIV>.a) [11,11 389x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.b) [400,11 389x19.46875]
PaintableWithLines (BlockContainer<DIV>.b) [400,11 389x19]
TextPaintable (TextNode<#text>)

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

@ -3,23 +3,23 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 6.34375x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,12 8.8125x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,12 9.09375x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,62 7.75x17.46875]
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]
"4"
TextNode <#text>

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

@ -1,37 +1,37 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x40.9375 children: not-inline
Box <div.grid-container> at (11,11) content-size 778x38.9375 [GFC] children: not-inline
BlockContainer <div.a> at (62,12) content-size 98x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [62,12 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <div> at (162,12) content-size 48x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [162,12 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <div> at (212,12) content-size 98x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [212,12 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <div> at (12,31.46875) content-size 48x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,31.46875 7.75x17.46875]
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]
"4"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x42.9375]
PaintableBox (Box<DIV>.grid-container) [10,10 780x40.9375]
PaintableWithLines (BlockContainer<DIV>.a) [61,11 100x19.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x42]
PaintableBox (Box<DIV>.grid-container) [10,10 780x40]
PaintableWithLines (BlockContainer<DIV>.a) [61,11 100x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [161,11 50x19.46875]
PaintableWithLines (BlockContainer<DIV>) [161,11 50x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [211,11 100x19.46875]
PaintableWithLines (BlockContainer<DIV>) [211,11 100x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,30.46875 50x19.46875]
PaintableWithLines (BlockContainer<DIV>) [11,30 50x19]
TextPaintable (TextNode<#text>)

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

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (2,2) content-size 796x62.9375 [BFC] children: not-inline
Box <body> at (12,12) content-size 600x42.9375 [GFC] children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17.46875 positioned [BFC] children: inline
line 0 width: 65.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17.46875]
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]
"exekiller"
TextNode <#text>
BlockContainer <div.athena> at (24,25.46875) content-size 200x17.46875 positioned [BFC] children: inline
line 0 width: 53.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [24,25.46875 53.171875x17.46875]
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]
"athena"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66.9375]
PaintableBox (Box<BODY>) [10,10 604x46.9375]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableBox (Box<BODY>) [10,10 604x46]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.athena) [22,23.46875 204x21.46875]
PaintableWithLines (BlockContainer<DIV>.athena) [22,23 204x21]
TextPaintable (TextNode<#text>)

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

@ -1,47 +1,47 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x217.46875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x217 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x200 [GFC] 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,108 9.09375x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [596,108 7.75x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,158 8.453125x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [596,158 8.734375x17.46875]
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]
"6"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -50,33 +50,33 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
TextNode <#text>
TextNode <#text>
Box <div.grid-container> at (8,208) content-size 784x17.46875 [GFC] children: not-inline
Box <div.grid-container> at (8,208) content-size 784x17 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,208) content-size 50x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,208 6.34375x17.46875]
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]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (58,208) content-size 50x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [58,208 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (108,208) content-size 100x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,208 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (208,208) content-size 100x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [208,208 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -84,7 +84,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x217.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x217]
PaintableBox (Box<DIV>.grid-container) [8,8 784x200]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x200]
TextPaintable (TextNode<#text>)
@ -99,12 +99,12 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>.grid-item) [596,158 196x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,208 784x0]
PaintableBox (Box<DIV>.grid-container) [8,208 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,208 50x17.46875]
PaintableBox (Box<DIV>.grid-container) [8,208 784x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,208 50x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [58,208 50x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [58,208 50x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [108,208 100x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [108,208 100x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [208,208 100x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [208,208 100x17]
TextPaintable (TextNode<#text>)

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

@ -1,33 +1,33 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x67.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x67.46875 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x67 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x67 [GFC] 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
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]
"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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17.46875]
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]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,58) content-size 392x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,58 9.09375x17.46875]
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]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (400,58) content-size 392x17.46875 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [400,58 7.75x17.46875]
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]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -35,13 +35,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x67.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x67.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x67]
PaintableBox (Box<DIV>.grid-container) [8,8 784x67]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,8 392x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,58 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,58 392x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,58 392x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [400,58 392x17]
TextPaintable (TextNode<#text>)

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

@ -1,104 +1,104 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x315.40625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x315.40625 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x306 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x306 [GFC] 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 392x131.296875 [BFC] children: inline
line 0 width: 319.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17.46875]
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]
"In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17.46875]
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]
"rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 85, length: 48, rect: [401.46875,42 378.625x17.46875]
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]
"Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 134, length: 22, rect: [401.46875,60 182.8125x17.46875]
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]
"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,139.296875) content-size 392x184.109375 [BFC] children: inline
line 0 width: 359.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,139.296875 359.15625x17.46875]
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]
"Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 45, length: 41, rect: [401.46875,156.296875 318.5625x17.46875]
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]
"lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 87, length: 44, rect: [401.46875,173.296875 377.640625x17.46875]
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]
"malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 132, length: 47, rect: [401.46875,191.296875 378.03125x17.46875]
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]
"egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 180, length: 41, rect: [401.46875,208.296875 345.953125x17.46875]
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]
"Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 222, length: 37, rect: [401.46875,226.296875 312.765625x17.46875]
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]
"porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 260, length: 31, rect: [401.46875,243.296875 242.921875x17.46875]
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]
"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.46875x315.40625 [BFC] children: inline
line 0 width: 337.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17.46875]
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]
"Lorem ipsum dolor sit amet, consectetur"
line 1 width: 376.34375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875]
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]
"adipiscing elit. Sed vitae condimentum erat, ac"
line 2 width: 365.84375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17.46875]
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]
"posuere arcu. Aenean tincidunt mi ligula, vel"
line 3 width: 381.96875, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 135, length: 46, rect: [8,60 381.96875x17.46875]
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]
"semper dolor aliquet at. Phasellus scelerisque"
line 4 width: 377.203125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 182, length: 45, rect: [8,77 377.203125x17.46875]
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]
"dapibus diam sed rhoncus. Proin sed orci leo."
line 5 width: 375.390625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 228, length: 45, rect: [8,95 375.390625x17.46875]
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]
"Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 383.53125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 274, length: 46, rect: [8,112 383.53125x17.46875]
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]
"consectetur nulla malesuada. Sed pellentesque,"
line 7 width: 344.8125, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 321, length: 47, rect: [8,130 344.8125x17.46875]
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]
"elit sit amet sollicitudin sollicitudin, lectus"
line 8 width: 374.703125, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 369, length: 46, rect: [8,147 374.703125x17.46875]
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]
"justo facilisis lacus, ac vehicula metus neque"
line 9 width: 384.125, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 416, length: 45, rect: [8,165 384.125x17.46875]
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]
"ac mi. In in augue et massa maximus venenatis"
line 10 width: 373.25, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 462, length: 44, rect: [8,182 373.25x17.46875]
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]
"auctor fermentum dui. Aliquam dictum finibus"
line 11 width: 288.203125, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 507, length: 35, rect: [8,200 288.203125x17.46875]
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]
"urna, quis lacinia massa laoreet a."
line 12 width: 316.296875, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 543, length: 36, rect: [8,217 316.296875x17.46875]
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]
"Suspendisse elementum non lectus nec"
line 13 width: 388.78125, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 580, length: 48, rect: [8,235 388.78125x17.46875]
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]
"elementum. Quisque ultricies suscipit porttitor."
line 14 width: 373.828125, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 629, length: 45, rect: [8,252 373.828125x17.46875]
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]
"Sed non urna rutrum, mattis nulla at, feugiat"
line 15 width: 368.75, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 675, length: 48, rect: [8,270 368.75x17.46875]
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]
"erat. Duis orci elit, vehicula sed blandit eget,"
line 16 width: 390.625, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 724, length: 46, rect: [8,287 390.625x17.46875]
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]
"auctor in arcu. Ut cursus magna sit amet nulla"
line 17 width: 294.90625, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 771, length: 36, rect: [8,304 294.90625x17.46875]
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]
"cursus, vitae gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -106,11 +106,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x315.40625] overflow: [8,8 785.46875x315.40625]
PaintableBox (Box<DIV>.grid-container) [8,8 784x315.40625] overflow: [8,8 785.46875x315.40625]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [401.46875,8 392x131.296875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x306] overflow: [8,8 785.46875x306]
PaintableBox (Box<DIV>.grid-container) [8,8 784x306] overflow: [8,8 785.46875x306]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [401.46875,8 392x127.5]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [401.46875,139.296875 392x184.109375]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [401.46875,135.5 392x178.5]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 393.46875x315.40625]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 393.46875x306]
TextPaintable (TextNode<#text>)

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

@ -1,185 +1,185 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x560.0625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x560.0625 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x544 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x544 [GFC] 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.515625x244.65625 [BFC] children: inline
line 0 width: 31.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 4, rect: [108.640625,8 31.546875x17.46875]
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]
"In a"
line 1 width: 84.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 6, length: 12, rect: [108.640625,25 84.84375x17.46875]
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]
"sollicitudin"
line 2 width: 86.046875, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 19, length: 10, rect: [108.640625,42 86.046875x17.46875]
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]
"augue. Sed"
line 3 width: 92.734375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 30, length: 11, rect: [108.640625,60 92.734375x17.46875]
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]
"ante augue,"
line 4 width: 101.3125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 42, length: 11, rect: [108.640625,77 101.3125x17.46875]
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]
"rhoncus nec"
line 5 width: 98.40625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 54, length: 13, rect: [108.640625,95 98.40625x17.46875]
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]
"porttitor id,"
line 6 width: 74.125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 68, length: 10, rect: [108.640625,112 74.125x17.46875]
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]
"lacinia et"
line 7 width: 37.28125, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 79, length: 5, rect: [108.640625,130 37.28125x17.46875]
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]
"nibh."
line 8 width: 101.515625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 85, length: 12, rect: [108.640625,147 101.515625x17.46875]
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]
"Pellentesque"
line 9 width: 93.1875, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 98, length: 12, rect: [108.640625,165 93.1875x17.46875]
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]
"diam libero,"
line 10 width: 101.0625, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 111, length: 13, rect: [108.640625,182 101.0625x17.46875]
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]
"ultrices eget"
line 11 width: 88.109375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 125, length: 12, rect: [108.640625,200 88.109375x17.46875]
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]
"eleifend at,"
line 12 width: 83.953125, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 138, length: 9, rect: [108.640625,217 83.953125x17.46875]
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]
"consequat"
line 13 width: 61.609375, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 148, length: 8, rect: [108.640625,235 61.609375x17.46875]
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]
"ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (108.640625,252.65625) content-size 101.515625x315.40625 [BFC] children: inline
line 0 width: 98.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 11, rect: [108.640625,252.65625 98.65625x17.46875]
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]
"Suspendisse"
line 1 width: 60.734375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 13, length: 8, rect: [108.640625,269.65625 60.734375x17.46875]
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]
"potenti."
line 2 width: 101.515625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 22, length: 12, rect: [108.640625,286.65625 101.515625x17.46875]
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]
"Pellentesque"
line 3 width: 74.25, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 35, length: 9, rect: [108.640625,304.65625 74.25x17.46875]
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]
"at varius"
line 4 width: 80.546875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 45, length: 10, rect: [108.640625,321.65625 80.546875x17.46875]
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]
"lacus, sed"
line 5 width: 84.84375, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 56, length: 12, rect: [108.640625,339.65625 84.84375x17.46875]
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]
"sollicitudin"
line 6 width: 27.65625, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 69, length: 4, rect: [108.640625,356.65625 27.65625x17.46875]
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]
"leo."
line 7 width: 101.515625, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 74, length: 12, rect: [108.640625,374.65625 101.515625x17.46875]
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]
"Pellentesque"
line 8 width: 80.15625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 87, length: 9, rect: [108.640625,391.65625 80.15625x17.46875]
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]
"malesuada"
line 9 width: 56.625, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 97, length: 7, rect: [108.640625,409.65625 56.625x17.46875]
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]
"mi eget"
line 10 width: 99.40625, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 105, length: 12, rect: [108.640625,426.65625 99.40625x17.46875]
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]
"pellentesque"
line 11 width: 60.734375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 118, length: 7, rect: [108.640625,444.65625 60.734375x17.46875]
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]
"tempor."
line 12 width: 48.71875, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 126, length: 5, rect: [108.640625,461.65625 48.71875x17.46875]
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]
"Donec"
line 13 width: 59.890625, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 132, length: 7, rect: [108.640625,479.65625 59.890625x17.46875]
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]
"egestas"
line 14 width: 92.015625, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 140, length: 11, rect: [108.640625,496.65625 92.015625x17.46875]
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]
"mauris est,"
line 15 width: 88.640625, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 152, length: 11, rect: [108.640625,514.65625 88.640625x17.46875]
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]
"ut lobortis"
line 16 width: 84.9375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 164, length: 11, rect: [108.640625,531.65625 84.9375x17.46875]
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]
"nisi luctus"
line 17 width: 20.546875, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 176, length: 3, rect: [108.640625,548.65625 20.546875x17.46875]
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]
"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.640625x560.0625 [BFC] children: inline
line 0 width: 50.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17.46875]
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]
"Lorem"
line 1 width: 94.9375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17.46875]
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]
"ipsum dolor"
line 2 width: 70.9375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17.46875]
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]
"sit amet,"
line 3 width: 96.84375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 29, length: 11, rect: [8,60 96.84375x17.46875]
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]
"consectetur"
line 4 width: 75.71875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 41, length: 10, rect: [8,77 75.71875x17.46875]
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]
"adipiscing"
line 5 width: 65.265625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 52, length: 9, rect: [8,95 65.265625x17.46875]
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]
"elit. Sed"
line 6 width: 37.6875, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 62, length: 5, rect: [8,112 37.6875x17.46875]
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]
"vitae"
line 7 width: 100.640625, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 68, length: 11, rect: [8,130 100.640625x17.46875]
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]
"condimentum"
line 8 width: 65.03125, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 80, length: 8, rect: [8,147 65.03125x17.46875]
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]
"erat, ac"
line 9 width: 65.15625, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 89, length: 7, rect: [8,165 65.15625x17.46875]
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]
"posuere"
line 10 width: 41.171875, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 97, length: 5, rect: [8,182 41.171875x17.46875]
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]
"arcu."
line 11 width: 60.265625, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 103, length: 6, rect: [8,200 60.265625x17.46875]
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]
"Aenean"
line 12 width: 93.34375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 110, length: 12, rect: [8,217 93.34375x17.46875]
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]
"tincidunt mi"
line 13 width: 73.90625, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 123, length: 11, rect: [8,235 73.90625x17.46875]
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]
"ligula, vel"
line 14 width: 57.234375, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 135, length: 6, rect: [8,252 57.234375x17.46875]
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]
"semper"
line 15 width: 41.640625, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 142, length: 5, rect: [8,270 41.640625x17.46875]
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]
"dolor"
line 16 width: 83.09375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 148, length: 11, rect: [8,287 83.09375x17.46875]
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]
"aliquet at."
line 17 width: 75.8125, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 160, length: 9, rect: [8,304 75.8125x17.46875]
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]
"Phasellus"
line 18 width: 92.1875, height: 17.90625, bottom: 332.34375, baseline: 13.53125
frag 0 from TextNode start: 170, length: 11, rect: [8,322 92.1875x17.46875]
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]
"scelerisque"
line 19 width: 59.765625, height: 18.375, bottom: 350.28125, baseline: 13.53125
frag 0 from TextNode start: 182, length: 7, rect: [8,339 59.765625x17.46875]
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]
"dapibus"
line 20 width: 67.890625, height: 17.84375, bottom: 367.21875, baseline: 13.53125
frag 0 from TextNode start: 190, length: 8, rect: [8,357 67.890625x17.46875]
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]
"diam sed"
line 21 width: 70.4375, height: 18.3125, bottom: 385.15625, baseline: 13.53125
frag 0 from TextNode start: 199, length: 8, rect: [8,374 70.4375x17.46875]
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]
"rhoncus."
line 22 width: 78.8125, height: 17.78125, bottom: 402.09375, baseline: 13.53125
frag 0 from TextNode start: 208, length: 9, rect: [8,392 78.8125x17.46875]
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]
"Proin sed"
line 23 width: 68.296875, height: 18.25, bottom: 420.03125, baseline: 13.53125
frag 0 from TextNode start: 218, length: 9, rect: [8,409 68.296875x17.46875]
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]
"orci leo."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -187,11 +187,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x560.0625]
PaintableBox (Box<DIV>.grid-container) [8,8 784x560.0625]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [108.640625,8 101.515625x244.65625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x544]
PaintableBox (Box<DIV>.grid-container) [8,8 784x544]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [108.640625,8 101.515625x238]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [108.640625,252.65625 101.515625x315.40625]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [108.640625,246 101.515625x306]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 100.640625x560.0625]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 100.640625x544]
TextPaintable (TextNode<#text>)

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

@ -1,107 +1,107 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x332.34375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x332.34375 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x323 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x323 [GFC] 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 382x129.765625 [BFC] children: inline
line 0 width: 319.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 40, rect: [411.46875,8 319.171875x17.46875]
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]
"In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [411.46875,25 335.125x17.46875]
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]
"rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 85, length: 48, rect: [411.46875,42 378.625x17.46875]
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]
"Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 134, length: 22, rect: [411.46875,60 182.8125x17.46875]
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]
"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,157.765625) content-size 382x182.578125 [BFC] children: inline
line 0 width: 359.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 43, rect: [411.46875,157.765625 359.15625x17.46875]
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]
"Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 45, length: 41, rect: [411.46875,174.765625 318.5625x17.46875]
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]
"lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 87, length: 44, rect: [411.46875,191.765625 377.640625x17.46875]
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]
"malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 132, length: 47, rect: [411.46875,209.765625 378.03125x17.46875]
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]
"egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 180, length: 41, rect: [411.46875,226.765625 345.953125x17.46875]
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]
"Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 222, length: 37, rect: [411.46875,244.765625 312.765625x17.46875]
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]
"porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 260, length: 31, rect: [411.46875,261.765625 242.921875x17.46875]
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]
"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.46875x332.34375 [BFC] children: inline
line 0 width: 337.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17.46875]
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]
"Lorem ipsum dolor sit amet, consectetur"
line 1 width: 376.34375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875]
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]
"adipiscing elit. Sed vitae condimentum erat, ac"
line 2 width: 365.84375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17.46875]
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]
"posuere arcu. Aenean tincidunt mi ligula, vel"
line 3 width: 381.96875, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 135, length: 46, rect: [8,60 381.96875x17.46875]
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]
"semper dolor aliquet at. Phasellus scelerisque"
line 4 width: 377.203125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 182, length: 45, rect: [8,77 377.203125x17.46875]
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]
"dapibus diam sed rhoncus. Proin sed orci leo."
line 5 width: 375.390625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 228, length: 45, rect: [8,95 375.390625x17.46875]
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]
"Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 271.078125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 274, length: 32, rect: [8,112 271.078125x17.46875]
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]
"consectetur nulla malesuada. Sed"
line 7 width: 303.5625, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 307, length: 40, rect: [8,130 303.5625x17.46875]
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]
"pellentesque, elit sit amet sollicitudin"
line 8 width: 346.625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 348, length: 46, rect: [8,147 346.625x17.46875]
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]
"sollicitudin, lectus justo facilisis lacus, ac"
line 9 width: 350.234375, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 395, length: 42, rect: [8,165 350.234375x17.46875]
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]
"vehicula metus neque ac mi. In in augue et"
line 10 width: 361.0625, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 438, length: 40, rect: [8,182 361.0625x17.46875]
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]
"massa maximus venenatis auctor fermentum"
line 11 width: 371.734375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 479, length: 46, rect: [8,200 371.734375x17.46875]
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]
"dui. Aliquam dictum finibus urna, quis lacinia"
line 12 width: 369.59375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 526, length: 42, rect: [8,217 369.59375x17.46875]
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]
"massa laoreet a. Suspendisse elementum non"
line 13 width: 323.78125, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 569, length: 39, rect: [8,235 323.78125x17.46875]
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]
"lectus nec elementum. Quisque ultricies"
line 14 width: 337, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 609, length: 40, rect: [8,252 337x17.46875]
line 14 width: 337, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 609, length: 40, rect: [8,246 337x17]
"suscipit porttitor. Sed non urna rutrum,"
line 15 width: 351.828125, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 650, length: 46, rect: [8,270 351.828125x17.46875]
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]
"mattis nulla at, feugiat erat. Duis orci elit,"
line 16 width: 361.328125, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 697, length: 45, rect: [8,287 361.328125x17.46875]
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]
"vehicula sed blandit eget, auctor in arcu. Ut"
line 17 width: 345.75, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 743, length: 41, rect: [8,304 345.75x17.46875]
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]
"cursus magna sit amet nulla cursus, vitae"
line 18 width: 180.234375, height: 17.90625, bottom: 332.34375, baseline: 13.53125
frag 0 from TextNode start: 785, length: 22, rect: [8,322 180.234375x17.46875]
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]
"gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -109,11 +109,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x332.34375] overflow: [8,8 785.46875x332.34375]
PaintableBox (Box<DIV>.grid-container) [8,8 784x332.34375] overflow: [8,8 785.46875x332.34375]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [411.46875,8 382x129.765625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x323] overflow: [8,8 785.46875x323]
PaintableBox (Box<DIV>.grid-container) [8,8 784x323] overflow: [8,8 785.46875x323]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [411.46875,8 382x126]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [411.46875,157.765625 382x182.578125]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [411.46875,154 382x177]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 383.46875x332.34375]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 383.46875x323]
TextPaintable (TextNode<#text>)

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

@ -1,104 +1,104 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x315.40625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x315.40625 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x306 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x306 [GFC] 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 392x131.296875 [BFC] children: inline
line 0 width: 319.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17.46875]
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]
"In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17.46875]
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]
"rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 85, length: 48, rect: [401.46875,42 378.625x17.46875]
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]
"Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 134, length: 22, rect: [401.46875,60 182.8125x17.46875]
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]
"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,139.296875) content-size 392x184.109375 [BFC] children: inline
line 0 width: 359.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,139.296875 359.15625x17.46875]
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]
"Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 45, length: 41, rect: [401.46875,156.296875 318.5625x17.46875]
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]
"lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 87, length: 44, rect: [401.46875,173.296875 377.640625x17.46875]
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]
"malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 132, length: 47, rect: [401.46875,191.296875 378.03125x17.46875]
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]
"egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 180, length: 41, rect: [401.46875,208.296875 345.953125x17.46875]
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]
"Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 222, length: 37, rect: [401.46875,226.296875 312.765625x17.46875]
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]
"porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 260, length: 31, rect: [401.46875,243.296875 242.921875x17.46875]
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]
"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.46875x315.40625 [BFC] children: inline
line 0 width: 337.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17.46875]
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]
"Lorem ipsum dolor sit amet, consectetur"
line 1 width: 376.34375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875]
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]
"adipiscing elit. Sed vitae condimentum erat, ac"
line 2 width: 365.84375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17.46875]
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]
"posuere arcu. Aenean tincidunt mi ligula, vel"
line 3 width: 381.96875, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 135, length: 46, rect: [8,60 381.96875x17.46875]
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]
"semper dolor aliquet at. Phasellus scelerisque"
line 4 width: 377.203125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 182, length: 45, rect: [8,77 377.203125x17.46875]
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]
"dapibus diam sed rhoncus. Proin sed orci leo."
line 5 width: 375.390625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 228, length: 45, rect: [8,95 375.390625x17.46875]
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]
"Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 383.53125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 274, length: 46, rect: [8,112 383.53125x17.46875]
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]
"consectetur nulla malesuada. Sed pellentesque,"
line 7 width: 344.8125, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 321, length: 47, rect: [8,130 344.8125x17.46875]
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]
"elit sit amet sollicitudin sollicitudin, lectus"
line 8 width: 374.703125, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 369, length: 46, rect: [8,147 374.703125x17.46875]
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]
"justo facilisis lacus, ac vehicula metus neque"
line 9 width: 384.125, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 416, length: 45, rect: [8,165 384.125x17.46875]
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]
"ac mi. In in augue et massa maximus venenatis"
line 10 width: 373.25, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 462, length: 44, rect: [8,182 373.25x17.46875]
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]
"auctor fermentum dui. Aliquam dictum finibus"
line 11 width: 288.203125, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 507, length: 35, rect: [8,200 288.203125x17.46875]
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]
"urna, quis lacinia massa laoreet a."
line 12 width: 316.296875, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 543, length: 36, rect: [8,217 316.296875x17.46875]
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]
"Suspendisse elementum non lectus nec"
line 13 width: 388.78125, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 580, length: 48, rect: [8,235 388.78125x17.46875]
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]
"elementum. Quisque ultricies suscipit porttitor."
line 14 width: 373.828125, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 629, length: 45, rect: [8,252 373.828125x17.46875]
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]
"Sed non urna rutrum, mattis nulla at, feugiat"
line 15 width: 368.75, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 675, length: 48, rect: [8,270 368.75x17.46875]
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]
"erat. Duis orci elit, vehicula sed blandit eget,"
line 16 width: 390.625, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 724, length: 46, rect: [8,287 390.625x17.46875]
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]
"auctor in arcu. Ut cursus magna sit amet nulla"
line 17 width: 294.90625, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 771, length: 36, rect: [8,304 294.90625x17.46875]
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]
"cursus, vitae gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -106,11 +106,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x315.40625] overflow: [8,8 785.46875x315.40625]
PaintableBox (Box<DIV>.grid-container) [8,8 784x315.40625] overflow: [8,8 785.46875x315.40625]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [401.46875,8 392x131.296875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x306] overflow: [8,8 785.46875x306]
PaintableBox (Box<DIV>.grid-container) [8,8 784x306] overflow: [8,8 785.46875x306]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [401.46875,8 392x127.5]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [401.46875,139.296875 392x184.109375]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [401.46875,135.5 392x178.5]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 393.46875x315.40625]
PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 393.46875x306]
TextPaintable (TextNode<#text>)

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

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 784x17.46875 [BFC] children: inline
line 0 width: 31.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.265625x17.46875]
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]
"Uno"
TextNode <#text>
BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableBox (Box<DIV>.container) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableBox (Box<DIV>.container) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

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

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x56.9375 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x38.9375 [GFC] children: not-inline
BlockContainer <div.foo> at (11,11) content-size 778x17.46875 [BFC] children: inline
line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [11,11 27.15625x17.46875]
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]
"foo"
TextNode <#text>
BlockContainer <div.bar> at (11,30.46875) content-size 778x17.46875 [BFC] children: inline
line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [11,30.46875 27.640625x17.46875]
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]
"bar"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375]
PaintableBox (Box<BODY>) [9,9 782x40.9375]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 780x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableBox (Box<BODY>) [9,9 782x40]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 780x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.bar) [10,29.46875 780x19.46875]
PaintableWithLines (BlockContainer<DIV>.bar) [10,29 780x19]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div#item> at (8,8) content-size 784x17.46875 [BFC] children: not-inline
BlockContainer <div#block> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 210.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 26, rect: [8,8 210.484375x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] 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]
"Taika Waititi's Best Roles"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableBox (Box<BODY>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>#item) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>#block) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableBox (Box<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>#item) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>#block) [8,8 784x17]
TextPaintable (TextNode<#text>)

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

@ -3,13 +3,13 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17.46875]
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]
"a"
TextNode <#text>
BlockContainer <div.b> at (12,212) content-size 298x98 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,212 9.46875x17.46875]
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]
"b"
TextNode <#text>

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

@ -3,13 +3,13 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17.46875]
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]
"a"
TextNode <#text>
BlockContainer <div.b> at (212,12) content-size 98x298 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [212,12 9.46875x17.46875]
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]
"b"
TextNode <#text>

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

@ -3,28 +3,28 @@ 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.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,12 9.34375x17.46875]
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]
"a"
TextNode <#text>
BlockContainer <div.b> at (12,348) content-size 257.328125x334 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,348 9.46875x17.46875]
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]
"b"
TextNode <#text>
BlockContainer <div.c> at (271.328125,348) content-size 257.328125x334 [BFC] children: inline
line 0 width: 8.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [271.328125,348 8.890625x17.46875]
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]
"c"
TextNode <#text>
BlockContainer <div.d> at (530.65625,348) content-size 257.328125x166 [BFC] children: inline
line 0 width: 7.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,348 7.859375x17.46875]
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]
"d"
TextNode <#text>
BlockContainer <div.e> at (530.65625,516) content-size 257.328125x166 [BFC] children: inline
line 0 width: 8.71875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,516 8.71875x17.46875]
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]
"e"
TextNode <#text>

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item-left> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17.46875]
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]
"1fr"
TextNode <#text>
BlockContainer <div.item-right> at (269.328125,8) content-size 522.65625x17.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [269.328125,8 21.609375x17.46875]
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]
"1fr"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.item-left) [8,8 261.328125x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.item-left) [8,8 261.328125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item-right) [269.328125,8 522.65625x17.46875]
PaintableWithLines (BlockContainer<DIV>.item-right) [269.328125,8 522.65625x17]
TextPaintable (TextNode<#text>)

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x17.46875 flex-item [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 401.28125x17.46875 [BFC] children: inline
line 0 width: 401.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 45, rect: [8,8 401.28125x17.46875]
BlockContainer <body> at (8,8) content-size 784x17 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]
"The 10 Most Anticipated Summer Movies of 2023"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.ipc-page-grid) [8,8 784x17.46875]
PaintableBox (Box<DIV>.ipc-sub-grid) [8,8 401.28125x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 401.28125x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.ipc-page-grid) [8,8 784x17]
PaintableBox (Box<DIV>.ipc-sub-grid) [8,8 401.28125x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 401.28125x17]
TextPaintable (TextNode<#text>)

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

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

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 36.84375x17.46875 flex-item [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 36.84375x17.46875 [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17.46875]
BlockContainer <body> at (8,8) content-size 784x17 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]
"hello"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.ipc-page-grid) [8,8 784x17.46875]
PaintableBox (Box<DIV>.ipc-sub-grid) [8,8 36.84375x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 36.84375x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.ipc-page-grid) [8,8 784x17]
PaintableBox (Box<DIV>.ipc-sub-grid) [8,8 36.84375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 36.84375x17]
TextPaintable (TextNode<#text>)

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.grid-item> at (8,8) content-size 392x17.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17.46875]
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]
"1fr"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.grid-container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 392x17]
TextPaintable (TextNode<#text>)

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

@ -2,9 +2,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x520 [BFC] 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.265625) content-size 32.34375x17.46875 [BFC] children: inline
line 0 width: 32.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [244.828125,252.265625 32.34375x17.46875]
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]
"item"
TextNode <#text>
@ -12,5 +12,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x522]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x504]
PaintableBox (Box<DIV>.container) [10,10 502x502]
PaintableWithLines (BlockContainer<DIV>.item) [243.828125,251.265625 34.34375x19.46875]
PaintableWithLines (BlockContainer<DIV>.item) [243.828125,251.5 34.34375x19]
TextPaintable (TextNode<#text>)