RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-10-31 12:32:43 +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

14
Tests/LibWeb/Layout/expected/abspos-flex-container-with-auto-height.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 798x0 [BFC] children: not-inline
Box <body> at (9,9) content-size 512.859375x19.46875 positioned flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (10,10) content-size 510.859375x17.46875 flex-item [BFC] children: inline
line 0 width: 510.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17.46875]
Box <body> at (9,9) content-size 512.859375x19 positioned flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (10,10) content-size 510.859375x17 flex-item [BFC] children: inline
line 0 width: 510.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17]
"Diese Website nutzt Cookies und vergleichbare Funktionen zur"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 514.859375x21.46875]
PaintableBox (Box<BODY>) [8,8 514.859375x21.46875]
PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 514.859375x21]
PaintableBox (Box<BODY>) [8,8 514.859375x21]
PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/abspos-flexbox-with-auto-height.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 798x18 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
Box <nav> at (11,11) content-size 310.453125x19.46875 positioned flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (12,12) content-size 308.453125x17.46875 flex-item [BFC] children: inline
line 0 width: 308.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 36, rect: [12,12 308.453125x17.46875]
Box <nav> at (11,11) content-size 310.453125x19 positioned flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (12,12) content-size 308.453125x17 flex-item [BFC] children: inline
line 0 width: 308.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 36, rect: [12,12 308.453125x17]
"This should have a green background."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [1,1 798x30.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 312.453125x21.46875]
PaintableBox (Box<NAV>) [10,10 312.453125x21.46875]
PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [1,1 798x30]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 312.453125x21]
PaintableBox (Box<NAV>) [10,10 312.453125x21]
PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x19]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/abspos-with-percentage-insets.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 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x400 positioned [BFC] children: inline
BlockContainer <div.one> at (311,211) content-size 28.6875x17.46875 positioned [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: [311,211 28.6875x17.46875]
BlockContainer <div.one> at (311,211) content-size 28.6875x17 positioned [BFC] children: inline
line 0 width: 28.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [311,211 28.6875x17]
"one"
TextNode <#text>
BlockContainer <div.two> at (330.5625,351.53125) content-size 28.4375x17.46875 positioned [BFC] children: inline
line 0 width: 28.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [330.5625,351.53125 28.4375x17.46875]
BlockContainer <div.two> at (330.5625,352) content-size 28.4375x17 positioned [BFC] children: inline
line 0 width: 28.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [330.5625,352 28.4375x17]
"two"
TextNode <#text>
TextNode <#text>
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 502x402]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x402]
PaintableWithLines (BlockContainer<DIV>.one) [310,210 30.6875x19.46875]
PaintableWithLines (BlockContainer<DIV>.one) [310,210 30.6875x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.two) [329.5625,350.53125 30.4375x19.46875]
PaintableWithLines (BlockContainer<DIV>.two) [329.5625,351 30.4375x19]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/anonymous-wrappers-continue-to-inherit-style-after-change.txt
View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x89.84375 [BFC] children: not-inline
BlockContainer <body> at (8,21.4375) content-size 784x73.84375 children: not-inline
BlockContainer <h1> at (8,21.4375) content-size 784x34.9375 children: inline
line 0 width: 105.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x34.9375]
BlockContainer <html> at (0,0) content-size 800x89.4375 [BFC] children: not-inline
BlockContainer <body> at (8,21.4375) content-size 784x73.4375 children: not-inline
BlockContainer <h1> at (8,21.4375) content-size 784x35 children: inline
line 0 width: 105.53125, height: 35, bottom: 35, baseline: 27.09375
frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x35]
"header"
TextNode <#text>
BlockContainer <(anonymous)> at (8,77.8125) content-size 784x17.46875 children: inline
line 0 width: 212.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 24, rect: [8,77.8125 212.125x17.46875]
BlockContainer <(anonymous)> at (8,77.875) content-size 784x17 children: inline
line 0 width: 212.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 24, rect: [8,77.875 212.125x17]
"anonymously wrapped text"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x89.84375] overflow: [0,0 800x95.28125]
PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.84375]
PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x34.9375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x89.4375] overflow: [0,0 800x94.875]
PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.4375]
PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x35]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,77.8125 784x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,77.875 784x17]
TextPaintable (TextNode<#text>)

28
Tests/LibWeb/Layout/expected/block-and-inline/abspos-grid-with-definite-width.txt
View file

@ -1,25 +1,25 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x18 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
Box <div.box> at (1,11) content-size 200x70.28125 positioned [GFC] children: not-inline
BlockContainer <(anonymous)> at (1,11) content-size 200x70.28125 [BFC] children: inline
line 0 width: 181.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 21, rect: [1,11 181.78125x17.46875]
Box <div.box> at (1,11) content-size 200x68 positioned [GFC] children: not-inline
BlockContainer <(anonymous)> at (1,11) content-size 200x68 [BFC] children: inline
line 0 width: 181.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 21, rect: [1,11 181.78125x17]
"Giveaways in Channels"
line 1 width: 149.4375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 22, length: 16, rect: [1,28 149.4375x17.46875]
line 1 width: 149.4375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 22, length: 16, rect: [1,28 149.4375x17]
"and Free Premium"
line 2 width: 181.78125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 39, length: 21, rect: [1,45 181.78125x17.46875]
line 2 width: 181.78125, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 39, length: 21, rect: [1,45 181.78125x17]
"Giveaways in Channels"
line 3 width: 149.4375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 61, length: 16, rect: [1,63 149.4375x17.46875]
line 3 width: 149.4375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 61, length: 16, rect: [1,62 149.4375x17]
"and Free Premium"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [0,1 799x81.28125]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [0,10 202x72.28125]
PaintableBox (Box<DIV>.box) [0,10 202x72.28125]
PaintableWithLines (BlockContainer(anonymous)) [1,11 200x70.28125]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [0,1 799x79]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [0,10 202x70]
PaintableBox (Box<DIV>.box) [0,10 202x70]
PaintableWithLines (BlockContainer(anonymous)) [1,11 200x68]
TextPaintable (TextNode<#text>)

12
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.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 798x62.5 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.5 children: inline
line 0 width: 34, height: 28.5, bottom: 28.5, baseline: 28.5
BlockContainer <html> at (1,1) content-size 798x62.59375 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.59375 children: inline
line 0 width: 34, height: 28.59375, bottom: 28.59375, baseline: 28.59375
frag 0 from BlockContainer start: 0, length: 0, rect: [4,3 30x30]
line 1 width: 32, height: 28.5, bottom: 60.5, baseline: 28.5
line 1 width: 32, height: 28.59375, bottom: 60.59375, baseline: 28.59375
frag 0 from BlockContainer start: 0, length: 0, rect: [3,35 30x30]
BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
BreakNode <br>
BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.5] overflow: [1,1 798x64]
PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.5] overflow: [2,2 796x63]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.59375] overflow: [1,1 798x64]
PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.59375] overflow: [2,2 796x63]
PaintableWithLines (BlockContainer<DIV>.clump) [3,2 32x32]
PaintableWithLines (BlockContainer<DIV>.clump) [2,34 32x32]

16
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-white-space-nowrap.txt
View file

@ -1,9 +1,9 @@
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 37.15625x17.46875 children: not-inline
BlockContainer <div> at (8,8) content-size 37.15625x17.46875 children: inline
line 0 width: 37.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 37.15625x17 children: not-inline
BlockContainer <div> at (8,8) content-size 37.15625x17 children: inline
line 0 width: 37.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17]
"foo"
frag 1 from ImageBox start: 0, length: 0, rect: [35,11 10x10]
TextNode <#text>
@ -11,8 +11,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17]
TextPaintable (TextNode<#text>)
ImagePaintable (ImageBox<IMG>) [35,11 10x10]

40
Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt
View file

@ -2,44 +2,44 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x108 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
BlockContainer <div.big-float> at (8,8) content-size 100x100 floating [BFC] children: not-inline
BlockContainer <div.xxx> at (108,8) content-size 29.109375x17.46875 floating [BFC] children: inline
line 0 width: 29.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x17.46875]
BlockContainer <div.xxx> at (108,8) content-size 29.109375x17 floating [BFC] children: inline
line 0 width: 29.109375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x17]
"xxx"
TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17.46875]
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17]
"bar"
TextNode <#text>
TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 784x17.46875 children: inline
line 0 width: 27.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 3, rect: [130,25.46875 27.203125x17.46875]
BlockContainer <div> at (8,25) content-size 784x17 children: inline
line 0 width: 27.203125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [130,25 27.203125x17]
"baz"
TextNode <#text>
BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating [BFC] children: inline
line 0 width: 21.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [108,25.46875 21.515625x17.46875]
BlockContainer <div.yyy> at (108,25) content-size 21.515625x17 floating [BFC] children: inline
line 0 width: 21.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [108,25 21.515625x17]
"yyy"
TextNode <#text>
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 800x108]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375] overflow: [8,8 784x100]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34] overflow: [8,8 784x100]
PaintableWithLines (BlockContainer<DIV>.big-float) [8,8 100x100]
PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x17.46875]
PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.yyy) [108,25.46875 21.515625x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,25 784x17]
PaintableWithLines (BlockContainer<DIV>.yyy) [108,25 21.515625x17]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

12
Tests/LibWeb/Layout/expected/block-and-inline/block-level-floating-box-with-clearance.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 600x960 children: not-inline
BlockContainer <div.normal> at (18,18) content-size 300x300 children: not-inline
BlockContainer <div#top> at (8,328) content-size 100x100 floating [BFC] children: inline
line 0 width: 26.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,328 26.640625x17.46875]
line 0 width: 26.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,328 26.640625x17]
"top"
TextNode <#text>
BlockContainer <div#left> at (8,428) content-size 100x100 floating [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,428 26.25x17.46875]
line 0 width: 26.25, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,428 26.25x17]
"left"
TextNode <#text>
BlockContainer <div#right> at (108,428) content-size 100x100 floating [BFC] children: inline
line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [108,428 37.109375x17.46875]
line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [108,428 37.109375x17]
"right"
TextNode <#text>
BlockContainer <div.normal> at (18,338) content-size 300x300 children: not-inline

28
Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width-constraints.txt
View file

@ -1,24 +1,24 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x56.9375 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x38.9375 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x17.46875 children: inline
line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17.46875]
BlockContainer <html> at (1,1) content-size 798x56 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x38 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
line 0 width: 138.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17]
"Well hello friends"
TextNode <#text>
BlockContainer <div.box2> at (11,30.46875) content-size 138.28125x17.46875 children: inline
line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 18, rect: [11,30.46875 138.28125x17.46875]
BlockContainer <div.box2> at (11,30) content-size 138.28125x17 children: inline
line 0 width: 138.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [11,30 138.28125x17]
"Well hello friends"
TextNode <#text>
BlockContainer <(anonymous)> at (10,48.9375) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,48) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x40.9375]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x40]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.box2) [10,29.46875 140.28125x19.46875]
PaintableWithLines (BlockContainer<DIV>.box2) [10,29 140.28125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,48.9375 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]

20
Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width.txt
View file

@ -1,17 +1,17 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x17.46875 children: inline
line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17.46875]
BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
line 0 width: 138.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17]
"Well hello friends"
TextNode <#text>
BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,29) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,29.46875 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,29 780x0]

36
Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float.txt
View file

@ -1,45 +1,45 @@
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 <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div.ab> at (108,8) content-size 684x17.46875 children: not-inline
BlockContainer <div.ab> at (108,8) content-size 684x17 children: not-inline
BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div.a> at (108,8) content-size 14.265625x17.46875 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,8 14.265625x17.46875]
BlockContainer <div.a> at (108,8) content-size 14.265625x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [108,8 14.265625x17]
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div.b> at (122.265625,8) content-size 669.734375x17.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: [122.265625,8 9.34375x17.46875]
BlockContainer <div.b> at (122.265625,8) content-size 669.734375x17 [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [122.265625,8 9.34375x17]
"B"
TextNode <#text>
BlockContainer <(anonymous)> at (108,25.46875) content-size 684x0 children: inline
BlockContainer <(anonymous)> at (108,25) content-size 684x0 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 800x33.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x17.46875]
PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x17]
PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x17.46875]
PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>.b) [122.265625,8 669.734375x17.46875]
PaintableWithLines (BlockContainer<DIV>.b) [122.265625,8 669.734375x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

68
Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
View file

@ -1,72 +1,72 @@
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
BlockContainer <div> at (8,8) content-size 784x34.9375 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
BlockContainer <div> at (8,8) content-size 784x34 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div.a> at (8,8) content-size 57.0625x34.9375 floating [BFC] children: not-inline
BlockContainer <div.a> at (8,8) content-size 57.0625x34 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 57.0625x0 children: inline
TextNode <#text>
BlockContainer <div.a4> at (8,8) content-size 57.0625x17.46875 children: inline
line 0 width: 57.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,8 57.0625x17.46875]
BlockContainer <div.a4> at (8,8) content-size 57.0625x17 children: inline
line 0 width: 57.0625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 57.0625x17]
"AAAA"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25.46875) content-size 57.0625x0 children: inline
BlockContainer <(anonymous)> at (8,25) content-size 57.0625x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 57.0625x17.46875 children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 14.265625x17.46875]
BlockContainer <div> at (8,25) content-size 57.0625x17 children: inline
line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25 14.265625x17]
"A"
TextNode <#text>
BlockContainer <(anonymous)> at (8,42.9375) content-size 57.0625x0 children: inline
BlockContainer <(anonymous)> at (8,42) content-size 57.0625x0 children: inline
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x34.9375 children: not-inline
BlockContainer <div> at (108,8) content-size 684x34 children: not-inline
BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x17.46875 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: [108,8 9.34375x17.46875]
BlockContainer <div> at (108,8) content-size 684x17 children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [108,8 9.34375x17]
"B"
TextNode <#text>
BlockContainer <(anonymous)> at (108,25.46875) content-size 684x0 children: inline
BlockContainer <(anonymous)> at (108,25) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div.c> at (108,25.46875) content-size 684x17.46875 [BFC] children: inline
line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,25.46875 10.3125x17.46875]
BlockContainer <div.c> at (108,25) content-size 684x17 [BFC] children: inline
line 0 width: 10.3125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [108,25 10.3125x17]
"C"
TextNode <#text>
BlockContainer <(anonymous)> at (108,42.9375) content-size 684x0 children: inline
BlockContainer <(anonymous)> at (108,42) content-size 684x0 children: inline
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]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x34.9375]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 57.0625x0]
PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x17.46875]
PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 57.0625x0]
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 57.0625x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,25 57.0625x0]
PaintableWithLines (BlockContainer<DIV>) [8,25 57.0625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 57.0625x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42 57.0625x0]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x34.9375]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x34]
PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x17.46875]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0]
PaintableWithLines (BlockContainer<DIV>.c) [108,25.46875 684x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
PaintableWithLines (BlockContainer<DIV>.c) [108,25 684x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,42.9375 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
PaintableWithLines (BlockContainer(anonymous)) [108,42 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

44
Tests/LibWeb/Layout/expected/block-and-inline/block-with-max-content-width.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 798x76.40625 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x58.40625 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 150.21875x17.46875 children: inline
line 0 width: 150.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 18, rect: [11,11 150.21875x17.46875]
BlockContainer <html> at (1,1) content-size 798x75 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x57 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 150.21875x17 children: inline
line 0 width: 150.21875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [11,11 150.21875x17]
"width: max-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,29) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.bar> at (11,30.46875) content-size 187.953125x17.46875 children: inline
line 0 width: 187.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 22, rect: [11,30.46875 187.953125x17.46875]
BlockContainer <div.bar> at (11,30) content-size 187.953125x17 children: inline
line 0 width: 187.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 22, rect: [11,30 187.953125x17]
"max-width: max-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,48.9375) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,48) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.baz> at (11,49.9375) content-size 183.078125x17.46875 children: inline
line 0 width: 183.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 22, rect: [11,49.9375 183.078125x17.46875]
BlockContainer <div.baz> at (11,49) content-size 183.078125x17 children: inline
line 0 width: 183.078125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 22, rect: [11,49 183.078125x17]
"min-width: max-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,68.40625) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,67) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.40625]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x60.40625]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x77]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x59]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,29.46875 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,29.46875 189.953125x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,29 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,29 189.953125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,48.9375 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,48.9375 185.078125x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,48 185.078125x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,68.40625 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,67 780x0]

56
Tests/LibWeb/Layout/expected/block-and-inline/block-with-min-content-width.txt
View file

@ -1,46 +1,46 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x130.21875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x112.21875 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 93.765625x35.40625 children: inline
line 0 width: 43.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x17.46875]
BlockContainer <html> at (1,1) content-size 798x126 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 93.765625x34 children: inline
line 0 width: 43.578125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x17]
"width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [11,28 93.765625x17.46875]
line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 7, length: 11, rect: [11,28 93.765625x17]
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,47.40625) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,46) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.bar> at (11,48.40625) content-size 93.765625x35.40625 children: inline
line 0 width: 81.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [11,48.40625 81.3125x17.46875]
BlockContainer <div.bar> at (11,47) content-size 93.765625x34 children: inline
line 0 width: 81.3125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [11,47 81.3125x17]
"max-width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 11, length: 11, rect: [11,65.40625 93.765625x17.46875]
line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 11, length: 11, rect: [11,64 93.765625x17]
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,84.8125) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,82) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.baz> at (11,85.8125) content-size 93.765625x35.40625 children: inline
line 0 width: 76.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [11,85.8125 76.4375x17.46875]
BlockContainer <div.baz> at (11,83) content-size 93.765625x34 children: inline
line 0 width: 76.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [11,83 76.4375x17]
"min-width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 11, length: 11, rect: [11,102.8125 93.765625x17.46875]
line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 11, length: 11, rect: [11,100 93.765625x17]
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,122.21875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,118) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x132.21875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x114.21875]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x37.40625]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x128]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x110]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x36]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,47.40625 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,47.40625 95.765625x37.40625]
PaintableWithLines (BlockContainer(anonymous)) [10,46 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,46 95.765625x36]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,84.8125 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,84.8125 95.765625x37.40625]
PaintableWithLines (BlockContainer(anonymous)) [10,82 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,82 95.765625x36]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,122.21875 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,118 780x0]

20
Tests/LibWeb/Layout/expected/block-and-inline/block-with-negative-margin-and-no-intruding-floats.txt
View file

@ -1,17 +1,17 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x55.40625 [BFC] children: not-inline
BlockContainer <body> at (110,10) content-size 300x37.40625 positioned children: not-inline
BlockContainer <div> at (61,11) content-size 200x35.40625 children: inline
line 0 width: 159.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x17.46875]
BlockContainer <html> at (1,1) content-size 798x54 [BFC] children: not-inline
BlockContainer <body> at (110,10) content-size 300x36 positioned children: not-inline
BlockContainer <div> at (61,11) content-size 200x34 children: inline
line 0 width: 159.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x17]
"there are no floats"
line 1 width: 163.875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 20, length: 21, rect: [61,28 163.875x17.46875]
line 1 width: 163.875, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 20, length: 21, rect: [61,28 163.875x17]
"intruding on this div"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x57.40625]
PaintableWithLines (BlockContainer<BODY>) [109,9 302x39.40625] overflow: [60,10 350x37.40625]
PaintableWithLines (BlockContainer<DIV>) [60,10 202x37.40625]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x56]
PaintableWithLines (BlockContainer<BODY>) [109,9 302x38] overflow: [60,10 350x36]
PaintableWithLines (BlockContainer<DIV>) [60,10 202x36]
TextPaintable (TextNode<#text>)

44
Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
View file

@ -1,38 +1,38 @@
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 784x47.671875 children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875]
BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375]
frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17.46875]
BlockContainer <body> at (8,8) content-size 784x48 children: inline
line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48]
BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [9,25 17.828125x22]
frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17]
" "
frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.671875]
frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x44]
TextNode <#text>
BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline
line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 1, rect: [9,24 17.828125x21.84375]
BlockContainer <div.label> at (9,25) content-size 17.828125x22 inline-block [BFC] children: inline
line 0 width: 17.828125, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [9,25 17.828125x22]
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-item [BFC] children: inline
line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875]
BlockContainer <button> at (41,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-item [BFC] children: inline
line 0 width: 23.359375, height: 44, bottom: 44, baseline: 34
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44]
"B"
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875]
PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
PaintableWithLines (BlockContainer<DIV>.label) [8,24 19.828125x24]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
TextPaintable (TextNode<#text>)

34
Tests/LibWeb/Layout/expected/block-and-inline/button-should-have-vertically-aligned-content.txt
View file

@ -1,27 +1,27 @@
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 784x200 children: inline
line 0 width: 76.6875, height: 200, bottom: 200, baseline: 71
line 0 width: 76.6875, height: 200, bottom: 200, baseline: 70.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [22,19 48.6875x178]
TextNode <#text>
BlockContainer <button.button.border-black> at (22,19) content-size 48.6875x178 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (22,19) content-size 48.6875x178 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (22,29.265625) content-size 48.6875x157.46875 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (22,29.265625) content-size 48.6875x0 children: inline
BlockContainer <(anonymous)> at (22,29.5) content-size 48.6875x157 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (22,29.5) content-size 48.6875x0 children: inline
TextNode <#text>
BlockContainer <div.border-black> at (32,39.265625) content-size 28.6875x17.46875 children: inline
line 0 width: 28.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 3, rect: [32,39.265625 28.6875x17.46875]
BlockContainer <div.border-black> at (32,39.5) content-size 28.6875x17 children: inline
line 0 width: 28.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [32,39.5 28.6875x17]
"one"
TextNode <#text>
BlockContainer <(anonymous)> at (22,66.734375) content-size 48.6875x0 children: inline
BlockContainer <(anonymous)> at (22,66.5) content-size 48.6875x0 children: inline
TextNode <#text>
BlockContainer <div.border-black> at (32,76.734375) content-size 28.6875x100 children: inline
line 0 width: 28.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 3, rect: [32,76.734375 28.4375x17.46875]
BlockContainer <div.border-black> at (32,76.5) content-size 28.6875x100 children: inline
line 0 width: 28.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [32,76.5 28.4375x17]
"two"
TextNode <#text>
BlockContainer <(anonymous)> at (22,186.734375) content-size 48.6875x0 children: inline
BlockContainer <(anonymous)> at (22,186.5) content-size 48.6875x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
@ -29,11 +29,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
PaintableWithLines (BlockContainer<BUTTON>.button.border-black) [8,8 76.6875x200]
PaintableWithLines (BlockContainer(anonymous)) [22,19 48.6875x178]
PaintableWithLines (BlockContainer(anonymous)) [22,29.265625 48.6875x157.46875]
PaintableWithLines (BlockContainer(anonymous)) [22,29.265625 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,29.265625 48.6875x37.46875]
PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x157]
PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,29.5 48.6875x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [22,66.734375 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,66.734375 48.6875x120]
PaintableWithLines (BlockContainer(anonymous)) [22,66.5 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,66.5 48.6875x120]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [22,186.734375 48.6875x0]
PaintableWithLines (BlockContainer(anonymous)) [22,186.5 48.6875x0]

40
Tests/LibWeb/Layout/expected/block-and-inline/button-width.txt
View file

@ -1,29 +1,29 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x58.9375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x42.9375 children: not-inline
BlockContainer <button.btn.fixed-width> at (13,10) content-size 190x17.46875 children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17.46875 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17.46875 flex-item [BFC] children: inline
line 0 width: 94.921875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [61,10 94.921875x17.46875]
BlockContainer <html> at (0,0) content-size 800x58 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x42 children: not-inline
BlockContainer <button.btn.fixed-width> at (13,10) content-size 190x17 children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-item [BFC] children: inline
line 0 width: 94.921875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [61,10 94.921875x17]
"200px width"
TextNode <#text>
BlockContainer <button.btn> at (13,31.46875) content-size 324.671875x17.46875 children: not-inline
BlockContainer <(anonymous)> at (13,31.46875) content-size 324.671875x17.46875 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,31.46875) content-size 324.671875x17.46875 flex-item [BFC] children: inline
line 0 width: 324.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 39, rect: [13,31.46875 324.671875x17.46875]
BlockContainer <button.btn> at (13,31) content-size 324.671875x17 children: not-inline
BlockContainer <(anonymous)> at (13,31) content-size 324.671875x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,31) content-size 324.671875x17 flex-item [BFC] children: inline
line 0 width: 324.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 39, rect: [13,31 324.671875x17]
"auto width should behave as fit-content"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x42.9375]
PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x21.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x42]
PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>.btn) [8,29.46875 334.671875x21.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,31.46875 324.671875x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,31.46875 324.671875x17.46875]
PaintableWithLines (BlockContainer<BUTTON>.btn) [8,29 334.671875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
TextPaintable (TextNode<#text>)

32
Tests/LibWeb/Layout/expected/block-and-inline/button-with-after-pseudo.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 800x74.59375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x58.59375 children: inline
line 0 width: 424.640625, height: 58.59375, bottom: 58.59375, baseline: 42.28125
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x54.59375]
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x54.59375 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-item [BFC] children: inline
line 0 width: 414.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x54.59375]
BlockContainer <html> at (0,0) content-size 800x75 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x59 children: inline
line 0 width: 424.640625, height: 59, bottom: 59, baseline: 42.484375
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x55]
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x55 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-item [BFC] children: inline
line 0 width: 414.640625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x55]
"See more games"
TextNode <#text>
BlockContainer <(anonymous)> at (9,9) content-size 422.640625x56.59375 positioned [BFC] children: inline
BlockContainer <(anonymous)> at (9,9) content-size 422.640625x57 positioned [BFC] children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x74.59375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x58.59375]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x58.59375]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x59]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x56.59375]
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x57]

32
Tests/LibWeb/Layout/expected/block-and-inline/button-with-before-pseudo.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 800x74.59375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x58.59375 children: inline
line 0 width: 424.640625, height: 58.59375, bottom: 58.59375, baseline: 42.28125
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x54.59375]
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x54.59375 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (9,9) content-size 422.640625x56.59375 positioned [BFC] children: inline
BlockContainer <html> at (0,0) content-size 800x75 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x59 children: inline
line 0 width: 424.640625, height: 59, bottom: 59, baseline: 42.484375
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x55]
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x55 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (9,9) content-size 422.640625x57 positioned [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-item [BFC] children: inline
line 0 width: 414.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x54.59375]
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-item [BFC] children: inline
line 0 width: 414.640625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x55]
"See more games"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x74.59375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x58.59375]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x58.59375]
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x56.59375]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x59]
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x57]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
TextPaintable (TextNode<#text>)

52
Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
View file

@ -1,46 +1,46 @@
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 784x47.671875 children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875]
BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375]
frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17.46875]
BlockContainer <body> at (8,8) content-size 784x48 children: inline
line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48]
BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [9,25 17.828125x22]
frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17]
" "
frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.671875]
frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x44]
TextNode <#text>
BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline
line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 1, rect: [9,24 17.828125x21.84375]
BlockContainer <div.label> at (9,25) content-size 17.828125x22 inline-block [BFC] children: inline
line 0 width: 17.828125, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [9,25 17.828125x22]
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-item [BFC] children: not-inline
BlockContainer <button> at (41,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x0 children: inline
TextNode <#text>
BlockContainer <div> at (41,10) content-size 23.359375x43.671875 children: inline
line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875]
BlockContainer <div> at (41,10) content-size 23.359375x44 children: inline
line 0 width: 23.359375, height: 44, bottom: 44, baseline: 34
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44]
"B"
TextNode <#text>
BlockContainer <(anonymous)> at (41,53.671875) content-size 23.359375x0 children: inline
BlockContainer <(anonymous)> at (41,54) content-size 23.359375x0 children: inline
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875]
PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
PaintableWithLines (BlockContainer<DIV>.label) [8,24 19.828125x24]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x0]
PaintableWithLines (BlockContainer<DIV>) [41,10 23.359375x43.671875]
PaintableWithLines (BlockContainer<DIV>) [41,10 23.359375x44]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [41,53.671875 23.359375x0]
PaintableWithLines (BlockContainer(anonymous)) [41,54 23.359375x0]

24
Tests/LibWeb/Layout/expected/block-and-inline/button-with-multiple-words-text-node-label.txt
View file

@ -1,20 +1,20 @@
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 784x21.46875 children: inline
line 0 width: 59.921875, height: 21.46875, bottom: 21.46875, baseline: 13.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x17.46875]
BlockContainer <button> at (13,10) content-size 49.921875x17.46875 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17.46875 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17.46875 flex-item [BFC] children: inline
line 0 width: 49.921875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [13,10 49.921875x17.46875]
BlockContainer <body> at (8,8) content-size 784x21 children: inline
line 0 width: 59.921875, height: 21, bottom: 21, baseline: 13.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x17]
BlockContainer <button> at (13,10) content-size 49.921875x17 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17 flex-item [BFC] children: inline
line 0 width: 49.921875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [13,10 49.921875x17]
"A B C"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x21.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label-and-font-size.txt
View file

@ -1,20 +1,20 @@
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 784x56.40625 children: inline
line 0 width: 121.65625, height: 56.40625, bottom: 56.40625, baseline: 40.59375
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x52.40625]
BlockContainer <button> at (13,10) content-size 111.65625x52.40625 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52.40625 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52.40625 flex-item [BFC] children: inline
line 0 width: 111.65625, height: 52.40625, bottom: 52.40625, baseline: 40.59375
frag 0 from TextNode start: 0, length: 4, rect: [13,10 111.65625x52.40625]
BlockContainer <body> at (8,8) content-size 784x56 children: inline
line 0 width: 121.65625, height: 56, bottom: 56, baseline: 40.390625
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x52]
BlockContainer <button> at (13,10) content-size 111.65625x52 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52 flex-item [BFC] children: inline
line 0 width: 111.65625, height: 52, bottom: 52, baseline: 40.390625
frag 0 from TextNode start: 0, length: 4, rect: [13,10 111.65625x52]
"Test"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x56.40625]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x56.40625]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52.40625]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52.40625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x56]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x56]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label.txt
View file

@ -1,20 +1,20 @@
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 784x21.46875 children: inline
line 0 width: 47.21875, height: 21.46875, bottom: 21.46875, baseline: 13.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x17.46875]
BlockContainer <button> at (13,10) content-size 37.21875x17.46875 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17.46875 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17.46875 flex-item [BFC] children: inline
line 0 width: 37.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [13,10 37.21875x17.46875]
BlockContainer <body> at (8,8) content-size 784x21 children: inline
line 0 width: 47.21875, height: 21, bottom: 21, baseline: 13.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x17]
BlockContainer <button> at (13,10) content-size 37.21875x17 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17 flex-item [BFC] children: inline
line 0 width: 37.21875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [13,10 37.21875x17]
"Test"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x21.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
View file

@ -3,21 +3,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x34.9375 floating [BFC] children: inline
line 0 width: 28.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 1, rect: [8,29.4375 28.53125x34.9375]
BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x35 floating [BFC] children: inline
line 0 width: 28.53125, height: 35, bottom: 35, baseline: 27.09375
frag 0 from TextNode start: 0, length: 1, rect: [8,29.4375 28.53125x35]
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x34.9375 floating [BFC] children: inline
line 0 width: 18.6875, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 1, rect: [773.3125,29.4375 18.6875x34.9375]
BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x35 floating [BFC] children: inline
line 0 width: 18.6875, height: 35, bottom: 35, baseline: 27.09375
frag 0 from TextNode start: 0, length: 1, rect: [773.3125,29.4375 18.6875x35]
"B"
TextNode <#text>
TextNode <#text>
BlockContainer <div.c> at (8,155.8125) content-size 11.5625x17.46875 floating [BFC] children: inline
line 0 width: 11.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,155.8125 11.5625x17.46875]
BlockContainer <div.c> at (8,155.875) content-size 11.5625x17 floating [BFC] children: inline
line 0 width: 11.5625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,155.875 11.5625x17]
"X"
TextNode <#text>
TextNode <#text>
@ -26,9 +26,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x34.9375]
PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x35]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x34.9375]
PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x35]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.c) [8,155.8125 11.5625x17.46875]
PaintableWithLines (BlockContainer<DIV>.c) [8,155.875 11.5625x17]
TextPaintable (TextNode<#text>)

28
Tests/LibWeb/Layout/expected/block-and-inline/clear-both-without-introducing-clearance.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 800x125.9375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109.9375 children: not-inline
BlockContainer <div.upper> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 46.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 46.15625x17.46875]
BlockContainer <html> at (0,0) content-size 800x125 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109 children: not-inline
BlockContainer <div.upper> at (8,8) content-size 784x17 children: inline
line 0 width: 46.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 46.15625x17]
"upper"
TextNode <#text>
BlockContainer <div.mystery> at (8,100.46875) content-size 784x0 children: not-inline
BlockContainer <div.lower> at (8,100.46875) content-size 784x17.46875 children: inline
line 0 width: 43.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,100.46875 43.359375x17.46875]
BlockContainer <div.mystery> at (8,100) content-size 784x0 children: not-inline
BlockContainer <div.lower> at (8,100) content-size 784x17 children: inline
line 0 width: 43.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,100 43.359375x17]
"lower"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.9375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.9375]
PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x125]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.mystery) [8,100.46875 784x0]
PaintableWithLines (BlockContainer<DIV>.lower) [8,100.46875 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.mystery) [8,100 784x0]
PaintableWithLines (BlockContainer<DIV>.lower) [8,100 784x17]
TextPaintable (TextNode<#text>)

12
Tests/LibWeb/Layout/expected/block-and-inline/flex-container-should-avoid-overlapping-floats.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 800x66 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 400x50 children: not-inline
BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17.46875 floating [BFC] children: inline
line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17.46875]
BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17 floating [BFC] children: inline
line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17]
"right"
TextNode <#text>
Box <div.flex> at (8,8) content-size 362.890625x50 flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 32.34375x50 flex-item [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: [8,8 32.34375x17.46875]
line 0 width: 32.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 32.34375x17]
"item"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [8,8 400x50]
PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17.46875]
PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.flex) [8,8 362.890625x50]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 32.34375x50]

112
Tests/LibWeb/Layout/expected/block-and-inline/float-1.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 784x332.34375 children: not-inline
BlockContainer <body> at (8,8) content-size 784x323 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#lefty> at (8,8) content-size 100x100 floating [BFC] children: inline
line 0 width: 10.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17.46875]
line 0 width: 10.859375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17]
"L"
TextNode <#text>
TextNode <#text>
BlockContainer <div#righty> at (742,8) content-size 50x50 floating [BFC] children: inline
line 0 width: 13.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17.46875]
line 0 width: 13.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17]
"R"
TextNode <#text>
TextNode <#text>
@ -22,14 +22,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#lefty2> at (108,8) content-size 80x80 floating [BFC] children: inline
line 0 width: 19.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17.46875]
line 0 width: 19.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17]
"L2"
TextNode <#text>
TextNode <#text>
BlockContainer <div#righty2> at (712,8) content-size 30x30 floating [BFC] children: inline
line 0 width: 22.5, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17.46875]
line 0 width: 22.5, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17]
"R2"
TextNode <#text>
TextNode <#text>
@ -38,84 +38,84 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#lefty3> at (188,8) content-size 40x40 floating [BFC] children: inline
line 0 width: 19.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17.46875]
line 0 width: 19.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17]
"L3"
TextNode <#text>
TextNode <#text>
BlockContainer <div#righty3> at (692,8) content-size 20x20 floating [BFC] children: inline
line 0 width: 22.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17.46875]
line 0 width: 22.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17]
"R3"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x332.34375 children: inline
line 0 width: 414.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17.46875]
BlockContainer <div> at (8,8) content-size 784x323 children: inline
line 0 width: 414.5625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 1 width: 414.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17.46875]
line 1 width: 414.5625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 2 width: 466.90625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17.46875]
line 2 width: 466.90625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 3 width: 573.5, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 151, length: 65, rect: [188,60 573.5x17.46875]
line 3 width: 573.5, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 151, length: 65, rect: [188,59 573.5x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 4 width: 572.546875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 217, length: 65, rect: [188,77 572.546875x17.46875]
line 4 width: 572.546875, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 217, length: 65, rect: [188,76 572.546875x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 5 width: 679.140625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 283, length: 77, rect: [108,95 679.140625x17.46875]
line 5 width: 679.140625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 283, length: 77, rect: [108,93 679.140625x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 6 width: 783.828125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 361, length: 89, rect: [8,112 783.828125x17.46875]
line 6 width: 783.828125, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 361, length: 89, rect: [8,110 783.828125x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 7 width: 731.484375, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 451, length: 83, rect: [8,130 731.484375x17.46875]
line 7 width: 731.484375, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 451, length: 83, rect: [8,127 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 8 width: 731.484375, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 535, length: 83, rect: [8,147 731.484375x17.46875]
line 8 width: 731.484375, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 535, length: 83, rect: [8,144 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 9 width: 731.484375, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 619, length: 83, rect: [8,165 731.484375x17.46875]
line 9 width: 731.484375, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 619, length: 83, rect: [8,161 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 10 width: 731.484375, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 703, length: 83, rect: [8,182 731.484375x17.46875]
line 10 width: 731.484375, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 703, length: 83, rect: [8,178 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 11 width: 731.484375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 787, length: 83, rect: [8,200 731.484375x17.46875]
line 11 width: 731.484375, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 787, length: 83, rect: [8,195 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 12 width: 731.484375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 871, length: 83, rect: [8,217 731.484375x17.46875]
line 12 width: 731.484375, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 871, length: 83, rect: [8,212 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 13 width: 731.484375, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 955, length: 83, rect: [8,235 731.484375x17.46875]
line 13 width: 731.484375, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 955, length: 83, rect: [8,229 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 14 width: 731.484375, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 1039, length: 83, rect: [8,252 731.484375x17.46875]
line 14 width: 731.484375, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 1039, length: 83, rect: [8,246 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 15 width: 731.484375, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 1123, length: 83, rect: [8,270 731.484375x17.46875]
line 15 width: 731.484375, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 1123, length: 83, rect: [8,263 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 16 width: 731.484375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 1207, length: 83, rect: [8,287 731.484375x17.46875]
line 16 width: 731.484375, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 1207, length: 83, rect: [8,280 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 17 width: 731.484375, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 1291, length: 83, rect: [8,304 731.484375x17.46875]
line 17 width: 731.484375, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 1291, length: 83, rect: [8,297 731.484375x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 18 width: 45.296875, height: 17.90625, bottom: 332.34375, baseline: 13.53125
frag 0 from TextNode start: 1375, length: 5, rect: [8,322 45.296875x17.46875]
line 18 width: 45.296875, height: 17, bottom: 323, baseline: 13.296875
frag 0 from TextNode start: 1375, length: 5, rect: [8,314 45.296875x17]
"ipsum"
TextNode <#text>
BlockContainer <(anonymous)> at (8,340.34375) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,331) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x332.34375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x323]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100]
@ -135,6 +135,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x332.34375]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x323]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,340.34375 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,331 784x0]

16
Tests/LibWeb/Layout/expected/block-and-inline/float-2.txt
View file

@ -2,25 +2,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x60 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <div#b> at (9,9) content-size 50x50 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
TextNode <#text>
BlockContainer <div#a> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 37.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [60,8 37.578125x17.46875]
BlockContainer <div#a> at (8,8) content-size 784x17 children: inline
line 0 width: 37.578125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [60,8 37.578125x17]
"Text"
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 800x60]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875] overflow: [8,8 784x52]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784x52]
PaintableWithLines (BlockContainer<DIV>#b) [8,8 52x52]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

24
Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
View file

@ -1,6 +1,6 @@
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 780x119.46875 children: not-inline
BlockContainer <body> at (8,8) content-size 780x119 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div#top> at (8,8) content-size 780x100 [BFC] children: inline
@ -11,31 +11,31 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,108) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div#bottom> at (9,109) content-size 778x17.46875 children: not-inline
BlockContainer <div#bottom> at (9,109) content-size 778x17 children: not-inline
BlockContainer <(anonymous)> at (9,109) content-size 778x0 children: inline
TextNode <#text>
TextNode <#text>
BlockContainer <div#text> at (9,109) content-size 778x17.46875 children: inline
line 0 width: 54.796875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17.46875]
BlockContainer <div#text> at (9,109) content-size 778x17 children: inline
line 0 width: 54.796875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17]
"foobar"
TextNode <#text>
BlockContainer <(anonymous)> at (9,126.46875) content-size 778x0 children: inline
BlockContainer <(anonymous)> at (9,126) content-size 778x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,127.46875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (8,127) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 780x119.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 780x119]
PaintableWithLines (BlockContainer(anonymous)) [8,8 780x0]
PaintableWithLines (BlockContainer<DIV>#top) [8,8 780x100]
PaintableWithLines (BlockContainer<DIV>#top-left.box) [8,8 300x100]
PaintableWithLines (BlockContainer<DIV>#top-right.box) [488,8 300x100]
PaintableWithLines (BlockContainer(anonymous)) [8,108 780x0]
PaintableWithLines (BlockContainer<DIV>#bottom) [8,108 780x19.46875]
PaintableWithLines (BlockContainer<DIV>#bottom) [8,108 780x19]
PaintableWithLines (BlockContainer(anonymous)) [9,109 778x0]
PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17.46875]
PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [9,126.46875 778x0]
PaintableWithLines (BlockContainer(anonymous)) [8,127.46875 780x0]
PaintableWithLines (BlockContainer(anonymous)) [9,126 778x0]
PaintableWithLines (BlockContainer(anonymous)) [8,127 780x0]

16
Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
View file

@ -5,26 +5,26 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.left> at (9,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 39.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [14,9 39.21875x17.46875]
line 0 width: 39.21875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [14,9 39.21875x17]
"Left1"
TextNode <#text>
TextNode <#text>
BlockContainer <div.right> at (737,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 48.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [738,9 48.3125x17.46875]
line 0 width: 48.3125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [738,9 48.3125x17]
"Right1"
TextNode <#text>
TextNode <#text>
BlockContainer <div.left> at (61,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 41.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [65,9 41.6875x17.46875]
line 0 width: 41.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [65,9 41.6875x17]
"Left2"
TextNode <#text>
TextNode <#text>
BlockContainer <div.right> at (685,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 50.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [685,9 50.78125x17.46875]
line 0 width: 50.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [685,9 50.78125x17]
"Right2"
TextNode <#text>
TextNode <#text>

28
Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
View file

@ -1,15 +1,15 @@
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: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,8 6.34375x17.46875]
BlockContainer <body> at (8,8) content-size 784x34 children: inline
line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [108,8 6.34375x17]
"1"
line 1 width: 8.8125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,25 8.8125x17.46875]
line 1 width: 8.8125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [108,25 8.8125x17]
"2"
BlockContainer <span.a> at (8,8) content-size 100x17.46875 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17.46875]
BlockContainer <span.a> at (8,8) content-size 100x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
"A"
TextNode <#text>
InlineNode <span>
@ -17,9 +17,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BreakNode <br>
TextNode <#text>
BlockContainer <span.a> at (8,25.46875) content-size 100x17.46875 floating [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,25.46875 9.34375x17.46875]
BlockContainer <span.a> at (8,25) content-size 100x17 floating [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,25 9.34375x17]
"B"
TextNode <#text>
InlineNode <span>
@ -27,12 +27,12 @@ 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 784x35.40625]
PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17]
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>.a) [8,25.46875 100x17.46875]
PaintableWithLines (BlockContainer<SPAN>.a) [8,25 100x17]
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)

216
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
View file

@ -1,200 +1,200 @@
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 (252,10) content-size 538x399.53125 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x21.84375]
BlockContainer <body> at (252,10) content-size 538x400 children: inline
line 0 width: 228.34375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x22]
"Lorem"
frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.546875x21.84375]
frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.546875x22]
" "
frag 2 from TextNode start: 7, length: 5, rect: [630.546875,10 56.625x21.84375]
frag 2 from TextNode start: 7, length: 5, rect: [630.546875,10 56.625x22]
"ipsum"
frag 3 from TextNode start: 12, length: 1, rect: [686.546875,10 12.546875x21.84375]
frag 3 from TextNode start: 12, length: 1, rect: [686.546875,10 12.546875x22]
" "
frag 4 from TextNode start: 13, length: 5, rect: [699.09375,10 52.046875x21.84375]
frag 4 from TextNode start: 13, length: 5, rect: [699.09375,10 52.046875x22]
"dolor"
frag 5 from TextNode start: 18, length: 1, rect: [751.09375,10 12.546875x21.84375]
frag 5 from TextNode start: 18, length: 1, rect: [751.09375,10 12.546875x22]
" "
frag 6 from TextNode start: 19, length: 3, rect: [763.640625,10 25.953125x21.84375]
frag 6 from TextNode start: 19, length: 3, rect: [763.640625,10 25.953125x22]
"sit"
line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
frag 0 from TextNode start: 23, length: 5, rect: [554,31 52.71875x21.84375]
line 1 width: 183.78125, height: 22, bottom: 44, baseline: 17
frag 0 from TextNode start: 23, length: 5, rect: [554,32 52.71875x22]
"amet,"
frag 1 from TextNode start: 28, length: 1, rect: [607,31 62.21875x21.84375]
frag 1 from TextNode start: 28, length: 1, rect: [607,32 62.21875x22]
" "
frag 2 from TextNode start: 29, length: 11, rect: [669.21875,31 121.0625x21.84375]
frag 2 from TextNode start: 29, length: 11, rect: [669.21875,32 121.0625x22]
"consectetur"
line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
frag 0 from TextNode start: 41, length: 10, rect: [554,53 94.65625x21.84375]
line 2 width: 140.5625, height: 22, bottom: 66, baseline: 17
frag 0 from TextNode start: 41, length: 10, rect: [554,54 94.65625x22]
"adipiscing"
frag 1 from TextNode start: 51, length: 1, rect: [649,53 105.4375x21.84375]
frag 1 from TextNode start: 51, length: 1, rect: [649,54 105.4375x22]
" "
frag 2 from TextNode start: 52, length: 5, rect: [754.4375,53 35.90625x21.84375]
frag 2 from TextNode start: 52, length: 5, rect: [754.4375,54 35.90625x22]
"elit."
line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
frag 0 from TextNode start: 58, length: 11, rect: [554,75 123.3125x21.84375]
line 3 width: 145, height: 22, bottom: 88, baseline: 17
frag 0 from TextNode start: 58, length: 11, rect: [554,76 123.3125x22]
"Suspendisse"
frag 1 from TextNode start: 69, length: 1, rect: [677,75 101x21.84375]
frag 1 from TextNode start: 69, length: 1, rect: [677,76 101x22]
" "
frag 2 from TextNode start: 70, length: 1, rect: [778,75 11.6875x21.84375]
frag 2 from TextNode start: 70, length: 1, rect: [778,76 11.6875x22]
"a"
line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
frag 0 from TextNode start: 72, length: 8, rect: [554,97 82.046875x21.84375]
line 4 width: 196.703125, height: 22, bottom: 110, baseline: 17
frag 0 from TextNode start: 72, length: 8, rect: [554,98 82.046875x22]
"placerat"
frag 1 from TextNode start: 80, length: 1, rect: [636,97 29.640625x21.84375]
frag 1 from TextNode start: 80, length: 1, rect: [636,98 29.640625x22]
" "
frag 2 from TextNode start: 81, length: 7, rect: [665.640625,97 73.875x21.84375]
frag 2 from TextNode start: 81, length: 7, rect: [665.640625,98 73.875x22]
"mauris,"
frag 3 from TextNode start: 88, length: 1, rect: [739.640625,97 29.640625x21.84375]
frag 3 from TextNode start: 88, length: 1, rect: [739.640625,98 29.640625x22]
" "
frag 4 from TextNode start: 89, length: 2, rect: [769.28125,97 20.78125x21.84375]
frag 4 from TextNode start: 89, length: 2, rect: [769.28125,98 20.78125x22]
"ut"
line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
frag 0 from TextNode start: 92, length: 9, rect: [554,119 101.28125x21.84375]
line 5 width: 234.6875, height: 22, bottom: 132, baseline: 17
frag 0 from TextNode start: 92, length: 9, rect: [554,120 101.28125x22]
"elementum"
frag 1 from TextNode start: 101, length: 1, rect: [655,119 10.4375x21.84375]
frag 1 from TextNode start: 101, length: 1, rect: [655,120 10.4375x22]
" "
frag 2 from TextNode start: 102, length: 3, rect: [665.4375,119 26.390625x21.84375]
frag 2 from TextNode start: 102, length: 3, rect: [665.4375,120 26.390625x22]
"mi."
frag 3 from TextNode start: 105, length: 1, rect: [692.4375,119 10.4375x21.84375]
frag 3 from TextNode start: 105, length: 1, rect: [692.4375,120 10.4375x22]
" "
frag 4 from TextNode start: 106, length: 5, rect: [702.875,119 56.234375x21.84375]
frag 4 from TextNode start: 106, length: 5, rect: [702.875,120 56.234375x22]
"Morbi"
frag 5 from TextNode start: 111, length: 1, rect: [758.875,119 10.4375x21.84375]
frag 5 from TextNode start: 111, length: 1, rect: [758.875,120 10.4375x22]
" "
frag 6 from TextNode start: 112, length: 2, rect: [769.3125,119 20.78125x21.84375]
frag 6 from TextNode start: 112, length: 2, rect: [769.3125,120 20.78125x22]
"ut"
line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
frag 0 from TextNode start: 115, length: 8, rect: [554,141 78.765625x21.84375]
line 6 width: 201.53125, height: 22, bottom: 154, baseline: 17
frag 0 from TextNode start: 115, length: 8, rect: [554,142 78.765625x22]
"vehicula"
frag 1 from TextNode start: 123, length: 1, rect: [633,141 27.234375x21.84375]
frag 1 from TextNode start: 123, length: 1, rect: [633,142 27.234375x22]
" "
frag 2 from TextNode start: 124, length: 6, rect: [660.234375,141 62.9375x21.84375]
frag 2 from TextNode start: 124, length: 6, rect: [660.234375,142 62.9375x22]
"ipsum,"
frag 3 from TextNode start: 130, length: 1, rect: [723.234375,141 27.234375x21.84375]
frag 3 from TextNode start: 130, length: 1, rect: [723.234375,142 27.234375x22]
" "
frag 4 from TextNode start: 131, length: 4, rect: [750.46875,141 39.828125x21.84375]
frag 4 from TextNode start: 131, length: 4, rect: [750.46875,142 39.828125x22]
"eget"
line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
frag 0 from TextNode start: 136, length: 8, rect: [554,162 82.046875x21.84375]
line 7 width: 232.53125, height: 22, bottom: 176, baseline: 17
frag 0 from TextNode start: 136, length: 8, rect: [554,164 82.046875x22]
"placerat"
frag 1 from TextNode start: 144, length: 1, rect: [636,162 11.734375x21.84375]
frag 1 from TextNode start: 144, length: 1, rect: [636,164 11.734375x22]
" "
frag 2 from TextNode start: 145, length: 6, rect: [647.734375,162 61.875x21.84375]
frag 2 from TextNode start: 145, length: 6, rect: [647.734375,164 61.875x22]
"augue."
frag 3 from TextNode start: 151, length: 1, rect: [709.734375,162 11.734375x21.84375]
frag 3 from TextNode start: 151, length: 1, rect: [709.734375,164 11.734375x22]
" "
frag 4 from TextNode start: 152, length: 7, rect: [721.46875,162 68.609375x21.84375]
frag 4 from TextNode start: 152, length: 7, rect: [721.46875,164 68.609375x22]
"Integer"
line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
frag 0 from TextNode start: 160, length: 6, rect: [554,184 70.3125x21.84375]
line 8 width: 202.96875, height: 22, bottom: 198, baseline: 17
frag 0 from TextNode start: 160, length: 6, rect: [554,186 70.3125x22]
"rutrum"
frag 1 from TextNode start: 166, length: 1, rect: [624,184 21x21.84375]
frag 1 from TextNode start: 166, length: 1, rect: [624,186 21x22]
" "
frag 2 from TextNode start: 167, length: 4, rect: [645,184 35.09375x21.84375]
frag 2 from TextNode start: 167, length: 4, rect: [645,186 35.09375x22]
"nisi"
frag 3 from TextNode start: 171, length: 1, rect: [680,184 21x21.84375]
frag 3 from TextNode start: 171, length: 1, rect: [680,186 21x22]
" "
frag 4 from TextNode start: 172, length: 4, rect: [701,184 39.828125x21.84375]
frag 4 from TextNode start: 172, length: 4, rect: [701,186 39.828125x22]
"eget"
frag 5 from TextNode start: 176, length: 1, rect: [741,184 21x21.84375]
frag 5 from TextNode start: 176, length: 1, rect: [741,186 21x22]
" "
frag 6 from TextNode start: 177, length: 3, rect: [762,184 27.734375x21.84375]
frag 6 from TextNode start: 177, length: 3, rect: [762,186 27.734375x22]
"dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x21.84375]
line 10 width: 208.828125, height: 22, bottom: 224, baseline: 17
frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x22]
"dictum,"
frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.578125x21.84375]
frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.578125x22]
" "
frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x21.84375]
frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x22]
"eu"
frag 3 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x21.84375]
frag 3 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x22]
" "
frag 4 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x21.84375]
frag 4 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x22]
"accumsan"
line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x21.84375]
line 11 width: 180.1875, height: 22, bottom: 246, baseline: 17
frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x22]
"enim"
frag 1 from TextNode start: 205, length: 1, rect: [296,234 37.90625x21.84375]
frag 1 from TextNode start: 205, length: 1, rect: [296,234 37.90625x22]
" "
frag 2 from TextNode start: 206, length: 10, rect: [333.90625,234 93.625x21.84375]
frag 2 from TextNode start: 206, length: 10, rect: [333.90625,234 93.625x22]
"tristique."
frag 3 from TextNode start: 216, length: 1, rect: [427.90625,234 37.90625x21.84375]
frag 3 from TextNode start: 216, length: 1, rect: [427.90625,234 37.90625x22]
" "
frag 4 from TextNode start: 217, length: 2, rect: [465.8125,234 22.6875x21.84375]
frag 4 from TextNode start: 217, length: 2, rect: [465.8125,234 22.6875x22]
"Ut"
line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x21.84375]
line 12 width: 195.28125, height: 22, bottom: 268, baseline: 17
frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x22]
"lobortis"
frag 1 from TextNode start: 228, length: 1, rect: [332,256 30.359375x21.84375]
frag 1 from TextNode start: 228, length: 1, rect: [332,256 30.359375x22]
" "
frag 2 from TextNode start: 229, length: 5, rect: [362.359375,256 55.4375x21.84375]
frag 2 from TextNode start: 229, length: 5, rect: [362.359375,256 55.4375x22]
"lorem"
frag 3 from TextNode start: 234, length: 1, rect: [417.359375,256 30.359375x21.84375]
frag 3 from TextNode start: 234, length: 1, rect: [417.359375,256 30.359375x22]
" "
frag 4 from TextNode start: 235, length: 4, rect: [447.71875,256 39.828125x21.84375]
frag 4 from TextNode start: 235, length: 4, rect: [447.71875,256 39.828125x22]
"eget"
line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x21.84375]
line 13 width: 222.921875, height: 22, bottom: 290, baseline: 17
frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x22]
"est"
frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.53125x21.84375]
frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.53125x22]
" "
frag 2 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x21.84375]
frag 2 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x22]
"vulputate"
frag 3 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x21.84375]
frag 3 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x22]
" "
frag 4 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x21.84375]
frag 4 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x22]
"egestas."
line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
frag 0 from TextNode start: 263, length: 7, rect: [252,299 68.609375x21.84375]
line 14 width: 223.125, height: 22, bottom: 312, baseline: 17
frag 0 from TextNode start: 263, length: 7, rect: [252,300 68.609375x22]
"Integer"
frag 1 from TextNode start: 270, length: 1, rect: [321,299 16.4375x21.84375]
frag 1 from TextNode start: 270, length: 1, rect: [321,300 16.4375x22]
" "
frag 2 from TextNode start: 271, length: 7, rect: [337.4375,299 71.328125x21.84375]
frag 2 from TextNode start: 271, length: 7, rect: [337.4375,300 71.328125x22]
"laoreet"
frag 3 from TextNode start: 278, length: 1, rect: [408.4375,299 16.4375x21.84375]
frag 3 from TextNode start: 278, length: 1, rect: [408.4375,300 16.4375x22]
" "
frag 4 from TextNode start: 279, length: 7, rect: [424.875,299 63.1875x21.84375]
frag 4 from TextNode start: 279, length: 7, rect: [424.875,300 63.1875x22]
"lacinia"
line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
frag 0 from TextNode start: 287, length: 4, rect: [252,321 43.15625x21.84375]
line 15 width: 222.609375, height: 22, bottom: 334, baseline: 17
frag 0 from TextNode start: 287, length: 4, rect: [252,322 43.15625x22]
"ante"
frag 1 from TextNode start: 291, length: 1, rect: [295,321 16.6875x21.84375]
frag 1 from TextNode start: 291, length: 1, rect: [295,322 16.6875x22]
" "
frag 2 from TextNode start: 292, length: 7, rect: [311.6875,321 74x21.84375]
frag 2 from TextNode start: 292, length: 7, rect: [311.6875,322 74x22]
"sodales"
frag 3 from TextNode start: 299, length: 1, rect: [385.6875,321 16.6875x21.84375]
frag 3 from TextNode start: 299, length: 1, rect: [385.6875,322 16.6875x22]
" "
frag 4 from TextNode start: 300, length: 9, rect: [402.375,321 85.453125x21.84375]
frag 4 from TextNode start: 300, length: 9, rect: [402.375,322 85.453125x22]
"lobortis."
line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
frag 0 from TextNode start: 310, length: 5, rect: [252,343 60.90625x21.84375]
line 16 width: 178.3125, height: 22, bottom: 356, baseline: 17
frag 0 from TextNode start: 310, length: 5, rect: [252,344 60.90625x22]
"Donec"
frag 1 from TextNode start: 315, length: 1, rect: [313,343 38.84375x21.84375]
frag 1 from TextNode start: 315, length: 1, rect: [313,344 38.84375x22]
" "
frag 2 from TextNode start: 316, length: 1, rect: [351.84375,343 11.6875x21.84375]
frag 2 from TextNode start: 316, length: 1, rect: [351.84375,344 11.6875x22]
"a"
frag 3 from TextNode start: 317, length: 1, rect: [363.84375,343 38.84375x21.84375]
frag 3 from TextNode start: 317, length: 1, rect: [363.84375,344 38.84375x22]
" "
frag 4 from TextNode start: 318, length: 9, rect: [402.6875,343 85.71875x21.84375]
frag 4 from TextNode start: 318, length: 9, rect: [402.6875,344 85.71875x22]
"tincidunt"
line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
frag 0 from TextNode start: 328, length: 5, rect: [252,365 48.59375x21.84375]
line 17 width: 231.078125, height: 22, bottom: 378, baseline: 17
frag 0 from TextNode start: 328, length: 5, rect: [252,366 48.59375x22]
"ante."
frag 1 from TextNode start: 333, length: 1, rect: [301,365 11.640625x21.84375]
frag 1 from TextNode start: 333, length: 1, rect: [301,366 11.640625x22]
" "
frag 2 from TextNode start: 334, length: 9, rect: [312.640625,365 94.765625x21.84375]
frag 2 from TextNode start: 334, length: 9, rect: [312.640625,366 94.765625x22]
"Phasellus"
frag 3 from TextNode start: 343, length: 1, rect: [406.640625,365 11.640625x21.84375]
frag 3 from TextNode start: 343, length: 1, rect: [406.640625,366 11.640625x22]
" "
frag 4 from TextNode start: 344, length: 1, rect: [418.28125,365 11.6875x21.84375]
frag 4 from TextNode start: 344, length: 1, rect: [418.28125,366 11.6875x22]
"a"
frag 5 from TextNode start: 345, length: 1, rect: [430.28125,365 11.640625x21.84375]
frag 5 from TextNode start: 345, length: 1, rect: [430.28125,366 11.640625x22]
" "
frag 6 from TextNode start: 346, length: 4, rect: [441.921875,365 46.03125x21.84375]
frag 6 from TextNode start: 346, length: 4, rect: [441.921875,366 46.03125x22]
"arcu"
line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
line 18 width: 70.546875, height: 22, bottom: 400, baseline: 17
frag 0 from TextNode start: 351, length: 7, rect: [252,388 70.546875x22]
"tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@ -203,7 +203,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.53125] overflow: [252,10 538.34375x399.53125]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x402] overflow: [252,10 538.34375x400]
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>)

76
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
View file

@ -1,60 +1,60 @@
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 (252,10) content-size 538x399.53125 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x21.84375]
BlockContainer <body> at (252,10) content-size 538x400 children: inline
line 0 width: 228.34375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x22]
"Lorem ipsum dolor sit"
line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
frag 0 from TextNode start: 23, length: 17, rect: [554,31 183.78125x21.84375]
line 1 width: 183.78125, height: 22, bottom: 44, baseline: 17
frag 0 from TextNode start: 23, length: 17, rect: [554,32 183.78125x22]
"amet, consectetur"
line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
frag 0 from TextNode start: 41, length: 16, rect: [554,53 140.5625x21.84375]
line 2 width: 140.5625, height: 22, bottom: 66, baseline: 17
frag 0 from TextNode start: 41, length: 16, rect: [554,54 140.5625x22]
"adipiscing elit."
line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
frag 0 from TextNode start: 58, length: 13, rect: [554,75 145x21.84375]
line 3 width: 145, height: 22, bottom: 88, baseline: 17
frag 0 from TextNode start: 58, length: 13, rect: [554,76 145x22]
"Suspendisse a"
line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
frag 0 from TextNode start: 72, length: 19, rect: [554,97 196.703125x21.84375]
line 4 width: 196.703125, height: 22, bottom: 110, baseline: 17
frag 0 from TextNode start: 72, length: 19, rect: [554,98 196.703125x22]
"placerat mauris, ut"
line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
frag 0 from TextNode start: 92, length: 22, rect: [554,119 234.6875x21.84375]
line 5 width: 234.6875, height: 22, bottom: 132, baseline: 17
frag 0 from TextNode start: 92, length: 22, rect: [554,120 234.6875x22]
"elementum mi. Morbi ut"
line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
frag 0 from TextNode start: 115, length: 20, rect: [554,141 201.53125x21.84375]
line 6 width: 201.53125, height: 22, bottom: 154, baseline: 17
frag 0 from TextNode start: 115, length: 20, rect: [554,142 201.53125x22]
"vehicula ipsum, eget"
line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
frag 0 from TextNode start: 136, length: 23, rect: [554,162 232.53125x21.84375]
line 7 width: 232.53125, height: 22, bottom: 176, baseline: 17
frag 0 from TextNode start: 136, length: 23, rect: [554,164 232.53125x22]
"placerat augue. Integer"
line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
frag 0 from TextNode start: 160, length: 20, rect: [554,184 202.96875x21.84375]
line 8 width: 202.96875, height: 22, bottom: 198, baseline: 17
frag 0 from TextNode start: 160, length: 20, rect: [554,186 202.96875x22]
"rutrum nisi eget dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x21.84375]
line 10 width: 208.828125, height: 22, bottom: 224, baseline: 17
frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x22]
"dictum, eu accumsan"
line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x21.84375]
line 11 width: 180.1875, height: 22, bottom: 246, baseline: 17
frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x22]
"enim tristique. Ut"
line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x21.84375]
line 12 width: 195.28125, height: 22, bottom: 268, baseline: 17
frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x22]
"lobortis lorem eget"
line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x21.84375]
line 13 width: 222.921875, height: 22, bottom: 290, baseline: 17
frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x22]
"est vulputate egestas."
line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
frag 0 from TextNode start: 263, length: 23, rect: [252,299 223.125x21.84375]
line 14 width: 223.125, height: 22, bottom: 312, baseline: 17
frag 0 from TextNode start: 263, length: 23, rect: [252,300 223.125x22]
"Integer laoreet lacinia"
line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
frag 0 from TextNode start: 287, length: 22, rect: [252,321 222.609375x21.84375]
line 15 width: 222.609375, height: 22, bottom: 334, baseline: 17
frag 0 from TextNode start: 287, length: 22, rect: [252,322 222.609375x22]
"ante sodales lobortis."
line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
frag 0 from TextNode start: 310, length: 17, rect: [252,343 178.3125x21.84375]
line 16 width: 178.3125, height: 22, bottom: 356, baseline: 17
frag 0 from TextNode start: 310, length: 17, rect: [252,344 178.3125x22]
"Donec a tincidunt"
line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
frag 0 from TextNode start: 328, length: 22, rect: [252,365 231.078125x21.84375]
line 17 width: 231.078125, height: 22, bottom: 378, baseline: 17
frag 0 from TextNode start: 328, length: 22, rect: [252,366 231.078125x22]
"ante. Phasellus a arcu"
line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
line 18 width: 70.546875, height: 22, bottom: 400, baseline: 17
frag 0 from TextNode start: 351, length: 7, rect: [252,388 70.546875x22]
"tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@ -63,7 +63,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.53125]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x402]
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>)

30
Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block-flex-display.txt
View file

@ -1,27 +1,27 @@
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.display_flex> at (8,8) content-size 23.609375x17.46875 floating flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17.46875 flex-item [BFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17.46875 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x17.46875 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17.46875]
Box <div.display_flex> at (8,8) content-size 23.609375x17 floating flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17 flex-item [BFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
"A"
TextNode <#text>
BlockContainer <span> at (22.265625,8) content-size 9.34375x17.46875 floating [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: [22.265625,8 9.34375x17.46875]
BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17]
"B"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17.46875]
PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17.46875]
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
TextPaintable (TextNode<#text>)

22
Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block.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 784x0 children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17.46875 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x17.46875 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17.46875]
BlockContainer <div> at (8,8) content-size 23.609375x17 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
"A"
TextNode <#text>
BlockContainer <span> at (22.265625,8) content-size 9.34375x17.46875 floating [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: [22.265625,8 9.34375x17.46875]
BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17]
"B"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17.46875]
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
TextPaintable (TextNode<#text>)

36
Tests/LibWeb/Layout/expected/block-and-inline/float-should-avoid-inline-block.txt
View file

@ -1,28 +1,28 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x250.03125 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x21.46875 children: not-inline
BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x19.46875 children: inline
line 0 width: 102, height: 19.46875, bottom: 19.46875, baseline: 14.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x17.46875]
BlockContainer <div.d-inline-block> at (12,12) content-size 100x17.46875 inline-block [BFC] children: inline
line 0 width: 69.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [12,12 69.734375x17.46875]
BlockContainer <html> at (1,1) content-size 798x249 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x21 children: not-inline
BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x19 children: inline
line 0 width: 102, height: 19, bottom: 19, baseline: 14.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x17]
BlockContainer <div.d-inline-block> at (12,12) content-size 100x17 inline-block [BFC] children: inline
line 0 width: 69.734375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,12 69.734375x17]
"floats!!!!!!"
TextNode <#text>
BlockContainer <div.float-left> at (12,31.46875) content-size 232.71875x218.5625 floating [BFC] children: inline
line 0 width: 232.71875, height: 109.1875, bottom: 109.1875, baseline: 84.578125
frag 0 from TextNode start: 0, length: 5, rect: [12,31.46875 232.71875x109.1875]
BlockContainer <div.float-left> at (12,31) content-size 232.71875x218 floating [BFC] children: inline
line 0 width: 232.71875, height: 109, bottom: 109, baseline: 84.484375
frag 0 from TextNode start: 0, length: 5, rect: [12,31 232.71875x109]
"float"
line 1 width: 164.0625, height: 109.375, bottom: 218.5625, baseline: 84.578125
frag 0 from TextNode start: 6, length: 4, rect: [12,140.46875 164.0625x109.1875]
line 1 width: 164.0625, height: 109, bottom: 218, baseline: 84.484375
frag 0 from TextNode start: 6, length: 4, rect: [12,140 164.0625x109]
"left"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x252.03125]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23.46875]
PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x21.46875]
PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x251]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23]
PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x21]
PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.float-left) [11,30.46875 234.71875x220.5625]
PaintableWithLines (BlockContainer<DIV>.float-left) [11,30 234.71875x220]
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/block-and-inline/float-stress-2.txt
View file

@ -4,13 +4,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div#page> at (50,50) content-size 750x0 children: not-inline
BlockContainer <div#content_box> at (50,50) content-size 400x150 floating [BFC] children: inline
BlockContainer <article.first> at (50,50) content-size 300x100 floating [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: [50,50 36.03125x17.46875]
line 0 width: 36.03125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [50,50 36.03125x17]
"first"
TextNode <#text>
BlockContainer <article.second> at (50,150) content-size 200x50 floating [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: [50,150 54.78125x17.46875]
line 0 width: 54.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [50,150 54.78125x17]
"second"
TextNode <#text>
TextNode <#text>

16
Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.txt
View file

@ -2,15 +2,15 @@ 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 (100,8) content-size 200x200 children: not-inline
BlockContainer <div.row> at (50,8) content-size 250x200 children: inline
BlockContainer <div.item> at (50,8) content-size 125x17.46875 floating [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 1, rect: [50,8 9.34375x17.46875]
BlockContainer <div.item> at (50,8) content-size 125x17 floating [BFC] children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 1, rect: [50,8 9.34375x17]
"a"
TextNode <#text>
TextNode <#text>
BlockContainer <div.item> at (175,8) content-size 125x17.46875 floating [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 1, rect: [175,8 9.46875x17.46875]
BlockContainer <div.item> at (175,8) content-size 125x17 floating [BFC] children: inline
line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 1, rect: [175,8 9.46875x17]
"b"
TextNode <#text>
TextNode <#text>
@ -19,7 +19,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [100,8 200x200] overflow: [50,8 250x200]
PaintableWithLines (BlockContainer<DIV>.row) [50,8 250x200]
PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17.46875]
PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17]
TextPaintable (TextNode<#text>)

12
Tests/LibWeb/Layout/expected/block-and-inline/floats-with-negative-percentage-margins.txt
View file

@ -2,18 +2,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x208 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 600x0 children: not-inline
BlockContainer <div#top> at (8,8) content-size 100x100 floating [BFC] children: inline
line 0 width: 26.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.640625x17.46875]
line 0 width: 26.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.640625x17]
"top"
TextNode <#text>
BlockContainer <div#left> at (8,108) content-size 100x100 floating [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,108 26.25x17.46875]
line 0 width: 26.25, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,108 26.25x17]
"left"
TextNode <#text>
BlockContainer <div#right> at (208,108) content-size 100x100 floating [BFC] children: inline
line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [208,108 37.109375x17.46875]
line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [208,108 37.109375x17]
"right"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/block-and-inline/forced-break-stops-non-whitespace-sequence.txt
View file

@ -1,9 +1,9 @@
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,16) content-size 784x19.46875 children: not-inline
BlockContainer <pre> at (9,17) content-size 782x17.46875 children: inline
line 0 width: 8, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [9,17 8x17.46875]
BlockContainer <body> at (8,16) content-size 784x19 children: not-inline
BlockContainer <pre> at (9,17) content-size 782x17 children: inline
line 0 width: 8, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [9,17 8x17]
" "
InlineNode <span>
TextNode <#text>
@ -11,7 +11,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,16 784x19.46875]
PaintableWithLines (BlockContainer<PRE>) [8,16 784x19.46875]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x19]
PaintableWithLines (BlockContainer<PRE>) [8,16 784x19]
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/block-and-inline/grid-container-should-avoid-overlapping-floats.txt
View file

@ -1,9 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 400x50 children: not-inline
BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17.46875 floating [BFC] children: inline
line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17.46875]
BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17 floating [BFC] children: inline
line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17]
"right"
TextNode <#text>
Box <div.grid> at (8,8) content-size 362.890625x50 [GFC] children: not-inline
@ -11,6 +11,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [8,8 400x50]
PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17.46875]
PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.grid) [8,8 362.890625x50]

12
Tests/LibWeb/Layout/expected/block-and-inline/ifc-float-left-and-sibling-with-margin-left.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 798x61 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
BlockContainer <div.thumbnail> at (11,11) content-size 50x50 floating [BFC] children: not-inline
BlockContainer <div.title> at (91,11) content-size 698x17.46875 children: inline
line 0 width: 125.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17.46875]
BlockContainer <div.title> at (91,11) content-size 698x17 children: inline
line 0 width: 125.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17]
"Chrono Trigger"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x63]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875] overflow: [10,10 780x52]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21] overflow: [10,10 780x52]
PaintableWithLines (BlockContainer<DIV>.thumbnail) [10,10 52x52]
PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19.46875]
PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19]
TextPaintable (TextNode<#text>)

38
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
View file

@ -1,34 +1,34 @@
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 780x92.9375 children: inline
line 0 width: 307.140625, height: 92.9375, bottom: 92.9375, baseline: 35
frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17.46875]
BlockContainer <body> at (10,10) content-size 780x92 children: inline
line 0 width: 307.140625, height: 92, bottom: 92, baseline: 34.296875
frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17]
"Hello friends"
frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 202x90.9375]
frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 202x90]
TextNode <#text>
BlockContainer <div.ib> at (114,11) content-size 202x90.9375 inline-block [BFC] children: not-inline
BlockContainer <div> at (115,12) content-size 200x17.46875 children: inline
line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17.46875]
BlockContainer <div.ib> at (114,11) content-size 202x90 inline-block [BFC] children: not-inline
BlockContainer <div> at (115,12) content-size 200x17 children: inline
line 0 width: 22.546875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17]
"1st"
TextNode <#text>
BlockContainer <div> at (115,31.46875) content-size 200x17.46875 children: inline
line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875]
BlockContainer <div> at (115,31) content-size 200x17 children: inline
line 0 width: 26.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17]
"2nd"
TextNode <#text>
BlockContainer <div.whee> at (115,50.9375) content-size 200x50 children: not-inline
BlockContainer <(anonymous)> at (114,101.9375) content-size 202x0 children: inline
BlockContainer <div.whee> at (115,50) content-size 200x50 children: not-inline
BlockContainer <(anonymous)> at (114,101) content-size 202x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x94.9375]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x94]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 204x92.9375]
PaintableWithLines (BlockContainer<DIV>) [114,11 202x19.46875]
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 204x92]
PaintableWithLines (BlockContainer<DIV>) [114,11 202x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114,30.46875 202x19.46875]
PaintableWithLines (BlockContainer<DIV>) [114,30 202x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.whee) [114,49.9375 202x52]
PaintableWithLines (BlockContainer(anonymous)) [114,101.9375 202x0]
PaintableWithLines (BlockContainer<DIV>.whee) [114,49 202x52]
PaintableWithLines (BlockContainer(anonymous)) [114,101 202x0]

42
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
View file

@ -1,39 +1,39 @@
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 780x60.40625 children: inline
line 0 width: 144.375, height: 60.40625, bottom: 60.40625, baseline: 35
frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17.46875]
BlockContainer <body> at (10,10) content-size 780x59 children: inline
line 0 width: 144.375, height: 59, bottom: 59, baseline: 34.296875
frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17]
"Hello friends"
frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 39.234375x58.40625]
frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 39.234375x57]
TextNode <#text>
BlockContainer <div.ib> at (114,11) content-size 39.234375x58.40625 inline-block [BFC] children: not-inline
BlockContainer <div> at (115,12) content-size 37.234375x17.46875 children: inline
line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17.46875]
BlockContainer <div.ib> at (114,11) content-size 39.234375x57 inline-block [BFC] children: not-inline
BlockContainer <div> at (115,12) content-size 37.234375x17 children: inline
line 0 width: 22.546875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17]
"1st"
TextNode <#text>
BlockContainer <div> at (115,31.46875) content-size 37.234375x17.46875 children: inline
line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875]
BlockContainer <div> at (115,31) content-size 37.234375x17 children: inline
line 0 width: 26.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17]
"2nd"
TextNode <#text>
BlockContainer <div.float> at (115,50.9375) content-size 37.234375x17.46875 floating [BFC] children: inline
line 0 width: 37.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [115,50.9375 37.234375x17.46875]
BlockContainer <div.float> at (115,50) content-size 37.234375x17 floating [BFC] children: inline
line 0 width: 37.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [115,50 37.234375x17]
"float"
TextNode <#text>
BlockContainer <(anonymous)> at (114,49.9375) content-size 39.234375x0 children: inline
BlockContainer <(anonymous)> at (114,49) content-size 39.234375x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x62.40625]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x61]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 41.234375x60.40625]
PaintableWithLines (BlockContainer<DIV>) [114,11 39.234375x19.46875]
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 41.234375x59]
PaintableWithLines (BlockContainer<DIV>) [114,11 39.234375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114,30.46875 39.234375x19.46875]
PaintableWithLines (BlockContainer<DIV>) [114,30 39.234375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.float) [114,49.9375 39.234375x19.46875]
PaintableWithLines (BlockContainer<DIV>.float) [114,49 39.234375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [114,49.9375 39.234375x0]
PaintableWithLines (BlockContainer(anonymous)) [114,49 39.234375x0]

42
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-contained-by-abspos-element.txt
View file

@ -2,34 +2,34 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x20 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x2 children: not-inline
BlockContainer <div> at (11,11) content-size 500x0 positioned children: not-inline
BlockContainer <h1> at (12,45.5) content-size 498x330.53125 positioned [BFC] children: inline
line 0 width: 498, height: 330.53125, bottom: 330.53125, baseline: 43.28125
frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x328.53125]
BlockContainer <span> at (13,46.5) content-size 496x328.53125 inline-block [BFC] children: inline
line 0 width: 246.484375, height: 54.59375, bottom: 54.59375, baseline: 42.28125
frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.484375x54.59375]
BlockContainer <h1> at (12,45.5) content-size 498x332 positioned [BFC] children: inline
line 0 width: 498, height: 332, bottom: 332, baseline: 43.484375
frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x330]
BlockContainer <span> at (13,46.5) content-size 496x330 inline-block [BFC] children: inline
line 0 width: 246.484375, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.484375x55]
"Skew is a"
line 1 width: 240.53125, height: 55.1875, bottom: 109.78125, baseline: 42.28125
frag 0 from TextNode start: 10, length: 10, rect: [13,100.5 240.53125x54.59375]
line 1 width: 240.53125, height: 55, bottom: 110, baseline: 42.484375
frag 0 from TextNode start: 10, length: 10, rect: [13,101.5 240.53125x55]
"web-first,"
line 2 width: 377.9375, height: 54.78125, bottom: 163.96875, baseline: 42.28125
frag 0 from TextNode start: 21, length: 14, rect: [13,155.5 377.9375x54.59375]
line 2 width: 377.9375, height: 55, bottom: 165, baseline: 42.484375
frag 0 from TextNode start: 21, length: 14, rect: [13,156.5 377.9375x55]
"cross-platform"
line 3 width: 314.015625, height: 55.375, bottom: 219.15625, baseline: 42.28125
frag 0 from TextNode start: 36, length: 11, rect: [13,209.5 314.015625x54.59375]
line 3 width: 314.015625, height: 55, bottom: 220, baseline: 42.484375
frag 0 from TextNode start: 36, length: 11, rect: [13,211.5 314.015625x55]
"programming"
line 4 width: 415.734375, height: 54.96875, bottom: 273.34375, baseline: 42.28125
frag 0 from TextNode start: 48, length: 16, rect: [13,264.5 415.734375x54.59375]
line 4 width: 415.734375, height: 55, bottom: 275, baseline: 42.484375
frag 0 from TextNode start: 48, length: 16, rect: [13,266.5 415.734375x55]
"language with an"
line 5 width: 492.671875, height: 55.5625, bottom: 328.53125, baseline: 42.28125
frag 0 from TextNode start: 65, length: 20, rect: [13,318.5 492.671875x54.59375]
line 5 width: 492.671875, height: 55, bottom: 330, baseline: 42.484375
frag 0 from TextNode start: 65, length: 20, rect: [13,321.5 492.671875x55]
"optimizing compiler."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x376.03125]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x367.03125]
PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x332.53125]
PaintableWithLines (BlockContainer<H1>) [11,44.5 500x332.53125]
PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x330.53125]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x377.5]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x368.5]
PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x334]
PaintableWithLines (BlockContainer<H1>) [11,44.5 500x334]
PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x332]
TextPaintable (TextNode<#text>)

20
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-percentage-max-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 800x113.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x97.46875 children: inline
line 0 width: 134.109375, height: 97.46875, bottom: 97.46875, baseline: 53.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [48,48 54.109375x17.46875]
BlockContainer <div> at (48,48) content-size 54.109375x17.46875 inline-block [BFC] children: inline
line 0 width: 54.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.109375x17.46875]
BlockContainer <html> at (0,0) content-size 800x113 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x97 children: inline
line 0 width: 134.109375, height: 97, bottom: 97, baseline: 53.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [48,48 54.109375x17]
BlockContainer <div> at (48,48) content-size 54.109375x17 inline-block [BFC] children: inline
line 0 width: 54.109375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.109375x17]
"New UI"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x113.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x97.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x97.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x113]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x97]
PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x97]
TextPaintable (TextNode<#text>)

20
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-max-width-fit-content.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 800x35.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x19.46875 children: inline
line 0 width: 102.203125, height: 19.46875, bottom: 19.46875, baseline: 14.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 100.203125x17.46875]
BlockContainer <span> at (9,9) content-size 100.203125x17.46875 inline-block [BFC] children: inline
line 0 width: 100.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17.46875]
BlockContainer <html> at (0,0) content-size 800x35 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x19 children: inline
line 0 width: 102.203125, height: 19, bottom: 19, baseline: 14.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 100.203125x17]
BlockContainer <span> at (9,9) content-size 100.203125x17 inline-block [BFC] children: inline
line 0 width: 100.203125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17]
"hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x19.46875]
PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x19]
PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-percentage-height-and-auto-height-of-containing-block.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
BlockContainer <div.pure-menu-list> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 36.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 36.453125x17.46875]
BlockContainer <div.pure-menu-item> at (8,8) content-size 36.453125x17.46875 inline-block [BFC] children: inline
line 0 width: 36.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17.46875]
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <div.pure-menu-list> at (8,8) content-size 784x17 children: inline
line 0 width: 36.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 36.453125x17]
BlockContainer <div.pure-menu-item> at (8,8) content-size 36.453125x17 inline-block [BFC] children: inline
line 0 width: 36.453125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17]
"docs"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17]
TextPaintable (TextNode<#text>)

10
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.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 784x20 children: inline
line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.53125
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17.46875]
line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.296875
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17]
"text text text"
frag 1 from BlockContainer start: 0, length: 0, rect: [120,8 110.375x20]
frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17.46875]
frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17]
"more inline text"
TextNode <#text>
BlockContainer <span.displaced_text> at (150,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
line 0 width: 110.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17.46875]
line 0 width: 110.375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17]
"displaced text"
TextNode <#text>
TextNode <#text>

6
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
View file

@ -1,11 +1,11 @@
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 784x175 children: inline
line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17.46875]
line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17]
"Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100]
frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17.46875]
frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17]
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline

10
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
View file

@ -1,11 +1,11 @@
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 784x178.46875 children: inline
line 0 width: 210.828125, height: 178.46875, bottom: 178.46875, baseline: 175
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17.46875]
BlockContainer <body> at (8,8) content-size 784x178 children: inline
line 0 width: 210.828125, height: 178, bottom: 178, baseline: 175
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17]
"Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100]
frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17.46875]
frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17]
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
@ -13,7 +13,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 784x178.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x178]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#inline-box) [51,58 100x100]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/block-and-inline/inline-node-not-inserted-into-generated-box.txt
View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x50.9375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 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: [8,8 27.15625x17.46875]
BlockContainer <html> at (0,0) content-size 800x50 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17]
"foo"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x17.46875 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: [8,25.46875 27.640625x17.46875]
BlockContainer <(anonymous)> at (8,25) content-size 784x17 children: inline
line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,25 27.640625x17]
"bar"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x50.9375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x50]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x17]
TextPaintable (TextNode<#text>)

84
Tests/LibWeb/Layout/expected/block-and-inline/list-markers-intruded-by-float.txt
View file

@ -1,65 +1,65 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x128.8125 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x104.8125 children: not-inline
BlockContainer <html> at (0,0) content-size 800x128 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x102 children: not-inline
BlockContainer <div.box> at (18,26) content-size 200x100 floating [BFC] children: not-inline
BlockContainer <ul> at (48,16) content-size 744x104.8125 children: not-inline
ListItemBox <li> at (48,16) content-size 744x17.46875 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: [328,16 9.34375x17.46875]
BlockContainer <ul> at (48,16) content-size 744x102 children: not-inline
ListItemBox <li> at (48,16) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,16 9.34375x17]
"a"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,16.234375) content-size 12x17 children: not-inline
ListItemBox <li> at (48,33.46875) content-size 744x17.46875 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: [328,33.46875 9.34375x17.46875]
ListItemMarkerBox <(anonymous)> at (304,16) content-size 12x17 children: not-inline
ListItemBox <li> at (48,33) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,33 9.34375x17]
"a"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,33.703125) content-size 12x17 children: not-inline
ListItemBox <li> at (48,50.9375) content-size 744x17.46875 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: [328,50.9375 9.34375x17.46875]
ListItemMarkerBox <(anonymous)> at (304,33) content-size 12x17 children: not-inline
ListItemBox <li> at (48,50) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,50 9.34375x17]
"a"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,51.171875) content-size 12x17 children: not-inline
ListItemBox <li> at (48,68.40625) content-size 744x17.46875 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: [328,68.40625 9.34375x17.46875]
ListItemMarkerBox <(anonymous)> at (304,50) content-size 12x17 children: not-inline
ListItemBox <li> at (48,67) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,67 9.34375x17]
"a"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,68.640625) content-size 12x17 children: not-inline
ListItemBox <li> at (48,85.875) content-size 744x17.46875 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: [328,85.875 9.34375x17.46875]
ListItemMarkerBox <(anonymous)> at (304,67) content-size 12x17 children: not-inline
ListItemBox <li> at (48,84) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,84 9.34375x17]
"a"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,86.109375) content-size 12x17 children: not-inline
ListItemBox <li> at (48,103.34375) content-size 744x17.46875 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: [328,103.34375 9.34375x17.46875]
ListItemMarkerBox <(anonymous)> at (304,84) content-size 12x17 children: not-inline
ListItemBox <li> at (48,101) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,101 9.34375x17]
"a"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,103.578125) content-size 12x17 children: not-inline
ListItemMarkerBox <(anonymous)> at (304,101) content-size 12x17 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x128.8125] overflow: [0,0 800x136]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x104.8125] overflow: [8,16 784x120]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x128] overflow: [0,0 800x136]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x102] overflow: [8,16 784x120]
PaintableWithLines (BlockContainer<DIV>.box) [8,16 220x120]
PaintableWithLines (BlockContainer<UL>) [8,16 784x104.8125]
PaintableWithLines (ListItemBox<LI>) [48,16 744x17.46875]
PaintableWithLines (BlockContainer<UL>) [8,16 784x102]
PaintableWithLines (ListItemBox<LI>) [48,16 744x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16.234375 12x17]
PaintableWithLines (ListItemBox<LI>) [48,33.46875 744x17.46875]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16 12x17]
PaintableWithLines (ListItemBox<LI>) [48,33 744x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,33.703125 12x17]
PaintableWithLines (ListItemBox<LI>) [48,50.9375 744x17.46875]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,33 12x17]
PaintableWithLines (ListItemBox<LI>) [48,50 744x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,51.171875 12x17]
PaintableWithLines (ListItemBox<LI>) [48,68.40625 744x17.46875]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,50 12x17]
PaintableWithLines (ListItemBox<LI>) [48,67 744x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,68.640625 12x17]
PaintableWithLines (ListItemBox<LI>) [48,85.875 744x17.46875]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,67 12x17]
PaintableWithLines (ListItemBox<LI>) [48,84 744x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,86.109375 12x17]
PaintableWithLines (ListItemBox<LI>) [48,103.34375 744x17.46875]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,84 12x17]
PaintableWithLines (ListItemBox<LI>) [48,101 744x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,103.578125 12x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,101 12x17]

8
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.txt
View file

@ -2,15 +2,15 @@ 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,25) content-size 784x229 children: not-inline
BlockContainer <div#foo> at (34,26) content-size 100x100 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: [34,26 27.15625x17.46875]
line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [34,26 27.15625x17]
"foo"
TextNode <#text>
BlockContainer <(anonymous)> at (8,152) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#bar> at (34,153) content-size 100x100 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: [34,153 27.640625x17.46875]
line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [34,153 27.640625x17]
"bar"
TextNode <#text>
BlockContainer <(anonymous)> at (8,279) content-size 784x0 children: inline

12
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-2.txt
View file

@ -2,22 +2,22 @@ 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 784x336 children: not-inline
BlockContainer <div#foo> at (9,9) content-size 100x100 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: [9,9 27.15625x17.46875]
line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [9,9 27.15625x17]
"foo"
TextNode <#text>
BlockContainer <(anonymous)> at (8,135) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#bar> at (9,136) content-size 100x100 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: [9,136 27.640625x17.46875]
line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [9,136 27.640625x17]
"bar"
TextNode <#text>
BlockContainer <(anonymous)> at (8,262) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#baz> at (9,243) content-size 100x100 children: inline
line 0 width: 27.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [9,243 27.203125x17.46875]
line 0 width: 27.203125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [9,243 27.203125x17]
"baz"
TextNode <#text>
BlockContainer <(anonymous)> at (8,344) content-size 784x0 children: inline

24
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-5.txt
View file

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x121.46875 [BFC] children: inline
line 0 width: 170.96875, height: 121.46875, bottom: 121.46875, baseline: 15.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [2,2 168.96875x119.46875]
BlockContainer <body> at (2,2) content-size 168.96875x119.46875 inline-block [BFC] children: not-inline
BlockContainer <div.hmm> at (3,3) content-size 166.96875x17.46875 children: inline
line 0 width: 166.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 21, rect: [3,3 166.96875x17.46875]
BlockContainer <html> at (1,1) content-size 798x121 [BFC] children: inline
line 0 width: 170.96875, height: 121, bottom: 121, baseline: 15.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [2,2 168.96875x119]
BlockContainer <body> at (2,2) content-size 168.96875x119 inline-block [BFC] children: not-inline
BlockContainer <div.hmm> at (3,3) content-size 166.96875x17 children: inline
line 0 width: 166.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 21, rect: [3,3 166.96875x17]
"suspiciously tall box"
TextNode <#text>
BlockContainer <(anonymous)> at (2,121.46875) content-size 168.96875x0 children: inline
BlockContainer <(anonymous)> at (2,121) content-size 168.96875x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x123.46875]
PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121.46875]
PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x123]
PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121]
PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [2,121.46875 168.96875x0]
PaintableWithLines (BlockContainer(anonymous)) [2,121 168.96875x0]

20
Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt
View file

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x99.46875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x81.46875 children: not-inline
BlockContainer <div.a> at (51,21) content-size 413x49.46875 children: not-inline
BlockContainer <div.b> at (92,32) content-size 326x17.46875 children: inline
line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [93,32 39.78125x17.46875]
BlockContainer <html> at (1,1) content-size 798x99 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x81 children: not-inline
BlockContainer <div.a> at (51,21) content-size 413x49 children: not-inline
BlockContainer <div.b> at (92,32) content-size 326x17 children: inline
line 0 width: 41.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [93,32 39.78125x17]
"Hello"
InlineNode <span>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x101.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x83.46875]
PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81.46875]
PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x101]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x83]
PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81]
PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19]
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)

20
Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt
View file

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x119.46875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x101.46875 children: not-inline
BlockContainer <div.a> at (31,21) content-size 458x79.46875 children: not-inline
BlockContainer <div.b> at (72,52) content-size 376x17.46875 children: inline
line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [73,52 39.78125x17.46875]
BlockContainer <html> at (1,1) content-size 798x119 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x101 children: not-inline
BlockContainer <div.a> at (31,21) content-size 458x79 children: not-inline
BlockContainer <div.b> at (72,52) content-size 376x17 children: inline
line 0 width: 41.78125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [73,52 39.78125x17]
"Hello"
InlineNode <span>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x121.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x103.46875]
PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101.46875]
PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x121]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x103]
PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101]
PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19]
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)

28
Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt
View file

@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x185.96875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 204x167.96875 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 202x165.96875 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x163.96875 children: inline
line 0 width: 88.765625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x54.59375]
BlockContainer <html> at (1,1) content-size 798x187 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 204x169 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 202x167 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x165 children: inline
line 0 width: 88.765625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x55]
"well"
line 1 width: 115.140625, height: 55.1875, bottom: 109.78125, baseline: 42.28125
frag 0 from TextNode start: 5, length: 5, rect: [12,66 115.140625x54.59375]
line 1 width: 115.140625, height: 55, bottom: 110, baseline: 42.484375
frag 0 from TextNode start: 5, length: 5, rect: [12,67 115.140625x55]
"hello"
line 2 width: 173, height: 54.78125, bottom: 163.96875, baseline: 42.28125
frag 0 from TextNode start: 11, length: 7, rect: [12,121 173x54.59375]
line 2 width: 173, height: 55, bottom: 165, baseline: 42.484375
frag 0 from TextNode start: 11, length: 7, rect: [12,122 173x55]
"friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x187.96875]
PaintableWithLines (BlockContainer<BODY>) [9,9 206x169.96875]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x167.96875]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x165.96875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x189]
PaintableWithLines (BlockContainer<BODY>) [9,9 206x171]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x169]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x167]
TextPaintable (TextNode<#text>)

20
Tests/LibWeb/Layout/expected/block-and-inline/max-width-on-child-block-with-width-auto-contributes-to-intrinsic-size-of-parent.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
Box <body.outer> at (10,10) content-size 780x21.46875 flex-container(row) [FFC] children: not-inline
BlockContainer <div.middle> at (11,11) content-size 202x19.46875 flex-item [BFC] children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x17.46875 children: inline
line 0 width: 45.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17.46875]
BlockContainer <html> at (1,1) content-size 798x39 [BFC] children: not-inline
Box <body.outer> at (10,10) content-size 780x21 flex-container(row) [FFC] children: not-inline
BlockContainer <div.middle> at (11,11) content-size 202x19 flex-item [BFC] children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x17 children: inline
line 0 width: 45.15625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17]
"OPEN"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x41.46875]
PaintableBox (Box<BODY>.outer) [9,9 782x23.46875]
PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21.46875]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x41]
PaintableBox (Box<BODY>.outer) [9,9 782x23]
PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19]
TextPaintable (TextNode<#text>)

14
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100-border-box.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 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 93.59375x19.46875 positioned [BFC] children: not-inline
BlockContainer <nav> at (11,11) content-size 91.59375x17.46875 children: inline
line 0 width: 91.59375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17.46875]
BlockContainer <body> at (10,10) content-size 93.59375x19 positioned [BFC] children: not-inline
BlockContainer <nav> at (11,11) content-size 91.59375x17 children: inline
line 0 width: 91.59375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17]
"border box"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 95.59375x21.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21.46875]
PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 95.59375x21]
PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21]
PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19]
TextPaintable (TextNode<#text>)

14
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100.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 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 138.609375x19.46875 positioned [BFC] children: not-inline
BlockContainer <div> at (11,11) content-size 136.609375x17.46875 children: inline
line 0 width: 136.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17.46875]
BlockContainer <body> at (10,10) content-size 138.609375x19 positioned [BFC] children: not-inline
BlockContainer <div> at (11,11) content-size 136.609375x17 children: inline
line 0 width: 136.609375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17]
"well hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 140.609375x21.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21.46875]
PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 140.609375x21]
PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21]
PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-containing-block.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
BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
BlockContainer <span.text> at (11,11) content-size 66.671875x17.46875 children: inline
line 0 width: 66.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [11,11 66.671875x17.46875]
BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
BlockContainer <span.text> at (11,11) content-size 66.671875x17 children: inline
line 0 width: 66.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [11,11 66.671875x17]
"Trimmed"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875]
PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x19.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x19]
TextPaintable (TextNode<#text>)

48
Tests/LibWeb/Layout/expected/block-and-inline/max-width-wrapped-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
BlockContainer <div.constrained> at (8,8) content-size 270x105.15625 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 270x105.15625 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
BlockContainer <div.constrained> at (8,8) content-size 270x102 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 270x102 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 children: not-inline
BlockContainer <div> at (8,110) content-size 270x0 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]
PaintableWithLines (BlockContainer<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]
PaintableWithLines (BlockContainer<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]

20
Tests/LibWeb/Layout/expected/block-and-inline/min-width-for-box-with-inline-children.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 798x76.59375 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 604x58.59375 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 602x56.59375 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 600x54.59375 children: inline
line 0 width: 426.90625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.90625x54.59375]
BlockContainer <html> at (1,1) content-size 798x77 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 604x59 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 602x57 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 600x55 children: inline
line 0 width: 426.90625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.90625x55]
"well hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.59375]
PaintableWithLines (BlockContainer<BODY>) [9,9 606x60.59375]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x58.59375]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x56.59375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x79]
PaintableWithLines (BlockContainer<BODY>) [9,9 606x61]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x59]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x57]
TextPaintable (TextNode<#text>)

32
Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.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 800x1008 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x108.21875 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x108.21875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x105 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x105 children: not-inline
BlockContainer <div.float> at (592,8) content-size 200x1000 floating [BFC] children: not-inline
BlockContainer <div.bfc> at (18,18) content-size 564x88.21875 [BFC] children: inline
line 0 width: 458.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17.46875]
BlockContainer <div.bfc> at (18,18) content-size 564x85 [BFC] children: inline
line 0 width: 458.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
line 1 width: 511.796875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17.46875]
line 1 width: 511.796875, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17]
"Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
line 2 width: 537.078125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17.46875]
line 2 width: 537.078125, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17]
"vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
line 3 width: 537.34375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 186, length: 65, rect: [18,70 537.34375x17.46875]
line 3 width: 537.34375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 186, length: 65, rect: [18,69 537.34375x17]
"suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
line 4 width: 455.375, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 252, length: 57, rect: [18,87 455.375x17.46875]
line 4 width: 455.375, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 252, length: 57, rect: [18,86 455.375x17]
"pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x1008]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x108.21875] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x108.21875] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x105] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x105] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.float) [592,8 200x1000]
PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x108.21875]
PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x105]
TextPaintable (TextNode<#text>)

4
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height-with-containing-block-padding.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 784x600 children: not-inline
BlockContainer <div.container> at (8,108) content-size 784x500 children: not-inline
BlockContainer <div.hmm> at (18,118) content-size 764x250 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: [18,118 36.84375x17.46875]
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [18,118 36.84375x17]
"hello"
TextNode <#text>

16
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height.txt
View file

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x53.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x37.46875 children: not-inline
BlockContainer <div.hmm> at (18,18) content-size 764x17.46875 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: [18,18 36.84375x17.46875]
BlockContainer <html> at (0,0) content-size 800x53 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x37 children: not-inline
BlockContainer <div.hmm> at (18,18) content-size 764x17 children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [18,18 36.84375x17]
"hello"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x53.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x37.46875]
PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x53]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x37]
PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-width-with-max-content-containing-block-width.txt
View file

@ -1,14 +1,14 @@
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 200x17.46875 children: not-inline
BlockContainer <div> at (8,8) content-size 200x17.46875 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 <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 200x17 children: not-inline
BlockContainer <div> at (8,8) content-size 200x17 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 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 200x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,8 200x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 200x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 200x17]
TextPaintable (TextNode<#text>)

10
Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt
View file

@ -1,11 +1,11 @@
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 0x17.46875 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 0x17 children: inline
line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [8,21 0x0]
BlockContainer <div> at (8,21) content-size 0x0 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 0x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 0x17]
PaintableWithLines (BlockContainer<DIV>) [8,21 0x0]

24
Tests/LibWeb/Layout/expected/block-and-inline/relpos-block.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
BlockContainer <body> at (12,12) content-size 600x42.9375 children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17.46875 positioned 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
BlockContainer <body> at (12,12) content-size 600x42 children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned 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 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 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]
PaintableWithLines (BlockContainer<BODY>) [10,10 604x46.9375]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<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>)

22
Tests/LibWeb/Layout/expected/block-and-inline/relpos-float.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 796x31.46875 [BFC] children: not-inline
BlockContainer <html> at (2,2) content-size 796x31 [BFC] children: not-inline
BlockContainer <body> at (12,12) content-size 600x0 children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17.46875 positioned floating [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 <div.exekiller> at (14,14) content-size 200x17 positioned floating [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 (18,18) content-size 200x17.46875 positioned floating [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: [18,18 53.171875x17.46875]
BlockContainer <div.athena> at (18,18) content-size 200x17 positioned floating [BFC] children: inline
line 0 width: 53.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17]
"athena"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875] overflow: [2,2 796x35.46875]
PaintableWithLines (BlockContainer<BODY>) [10,10 604x4] overflow: [12,12 208x25.46875]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35] overflow: [2,2 796x35]
PaintableWithLines (BlockContainer<BODY>) [10,10 604x4] overflow: [12,12 208x25]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21.46875]
PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21]
TextPaintable (TextNode<#text>)

52
Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-element-js-offsets.txt
View file

@ -1,13 +1,13 @@
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 784x156.6875 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 136.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.40625x17.46875]
BlockContainer <body> at (8,8) content-size 784x152 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
line 0 width: 136.609375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.40625x17]
"well "
frag 1 from TextNode start: 0, length: 6, rect: [44,33 44.84375x17.46875]
frag 1 from TextNode start: 0, length: 6, rect: [44,33 44.84375x17]
"hello "
frag 2 from TextNode start: 0, length: 7, rect: [89,58 55.359375x17.46875]
frag 2 from TextNode start: 0, length: 7, rect: [89,58 55.359375x17]
"friends"
InlineNode <span>
TextNode <#text>
@ -16,43 +16,43 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
InlineNode <i>
TextNode <#text>
TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 784x139.21875 children: not-inline
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x69.875 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
line 1 width: 0, height: 17.46875, bottom: 34.9375, baseline: 13.53125
line 2 width: 0, height: 17.46875, bottom: 52.40625, baseline: 13.53125
line 3 width: 0, height: 17.46875, bottom: 69.875, baseline: 13.53125
BlockContainer <div> at (8,25) content-size 784x135 children: not-inline
BlockContainer <(anonymous)> at (8,25) content-size 784x68 children: inline
line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
line 1 width: 0, height: 17, bottom: 34, baseline: 13.296875
line 2 width: 0, height: 17, bottom: 51, baseline: 13.296875
line 3 width: 0, height: 17, bottom: 68, baseline: 13.296875
BreakNode <br>
BreakNode <br>
BreakNode <br>
BreakNode <br>
BlockContainer <pre#out> at (8,111.34375) content-size 784x53.34375 children: inline
line 0 width: 72.421875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [8,111.34375 72.421875x17.46875]
BlockContainer <pre#out> at (8,109) content-size 784x51 children: inline
line 0 width: 72.421875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [8,109 72.421875x17]
"well: 0, 0"
line 1 width: 96.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 11, length: 13, rect: [8,128.34375 96.765625x17.46875]
line 1 width: 96.765625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 11, length: 13, rect: [8,126 96.765625x17]
"hello: 36, 25"
line 2 width: 113.65625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 25, length: 15, rect: [8,145.34375 113.65625x17.46875]
line 2 width: 113.65625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 25, length: 15, rect: [8,143 113.65625x17]
"friends: 45, 25"
TextNode <#text>
BlockContainer <(anonymous)> at (8,180.6875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,176) content-size 784x0 children: inline
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x156.6875] overflow: [8,8 784x172.6875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875] overflow: [8,8 784x67.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x152] overflow: [8,8 784x168]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17] overflow: [8,8 784x67]
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<B>)
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<I>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x139.21875]
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x69.875]
PaintableWithLines (BlockContainer<PRE>#out) [8,111.34375 784x53.34375]
PaintableWithLines (BlockContainer<DIV>) [8,25 784x135]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x68]
PaintableWithLines (BlockContainer<PRE>#out) [8,109 784x51]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,180.6875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,176 784x0]

14
Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
View file

@ -1,14 +1,14 @@
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: inline
line 0 width: 98, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x17.46875]
BlockContainer <body> at (8,8) content-size 784x17 children: inline
line 0 width: 98, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x17]
"foo "
frag 1 from TextNode start: 0, length: 3, rect: [43,33 27.640625x17.46875]
frag 1 from TextNode start: 0, length: 3, rect: [43,33 27.640625x17]
"bar"
frag 2 from TextNode start: 0, length: 1, rect: [71,8 8x17.46875]
frag 2 from TextNode start: 0, length: 1, rect: [71,8 8x17]
" "
frag 3 from TextNode start: 0, length: 3, rect: [54,58 27.203125x17.46875]
frag 3 from TextNode start: 0, length: 3, rect: [54,58 27.203125x17]
"baz"
TextNode <#text>
InlineNode <b>
@ -21,7 +21,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 784x17.46875] overflow: [8,8 784x67.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784x67]
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<B>)
TextPaintable (TextNode<#text>)

14
Tests/LibWeb/Layout/expected/block-and-inline/single-br-inline-layout.txt
View file

@ -1,15 +1,15 @@
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 784x21.46875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x21 children: not-inline
BlockContainer <div#begin> at (8,8) content-size 784x2 children: not-inline
BlockContainer <(anonymous)> at (8,10) content-size 784x17.46875 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
BlockContainer <(anonymous)> at (8,10) content-size 784x17 children: inline
line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
BreakNode <br>
BlockContainer <div#end> at (8,27.46875) content-size 784x2 children: not-inline
BlockContainer <div#end> at (8,27) content-size 784x2 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<DIV>#begin) [8,8 784x2]
PaintableWithLines (BlockContainer(anonymous)) [8,10 784x17.46875]
PaintableWithLines (BlockContainer<DIV>#end) [8,27.46875 784x2]
PaintableWithLines (BlockContainer(anonymous)) [8,10 784x17]
PaintableWithLines (BlockContainer<DIV>#end) [8,27 784x2]

16
Tests/LibWeb/Layout/expected/block-and-inline/small-percentage-margin.txt
View file

@ -2,23 +2,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x208 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div> at (15.828125,8) content-size 376.3125x100 floating [BFC] children: inline
line 0 width: 27.703125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [15.828125,8 27.703125x17.46875]
line 0 width: 27.703125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [15.828125,8 27.703125x17]
"abc"
TextNode <#text>
BlockContainer <div> at (407.796875,8) content-size 376.3125x100 floating [BFC] children: inline
line 0 width: 23.015625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [407.796875,8 23.015625x17.46875]
line 0 width: 23.015625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [407.796875,8 23.015625x17]
"def"
TextNode <#text>
BlockContainer <div> at (15.828125,108) content-size 376.3125x100 floating [BFC] children: inline
line 0 width: 21.421875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [15.828125,108 21.421875x17.46875]
line 0 width: 21.421875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [15.828125,108 21.421875x17]
"ghi"
TextNode <#text>
BlockContainer <div> at (407.796875,108) content-size 376.3125x100 floating [BFC] children: inline
line 0 width: 18.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [407.796875,108 18.40625x17.46875]
line 0 width: 18.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [407.796875,108 18.40625x17]
"jkl"
TextNode <#text>

26
Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt
View file

@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 102x57.34375 positioned [BFC] children: not-inline
BlockContainer <div#container> at (11,11) content-size 100x55.34375 children: not-inline
BlockContainer <div#child> at (72,12) content-size 50x53.34375 children: inline
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17.46875]
BlockContainer <body> at (10,10) content-size 102x55 positioned [BFC] children: not-inline
BlockContainer <div#container> at (11,11) content-size 100x53 children: not-inline
BlockContainer <div#child> at (72,12) content-size 50x51 children: inline
line 0 width: 28.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17]
"well"
line 1 width: 36.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17.46875]
line 1 width: 36.84375, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17]
"hello"
line 2 width: 55.359375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17.46875]
line 2 width: 55.359375, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17]
"friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 174x59.34375]
PaintableWithLines (BlockContainer<BODY>) [9,9 104x59.34375] overflow: [10,10 173x57.34375]
PaintableWithLines (BlockContainer<DIV>#container) [10,10 102x57.34375] overflow: [11,11 172x55.34375]
PaintableWithLines (BlockContainer<DIV>#child) [11,11 172x55.34375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 174x57]
PaintableWithLines (BlockContainer<BODY>) [9,9 104x57] overflow: [10,10 173x55]
PaintableWithLines (BlockContainer<DIV>#container) [10,10 102x55] overflow: [11,11 172x53]
PaintableWithLines (BlockContainer<DIV>#child) [11,11 172x53]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.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 800x66 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x50 children: inline
line 0 width: 89.71875, height: 50, bottom: 50, baseline: 16.921875
frag 0 from Box start: 0, length: 0, rect: [28,38 49.71875x0]
Box <div.button> at (28,38) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (28,27.078125) content-size 49.71875x21.84375 flex-item [BFC] children: inline
line 0 width: 49.71875, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 5, rect: [28,27.078125 49.71875x21.84375]
BlockContainer <html> at (0,0) content-size 800x67 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x51 children: inline
line 0 width: 89.71875, height: 51, bottom: 51, baseline: 17
frag 0 from Box start: 0, length: 0, rect: [28,39 49.71875x0]
Box <div.button> at (28,39) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (28,28) content-size 49.71875x22 flex-item [BFC] children: inline
line 0 width: 49.71875, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x22]
"Hello"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
PaintableBox (Box<DIV>.button) [8,18 89.71875x40]
PaintableWithLines (BlockContainer(anonymous)) [28,27.078125 49.71875x21.84375]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
PaintableBox (Box<DIV>.button) [8,19 89.71875x40]
PaintableWithLines (BlockContainer(anonymous)) [28,28 49.71875x22]
TextPaintable (TextNode<#text>)

28
Tests/LibWeb/Layout/expected/br-should-not-generate-pseudo-before.txt
View file

@ -1,29 +1,29 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x84.875 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x68.875 children: not-inline
BlockContainer <p> at (8,16) content-size 784x17.46875 children: inline
line 0 width: 310.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,16 10.625x17.46875]
BlockContainer <html> at (0,0) content-size 800x83 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x67 children: not-inline
BlockContainer <p> at (8,16) content-size 784x17 children: inline
line 0 width: 310.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,16 10.625x17]
"+"
frag 1 from TextNode start: 0, length: 36, rect: [19,16 300x17.46875]
frag 1 from TextNode start: 0, length: 36, rect: [19,16 300x17]
"P should generate a ::before pseudo."
InlineNode <(anonymous)>
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,49.46875) content-size 784x35.40625 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
line 1 width: 120.578125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 0, length: 14, rect: [8,66.46875 120.578125x17.46875]
BlockContainer <(anonymous)> at (8,49) content-size 784x34 children: inline
line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
line 1 width: 120.578125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 0, length: 14, rect: [8,66 120.578125x17]
"BR should not!"
BreakNode <br>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x84.875]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x68.875]
PaintableWithLines (BlockContainer<P>) [8,16 784x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x83]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x67]
PaintableWithLines (BlockContainer<P>) [8,16 784x17]
InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,49.46875 784x35.40625]
PaintableWithLines (BlockContainer(anonymous)) [8,49 784x34]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/calc-font-size-with-percentages.txt
View file

@ -1,17 +1,17 @@
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 784x105.21875 children: not-inline
BlockContainer <div.test> at (8,8) content-size 784x105.21875 children: inline
line 0 width: 500.8125, height: 52.40625, bottom: 52.40625, baseline: 40.59375
frag 0 from TextNode start: 0, length: 20, rect: [8,8 500.8125x52.40625]
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
BlockContainer <div.test> at (8,8) content-size 784x104 children: inline
line 0 width: 500.8125, height: 52, bottom: 52, baseline: 40.390625
frag 0 from TextNode start: 0, length: 20, rect: [8,8 500.8125x52]
"i resolved enough of"
line 1 width: 406.40625, height: 52.8125, bottom: 105.21875, baseline: 40.59375
frag 0 from TextNode start: 21, length: 16, rect: [8,60 406.40625x52.40625]
line 1 width: 406.40625, height: 52, bottom: 104, baseline: 40.390625
frag 0 from TextNode start: 21, length: 16, rect: [8,60 406.40625x52]
"percentages, no?"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x105.21875]
PaintableWithLines (BlockContainer<DIV>.test) [8,8 784x105.21875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
PaintableWithLines (BlockContainer<DIV>.test) [8,8 784x104]
TextPaintable (TextNode<#text>)

36
Tests/LibWeb/Layout/expected/calc-with-fr.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 800x68.40625 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x52.40625 children: not-inline
Box <div.container> at (8,8) content-size 784x52.40625 [GFC] children: not-inline
BlockContainer <div> 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 <html> at (0,0) content-size 800x67 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
Box <div.container> at (8,8) content-size 784x51 [GFC] children: not-inline
BlockContainer <div> 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> 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> 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>
BlockContainer <div> at (8,42.9375) content-size 784x17.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,42.9375 9.09375x17.46875]
BlockContainer <div> at (8,42) content-size 784x17 [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,42 9.09375x17]
"3"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x52.40625]
PaintableBox (Box<DIV>.container) [8,8 784x52.40625]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
PaintableBox (Box<DIV>.container) [8,8 784x51]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,25 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,42.9375 784x17.46875]
PaintableWithLines (BlockContainer<DIV>) [8,42 784x17]
TextPaintable (TextNode<#text>)

6
Tests/LibWeb/Layout/expected/css-all-unset.txt
View file

@ -1,8 +1,8 @@
Viewport <#document> at (0,0) content-size 800x600 children: inline
line 0 width: 238.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 18, rect: [0,0 134.984375x17.46875]
line 0 width: 238.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 18, rect: [0,0 134.984375x17]
"* { all: unset; } "
frag 1 from TextNode start: 0, length: 13, rect: [135,0 103.140625x17.46875]
frag 1 from TextNode start: 0, length: 13, rect: [135,0 103.140625x17]
"Hello friends"
InlineNode <html>
InlineNode <head>

64
Tests/LibWeb/Layout/expected/css-dir-selector.txt
View file

@ -2,81 +2,81 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (100,0) content-size 700x832 [BFC] children: not-inline
BlockContainer <body> at (200,8) content-size 592x816 children: not-inline
BlockContainer <div> at (301,9) content-size 100x100 children: inline
line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [301,9 79.96875x17.46875]
line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [301,9 79.96875x17]
"Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 12, length: 8, rect: [301,26 59.21875x17.46875]
line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 12, length: 8, rect: [301,26 59.21875x17]
"friends!"
TextNode <#text>
BlockContainer <(anonymous)> at (200,110) content-size 592x0 children: inline
TextNode <#text>
BlockContainer <div> at (301,111) content-size 100x100 children: inline
line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [301,111 79.96875x17.46875]
line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [301,111 79.96875x17]
"Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 12, length: 8, rect: [301,128 59.21875x17.46875]
line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 12, length: 8, rect: [301,128 59.21875x17]
"friends!"
TextNode <#text>
BlockContainer <(anonymous)> at (200,212) content-size 592x0 children: inline
TextNode <#text>
BlockContainer <div> at (401,213) content-size 100x100 children: inline
line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [401,213 79.96875x17.46875]
line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [401,213 79.96875x17]
"Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 12, length: 8, rect: [401,230 59.21875x17.46875]
line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 12, length: 8, rect: [401,230 59.21875x17]
"friends!"
TextNode <#text>
BlockContainer <(anonymous)> at (200,314) content-size 592x0 children: inline
TextNode <#text>
BlockContainer <div> at (301,315) content-size 100x100 children: inline
line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [301,315 79.96875x17.46875]
line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [301,315 79.96875x17]
"Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 12, length: 8, rect: [301,332 59.21875x17.46875]
line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 12, length: 8, rect: [301,332 59.21875x17]
"friends!"
TextNode <#text>
BlockContainer <(anonymous)> at (200,416) content-size 592x0 children: inline
TextNode <#text>
BlockContainer <div> at (301,417) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 26, rect: [301,417 86.125x17.46875]
line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 26, rect: [301,417 86.125x17]
"حسنًا ، مرحباً"
line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 27, length: 25, rect: [301,434 78.125x17.46875]
line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 27, length: 25, rect: [301,434 78.125x17]
"أيها الأصدقاء"
TextNode <#text>
BlockContainer <(anonymous)> at (200,518) content-size 592x0 children: inline
TextNode <#text>
BlockContainer <div> at (301,519) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 26, rect: [301,519 86.125x17.46875]
line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 26, rect: [301,519 86.125x17]
"حسنًا ، مرحباً"
line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 27, length: 25, rect: [301,536 78.125x17.46875]
line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 27, length: 25, rect: [301,536 78.125x17]
"أيها الأصدقاء"
TextNode <#text>
BlockContainer <(anonymous)> at (200,620) content-size 592x0 children: inline
TextNode <#text>
BlockContainer <div> at (401,621) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 26, rect: [401,621 86.125x17.46875]
line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 26, rect: [401,621 86.125x17]
"حسنًا ، مرحباً"
line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 27, length: 25, rect: [401,638 78.125x17.46875]
line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 27, length: 25, rect: [401,638 78.125x17]
"أيها الأصدقاء"
TextNode <#text>
BlockContainer <(anonymous)> at (200,722) content-size 592x0 children: inline
TextNode <#text>
BlockContainer <div> at (401,723) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 26, rect: [401,723 86.125x17.46875]
line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 26, rect: [401,723 86.125x17]
"حسنًا ، مرحباً"
line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 27, length: 25, rect: [401,740 78.125x17.46875]
line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 27, length: 25, rect: [401,740 78.125x17]
"أيها الأصدقاء"
TextNode <#text>
BlockContainer <(anonymous)> at (200,824) content-size 592x0 children: inline

12
Tests/LibWeb/Layout/expected/css-font-size-calc.txt
View file

@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x125.1875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109.1875 children: inline
line 0 width: 644.625, height: 109.1875, bottom: 109.1875, baseline: 84.578125
frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.625x109.1875]
BlockContainer <html> at (0,0) content-size 800x125 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109 children: inline
line 0 width: 644.625, height: 109, bottom: 109, baseline: 84.484375
frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.625x109]
"Hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.1875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.1875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x125]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/css-font-size-math.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 784x78.609375 children: inline
line 0 width: 78.9375, height: 78.609375, bottom: 78.609375, baseline: 60.890625
frag 0 from TextNode start: 0, length: 1, rect: [8,25 39.09375x55.8125]
BlockContainer <body> at (8,8) content-size 784x79 children: inline
line 0 width: 78.9375, height: 79, bottom: 79, baseline: 61.09375
frag 0 from TextNode start: 0, length: 1, rect: [8,25 39.09375x56]
"H"
frag 1 from TextNode start: 0, length: 1, rect: [47,38 19.78125x39.625]
frag 1 from TextNode start: 0, length: 1, rect: [47,38 19.78125x40]
"e"
frag 2 from TextNode start: 0, length: 1, rect: [67,47 6.8125x28.125]
frag 2 from TextNode start: 0, length: 1, rect: [67,47 6.8125x28]
"l"
frag 3 from TextNode start: 0, length: 1, rect: [74,53 4.84375x19.96875]
frag 3 from TextNode start: 0, length: 1, rect: [74,53 4.84375x20]
"l"
frag 4 from TextNode start: 0, length: 1, rect: [79,57 8.40625x14.171875]
frag 4 from TextNode start: 0, length: 1, rect: [79,58 8.40625x14]
"o"
InlineNode <span>
TextNode <#text>
@ -26,7 +26,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 784x78.609375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x79]
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<SPAN>)

4
Tests/LibWeb/Layout/expected/css-host-selector-gets-parsed.txt
View file

@ -2,8 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
BlockContainer <div> at (8,8) content-size 100x100 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]
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>

8
Tests/LibWeb/Layout/expected/css-import-rule.txt
View file

@ -1,12 +1,12 @@
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 784x54.59375 children: inline
line 0 width: 137.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x54.59375]
BlockContainer <body> at (8,8) content-size 784x55 children: inline
line 0 width: 137.640625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x55]
"Crazy"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x54.59375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x55]
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt
View file

@ -1,12 +1,12 @@
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 784x109.1875 children: inline
line 0 width: 275.296875, height: 109.1875, bottom: 109.1875, baseline: 84.578125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.296875x109.1875]
BlockContainer <body> at (8,8) content-size 784x109 children: inline
line 0 width: 275.296875, height: 109, bottom: 109, baseline: 84.484375
frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.296875x109]
"Crazy"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.1875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
View file

@ -1,21 +1,21 @@
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,20) content-size 784x21.84375 children: not-inline
BlockContainer <p> at (8,20) content-size 784x21.84375 children: inline
line 0 width: 183.890625, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 15, rect: [18,20 163.890625x21.84375]
BlockContainer <body> at (8,20) content-size 784x22 children: not-inline
BlockContainer <p> at (8,20) content-size 784x22 children: inline
line 0 width: 183.890625, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 15, rect: [18,20 163.890625x22]
"Should be green"
TextNode <#text>
InlineNode <a>
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,61.84375) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,62) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375]
PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375]
PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
PaintableWithLines (BlockContainer<P>) [8,20 784x22]
InlinePaintable (InlineNode<A>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,61.84375 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,62 784x0]

16
Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
View file

@ -1,21 +1,21 @@
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,20) content-size 784x21.84375 children: not-inline
BlockContainer <p> at (8,20) content-size 784x21.84375 children: inline
line 0 width: 151.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 0, length: 13, rect: [13,20 141.34375x21.84375]
BlockContainer <body> at (8,20) content-size 784x22 children: not-inline
BlockContainer <p> at (8,20) content-size 784x22 children: inline
line 0 width: 151.34375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 13, rect: [13,20 141.34375x22]
"Should be red"
TextNode <#text>
InlineNode <a>
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,61.84375) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,62) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375]
PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375]
PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
PaintableWithLines (BlockContainer<P>) [8,20 784x22]
InlinePaintable (InlineNode<A>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,61.84375 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,62 784x0]

24
Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
View file

@ -1,10 +1,10 @@
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 784x201.125 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x155.46875 children: inline
line 0 width: 312, height: 155.46875, bottom: 155.46875, baseline: 152
BlockContainer <body> at (8,8) content-size 784x201 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x155 children: inline
line 0 width: 312, height: 155, bottom: 155, baseline: 152
frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,9 300x150]
frag 1 from TextNode start: 0, length: 1, rect: [310,146 8x17.46875]
frag 1 from TextNode start: 0, length: 1, rect: [310,146 8x17]
" "
frag 2 from Box start: 0, length: 0, rect: [319,51 0x108]
SVGSVGBox <svg> at (9,9) content-size 300x150 [SVG] children: inline
@ -16,24 +16,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <a> at (8,8) content-size 100x100 children: inline
TextNode <#text>
TextNode <#text>
BlockContainer <div> at (9,164.46875) content-size 782x43.65625 children: inline
line 0 width: 101.453125, height: 43.65625, bottom: 43.65625, baseline: 33.828125
frag 0 from TextNode start: 0, length: 5, rect: [10,164.46875 99.453125x43.671875]
BlockContainer <div> at (9,164) content-size 782x44 children: inline
line 0 width: 101.453125, height: 44, bottom: 44, baseline: 34
frag 0 from TextNode start: 0, length: 5, rect: [10,164 99.453125x44]
"Hello"
InlineNode <a>
TextNode <#text>
BlockContainer <(anonymous)> at (8,209.125) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,209) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x201.125]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x155.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x201]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x155]
SVGSVGPaintable (SVGSVGBox<svg>) [8,8 302x152]
TextPaintable (TextNode<#text>)
PaintableBox (Box<math>) [318,50 2x110] overflow: [8,8 100x100]
PaintableBox (Box<a>) [8,8 100x100]
PaintableWithLines (BlockContainer<DIV>) [8,163.46875 784x45.65625] overflow: [9,164.46875 782x43.671875]
PaintableWithLines (BlockContainer<DIV>) [8,163 784x46]
InlinePaintable (InlineNode<A>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,209.125 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,209 784x0]

32
Tests/LibWeb/Layout/expected/css-pseudo-element-blockification.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.foo> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17.46875 flex-item [BFC] children: inline
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17.46875]
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.foo> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17 flex-item [BFC] children: inline
line 0 width: 28.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17]
"well"
TextNode <#text>
BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17.46875 flex-item [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: [46,8 36.84375x17.46875]
BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [46,8 36.84375x17]
"hello"
TextNode <#text>
BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17.46875 flex-item [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: [92.4375,8 55.359375x17.46875]
BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17]
"friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
PaintableBox (Box<DIV>.foo) [8,8 784x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.foo) [8,8 784x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [46,8 36.84375x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [46,8 36.84375x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [92.4375,8 55.359375x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [92.4375,8 55.359375x17]
TextPaintable (TextNode<#text>)

132
Tests/LibWeb/Layout/expected/css-quotes-nesting.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 800x68.40625 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x52.40625 children: not-inline
BlockContainer <div.a> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 72.140625, 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 800x67 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
BlockContainer <div.a> at (8,8) content-size 784x17 children: inline
line 0 width: 72.140625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17]
"a"
frag 1 from TextNode start: 0, length: 1, rect: [17,8 9.46875x17.46875]
frag 1 from TextNode start: 0, length: 1, rect: [17,8 9.46875x17]
"b"
frag 2 from TextNode start: 0, length: 1, rect: [27,8 8.890625x17.46875]
frag 2 from TextNode start: 0, length: 1, rect: [27,8 8.890625x17]
"c"
frag 3 from TextNode start: 0, length: 1, rect: [36,8 7.859375x17.46875]
frag 3 from TextNode start: 0, length: 1, rect: [36,8 7.859375x17]
"d"
frag 4 from TextNode start: 0, length: 1, rect: [44,8 8.71875x17.46875]
frag 4 from TextNode start: 0, length: 1, rect: [44,8 8.71875x17]
"e"
frag 5 from TextNode start: 0, length: 1, rect: [52,8 6.4375x17.46875]
frag 5 from TextNode start: 0, length: 1, rect: [52,8 6.4375x17]
"f"
frag 6 from TextNode start: 0, length: 1, rect: [59,8 7.5625x17.46875]
frag 6 from TextNode start: 0, length: 1, rect: [59,8 7.5625x17]
"g"
frag 7 from TextNode start: 0, length: 1, rect: [66,8 9.296875x17.46875]
frag 7 from TextNode start: 0, length: 1, rect: [66,8 9.296875x17]
"h"
frag 8 from TextNode start: 0, length: 1, rect: [76,8 4.5625x17.46875]
frag 8 from TextNode start: 0, length: 1, rect: [76,8 4.5625x17]
"i"
InlineNode <span>
InlineNode <(anonymous)>
@ -55,47 +55,47 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
InlineNode <(anonymous)>
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>
BlockContainer <div.b> at (8,25.46875) content-size 784x17.46875 children: inline
line 0 width: 130.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,25.46875 5.84375x17.46875]
BlockContainer <div.b> at (8,25) content-size 784x17 children: inline
line 0 width: 130.578125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,25 5.84375x17]
"“"
frag 1 from TextNode start: 0, length: 1, rect: [14,25.46875 9.34375x17.46875]
frag 1 from TextNode start: 0, length: 1, rect: [14,25 9.34375x17]
"a"
frag 2 from TextNode start: 0, length: 3, rect: [23,25.46875 5.84375x17.46875]
frag 2 from TextNode start: 0, length: 3, rect: [23,25 5.84375x17]
"‘"
frag 3 from TextNode start: 0, length: 1, rect: [29,25.46875 9.46875x17.46875]
frag 3 from TextNode start: 0, length: 1, rect: [29,25 9.46875x17]
"b"
frag 4 from TextNode start: 0, length: 3, rect: [39,25.46875 5.84375x17.46875]
frag 4 from TextNode start: 0, length: 3, rect: [39,25 5.84375x17]
"‘"
frag 5 from TextNode start: 0, length: 1, rect: [44,25.46875 8.890625x17.46875]
frag 5 from TextNode start: 0, length: 1, rect: [44,25 8.890625x17]
"c"
frag 6 from TextNode start: 0, length: 3, rect: [53,25.46875 5.84375x17.46875]
frag 6 from TextNode start: 0, length: 3, rect: [53,25 5.84375x17]
"‘"
frag 7 from TextNode start: 0, length: 1, rect: [59,25.46875 7.859375x17.46875]
frag 7 from TextNode start: 0, length: 1, rect: [59,25 7.859375x17]
"d"
frag 8 from TextNode start: 0, length: 3, rect: [67,25.46875 5.84375x17.46875]
frag 8 from TextNode start: 0, length: 3, rect: [67,25 5.84375x17]
"‘"
frag 9 from TextNode start: 0, length: 1, rect: [73,25.46875 8.71875x17.46875]
frag 9 from TextNode start: 0, length: 1, rect: [73,25 8.71875x17]
"e"
frag 10 from TextNode start: 0, length: 3, rect: [82,25.46875 5.84375x17.46875]
frag 10 from TextNode start: 0, length: 3, rect: [82,25 5.84375x17]
"’"
frag 11 from TextNode start: 0, length: 1, rect: [87,25.46875 6.4375x17.46875]
frag 11 from TextNode start: 0, length: 1, rect: [87,25 6.4375x17]
"f"
frag 12 from TextNode start: 0, length: 3, rect: [94,25.46875 5.84375x17.46875]
frag 12 from TextNode start: 0, length: 3, rect: [94,25 5.84375x17]
"’"
frag 13 from TextNode start: 0, length: 1, rect: [100,25.46875 7.5625x17.46875]
frag 13 from TextNode start: 0, length: 1, rect: [100,25 7.5625x17]
"g"
frag 14 from TextNode start: 0, length: 3, rect: [107,25.46875 5.84375x17.46875]
frag 14 from TextNode start: 0, length: 3, rect: [107,25 5.84375x17]
"’"
frag 15 from TextNode start: 0, length: 1, rect: [113,25.46875 9.296875x17.46875]
frag 15 from TextNode start: 0, length: 1, rect: [113,25 9.296875x17]
"h"
frag 16 from TextNode start: 0, length: 3, rect: [122,25.46875 5.84375x17.46875]
frag 16 from TextNode start: 0, length: 3, rect: [122,25 5.84375x17]
"’"
frag 17 from TextNode start: 0, length: 1, rect: [128,25.46875 4.5625x17.46875]
frag 17 from TextNode start: 0, length: 1, rect: [128,25 4.5625x17]
"i"
frag 18 from TextNode start: 0, length: 3, rect: [133,25.46875 5.84375x17.46875]
frag 18 from TextNode start: 0, length: 3, rect: [133,25 5.84375x17]
"”"
InlineNode <span>
InlineNode <(anonymous)>
@ -131,47 +131,47 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
InlineNode <(anonymous)>
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>
BlockContainer <div.c> at (8,42.9375) content-size 784x17.46875 children: inline
line 0 width: 140.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,42.9375 5.484375x17.46875]
BlockContainer <div.c> at (8,42) content-size 784x17 children: inline
line 0 width: 140.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,42 5.484375x17]
"("
frag 1 from TextNode start: 0, length: 1, rect: [13,42.9375 9.34375x17.46875]
frag 1 from TextNode start: 0, length: 1, rect: [13,42 9.34375x17]
"a"
frag 2 from TextNode start: 0, length: 1, rect: [23,42.9375 7.625x17.46875]
frag 2 from TextNode start: 0, length: 1, rect: [23,42 7.625x17]
"{"
frag 3 from TextNode start: 0, length: 1, rect: [30,42.9375 9.46875x17.46875]
frag 3 from TextNode start: 0, length: 1, rect: [30,42 9.46875x17]
"b"
frag 4 from TextNode start: 0, length: 1, rect: [40,42.9375 6.953125x17.46875]
frag 4 from TextNode start: 0, length: 1, rect: [40,42 6.953125x17]
"["
frag 5 from TextNode start: 0, length: 1, rect: [47,42.9375 8.890625x17.46875]
frag 5 from TextNode start: 0, length: 1, rect: [47,42 8.890625x17]
"c"
frag 6 from TextNode start: 0, length: 1, rect: [56,42.9375 6.953125x17.46875]
frag 6 from TextNode start: 0, length: 1, rect: [56,42 6.953125x17]
"["
frag 7 from TextNode start: 0, length: 1, rect: [63,42.9375 7.859375x17.46875]
frag 7 from TextNode start: 0, length: 1, rect: [63,42 7.859375x17]
"d"
frag 8 from TextNode start: 0, length: 1, rect: [71,42.9375 6.953125x17.46875]
frag 8 from TextNode start: 0, length: 1, rect: [71,42 6.953125x17]
"["
frag 9 from TextNode start: 0, length: 1, rect: [78,42.9375 8.71875x17.46875]
frag 9 from TextNode start: 0, length: 1, rect: [78,42 8.71875x17]
"e"
frag 10 from TextNode start: 0, length: 1, rect: [86,42.9375 7.21875x17.46875]
frag 10 from TextNode start: 0, length: 1, rect: [86,42 7.21875x17]
"]"
frag 11 from TextNode start: 0, length: 1, rect: [93,42.9375 6.4375x17.46875]
frag 11 from TextNode start: 0, length: 1, rect: [93,42 6.4375x17]
"f"
frag 12 from TextNode start: 0, length: 1, rect: [100,42.9375 7.21875x17.46875]
frag 12 from TextNode start: 0, length: 1, rect: [100,42 7.21875x17]
"]"
frag 13 from TextNode start: 0, length: 1, rect: [107,42.9375 7.5625x17.46875]
frag 13 from TextNode start: 0, length: 1, rect: [107,42 7.5625x17]
"g"
frag 14 from TextNode start: 0, length: 1, rect: [115,42.9375 7.21875x17.46875]
frag 14 from TextNode start: 0, length: 1, rect: [115,42 7.21875x17]
"]"
frag 15 from TextNode start: 0, length: 1, rect: [122,42.9375 9.296875x17.46875]
frag 15 from TextNode start: 0, length: 1, rect: [122,42 9.296875x17]
"h"
frag 16 from TextNode start: 0, length: 1, rect: [131,42.9375 7.65625x17.46875]
frag 16 from TextNode start: 0, length: 1, rect: [131,42 7.65625x17]
"}"
frag 17 from TextNode start: 0, length: 1, rect: [139,42.9375 4.5625x17.46875]
frag 17 from TextNode start: 0, length: 1, rect: [139,42 4.5625x17]
"i"
frag 18 from TextNode start: 0, length: 1, rect: [143,42.9375 4.8125x17.46875]
frag 18 from TextNode start: 0, length: 1, rect: [143,42 4.8125x17]
")"
InlineNode <span>
InlineNode <(anonymous)>
@ -207,13 +207,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
InlineNode <(anonymous)>
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>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x52.40625]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x17]
InlinePaintable (InlineNode<SPAN>)
InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>)
@ -238,8 +238,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode(anonymous))
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
PaintableWithLines (BlockContainer<DIV>.b) [8,25.46875 784x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
PaintableWithLines (BlockContainer<DIV>.b) [8,25 784x17]
InlinePaintable (InlineNode<SPAN>)
InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>)
@ -274,8 +274,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
PaintableWithLines (BlockContainer<DIV>.c) [8,42.9375 784x17.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
PaintableWithLines (BlockContainer<DIV>.c) [8,42 784x17]
InlinePaintable (InlineNode<SPAN>)
InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>)
@ -310,4 +310,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,60.40625 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,59 784x0]

12
Tests/LibWeb/Layout/expected/css-revert.txt
View file

@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x17.46875 [BFC] children: not-inline
BlockContainer <body> at (0,0) content-size 800x17.46875 children: inline
line 0 width: 103.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [0,0 103.140625x17.46875]
BlockContainer <html> at (0,0) content-size 800x17 [BFC] children: not-inline
BlockContainer <body> at (0,0) content-size 800x17 children: inline
line 0 width: 103.140625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [0,0 103.140625x17]
"Hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x17.46875]
PaintableWithLines (BlockContainer<BODY>) [0,0 800x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x17]
PaintableWithLines (BlockContainer<BODY>) [0,0 800x17]
TextPaintable (TextNode<#text>)

16
Tests/LibWeb/Layout/expected/css-text-transform-math-auto.txt
View file

@ -1,17 +1,17 @@
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,16) content-size 784x17.46875 children: not-inline
BlockContainer <p> at (8,16) content-size 784x17.46875 children: inline
line 0 width: 118.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 67, rect: [8,16 118.40625x17.46875]
BlockContainer <body> at (8,16) content-size 784x17 children: not-inline
BlockContainer <p> at (8,16) content-size 784x17 children: inline
line 0 width: 118.40625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 67, rect: [8,16 118.40625x17]
"𝑊𝑒𝑙𝑙, ℎ𝑒𝑙𝑙𝑜 𝑓𝑟𝑖𝑒𝑛𝑑𝑠!"
TextNode <#text>
BlockContainer <(anonymous)> at (8,49.46875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,49) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x17.46875] overflow: [8,16 784x33.46875]
PaintableWithLines (BlockContainer<P>) [8,16 784x17.46875]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x17] overflow: [8,16 784x33]
PaintableWithLines (BlockContainer<P>) [8,16 784x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,49.46875 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,49 784x0]

20
Tests/LibWeb/Layout/expected/details-closed.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
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
InlineNode <details>
ListItemBox <summary> at (32,8) content-size 760x17.46875 children: inline
line 0 width: 114.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17.46875]
ListItemBox <summary> at (32,8) content-size 760x17 children: inline
line 0 width: 114.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17]
"I'm a summary"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (8,8.234375) content-size 12x17 children: not-inline
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
ListItemMarkerBox <(anonymous)> at (8,8) content-size 12x17 children: not-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]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
InlinePaintable (InlineNode<DETAILS>)
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17.46875]
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.234375 12x17]
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8 12x17]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

28
Tests/LibWeb/Layout/expected/details-open.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 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
InlineNode <details>
ListItemBox <summary> at (32,8) content-size 760x17.46875 children: inline
line 0 width: 114.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17.46875]
ListItemBox <summary> at (32,8) content-size 760x17 children: inline
line 0 width: 114.625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17]
"I'm a summary"
TextNode <#text>
ListItemMarkerBox <(anonymous)> at (8,8.234375) content-size 12x17 children: not-inline
BlockContainer <slot> at (8,25.46875) content-size 784x17.46875 children: inline
line 0 width: 82.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [8,25.46875 82.3125x17.46875]
ListItemMarkerBox <(anonymous)> at (8,8) content-size 12x17 children: not-inline
BlockContainer <slot> at (8,25) content-size 784x17 children: inline
line 0 width: 82.3125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [8,25 82.3125x17]
"I'm a node"
TextNode <#text>
TextNode <#text>
InlineNode <span>
TextNode <#text>
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]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
InlinePaintable (InlineNode<DETAILS>)
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17.46875]
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17]
TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.234375 12x17]
PaintableWithLines (BlockContainer<SLOT>) [8,25.46875 784x17.46875]
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8 12x17]
PaintableWithLines (BlockContainer<SLOT>) [8,25 784x17]
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

8
Tests/LibWeb/Layout/expected/display-contents-with-in-children.txt
View file

@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x17.46875 [BFC] children: inline
line 0 width: 51.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [0,0 51.75x17.46875]
BlockContainer <html> at (0,0) content-size 800x17 [BFC] children: inline
line 0 width: 51.75, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [0,0 51.75x17]
"whf :^)"
InlineNode <span>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x17.46875]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x17]
InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)

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