RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 10:38:11 +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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] 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 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.46875 flex-item [BFC] children: inline BlockContainer <div> at (10,10) content-size 510.859375x17 flex-item [BFC] children: inline
line 0 width: 510.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17]
"Diese Website nutzt Cookies und vergleichbare Funktionen zur" "Diese Website nutzt Cookies und vergleichbare Funktionen zur"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 514.859375x21.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 514.859375x21]
PaintableBox (Box<BODY>) [8,8 514.859375x21.46875] PaintableBox (Box<BODY>) [8,8 514.859375x21]
PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19.46875] PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x18 [BFC] 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 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 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.46875 flex-item [BFC] children: inline BlockContainer <div.item> at (12,12) content-size 308.453125x17 flex-item [BFC] children: inline
line 0 width: 308.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 36, rect: [12,12 308.453125x17]
"This should have a green background." "This should have a green background."
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [1,1 798x30.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [1,1 798x30]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 312.453125x21.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 312.453125x21]
PaintableBox (Box<NAV>) [10,10 312.453125x21.46875] PaintableBox (Box<NAV>) [10,10 312.453125x21]
PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x19.46875] PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x19]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] 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 <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 BlockContainer <div.one> at (311,211) content-size 28.6875x17 positioned [BFC] children: inline
line 0 width: 28.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [311,211 28.6875x17]
"one" "one"
TextNode <#text> TextNode <#text>
BlockContainer <div.two> at (330.5625,351.53125) content-size 28.4375x17.46875 positioned [BFC] children: inline BlockContainer <div.two> at (330.5625,352) content-size 28.4375x17 positioned [BFC] children: inline
line 0 width: 28.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 28.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [330.5625,351.53125 28.4375x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [330.5625,352 28.4375x17]
"two" "two"
TextNode <#text> TextNode <#text>
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] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 502x402] PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 502x402]
PaintableWithLines (BlockContainer<BODY>) [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>) 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>) 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 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 <html> at (0,0) content-size 800x89.4375 [BFC] children: not-inline
BlockContainer <body> at (8,21.4375) content-size 784x73.84375 children: not-inline BlockContainer <body> at (8,21.4375) content-size 784x73.4375 children: not-inline
BlockContainer <h1> at (8,21.4375) content-size 784x34.9375 children: inline BlockContainer <h1> at (8,21.4375) content-size 784x35 children: inline
line 0 width: 105.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625 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.53125x34.9375] frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x35]
"header" "header"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,77.8125) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,77.875) content-size 784x17 children: inline
line 0 width: 212.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 212.125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 24, rect: [8,77.8125 212.125x17.46875] frag 0 from TextNode start: 0, length: 24, rect: [8,77.875 212.125x17]
"anonymously wrapped text" "anonymously wrapped text"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x89.84375] overflow: [0,0 800x95.28125] PaintableWithLines (BlockContainer<HTML>) [0,0 800x89.4375] overflow: [0,0 800x94.875]
PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.84375] PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.4375]
PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x34.9375] PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x35]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,77.8125 784x17.46875] PaintableWithLines (BlockContainer(anonymous)) [8,77.875 784x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x18 [BFC] 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 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 Box <div.box> at (1,11) content-size 200x68 positioned [GFC] children: not-inline
BlockContainer <(anonymous)> at (1,11) content-size 200x70.28125 [BFC] children: inline BlockContainer <(anonymous)> at (1,11) content-size 200x68 [BFC] children: inline
line 0 width: 181.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 21, rect: [1,11 181.78125x17]
"Giveaways in Channels" "Giveaways in Channels"
line 1 width: 149.4375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 22, length: 16, rect: [1,28 149.4375x17]
"and Free Premium" "and Free Premium"
line 2 width: 181.78125, height: 18.40625, bottom: 53.34375, baseline: 13.53125 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.46875] frag 0 from TextNode start: 39, length: 21, rect: [1,45 181.78125x17]
"Giveaways in Channels" "Giveaways in Channels"
line 3 width: 149.4375, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 149.4375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 61, length: 16, rect: [1,63 149.4375x17.46875] frag 0 from TextNode start: 61, length: 16, rect: [1,62 149.4375x17]
"and Free Premium" "and Free Premium"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [0,1 799x81.28125] PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [0,1 799x79]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [0,10 202x72.28125] PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [0,10 202x70]
PaintableBox (Box<DIV>.box) [0,10 202x72.28125] PaintableBox (Box<DIV>.box) [0,10 202x70]
PaintableWithLines (BlockContainer(anonymous)) [1,11 200x70.28125] PaintableWithLines (BlockContainer(anonymous)) [1,11 200x68]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x62.59375 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.5 children: inline BlockContainer <body> at (2,2) content-size 796x60.59375 children: inline
line 0 width: 34, height: 28.5, bottom: 28.5, baseline: 28.5 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] 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] 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 BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
BreakNode <br> BreakNode <br>
BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.5] overflow: [1,1 798x64] PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.59375] overflow: [1,1 798x64]
PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.5] overflow: [2,2 796x63] PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.59375] overflow: [2,2 796x63]
PaintableWithLines (BlockContainer<DIV>.clump) [3,2 32x32] PaintableWithLines (BlockContainer<DIV>.clump) [3,2 32x32]
PaintableWithLines (BlockContainer<DIV>.clump) [2,34 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 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 <body> at (8,8) content-size 37.15625x17.46875 children: not-inline BlockContainer <body> at (8,8) content-size 37.15625x17 children: not-inline
BlockContainer <div> at (8,8) content-size 37.15625x17.46875 children: inline BlockContainer <div> at (8,8) content-size 37.15625x17 children: inline
line 0 width: 37.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17]
"foo" "foo"
frag 1 from ImageBox start: 0, length: 0, rect: [35,11 10x10] frag 1 from ImageBox start: 0, length: 0, rect: [35,11 10x10]
TextNode <#text> TextNode <#text>
@ -11,8 +11,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
ImagePaintable (ImageBox<IMG>) [35,11 10x10] 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 <html> at (0,0) content-size 800x108 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text> 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.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 BlockContainer <div.xxx> at (108,8) content-size 29.109375x17 floating [BFC] children: inline
line 0 width: 29.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x17]
"xxx" "xxx"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17]
"bar" "bar"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 784x17.46875 children: inline BlockContainer <div> at (8,25) content-size 784x17 children: inline
line 0 width: 27.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 27.203125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [130,25.46875 27.203125x17.46875] frag 0 from TextNode start: 1, length: 3, rect: [130,25 27.203125x17]
"baz" "baz"
TextNode <#text> TextNode <#text>
BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating [BFC] children: inline BlockContainer <div.yyy> at (108,25) content-size 21.515625x17 floating [BFC] children: inline
line 0 width: 21.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 21.515625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [108,25.46875 21.515625x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [108,25 21.515625x17]
"yyy" "yyy"
TextNode <#text> TextNode <#text>
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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x108] PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0] 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>.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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,25 784x17]
PaintableWithLines (BlockContainer<DIV>.yyy) [108,25.46875 21.515625x17.46875] PaintableWithLines (BlockContainer<DIV>.yyy) [108,25 21.515625x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
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 <body> at (8,8) content-size 600x960 children: not-inline
BlockContainer <div.normal> at (18,18) content-size 300x300 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 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [8,328 26.640625x17]
"top" "top"
TextNode <#text> TextNode <#text>
BlockContainer <div#left> at (8,428) content-size 100x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,428 26.25x17]
"left" "left"
TextNode <#text> TextNode <#text>
BlockContainer <div#right> at (108,428) content-size 100x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [108,428 37.109375x17]
"right" "right"
TextNode <#text> TextNode <#text>
BlockContainer <div.normal> at (18,338) content-size 300x300 children: not-inline 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 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 <html> at (1,1) content-size 798x56 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x38.9375 children: not-inline BlockContainer <body> at (10,10) content-size 780x38 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x17.46875 children: inline BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17]
"Well hello friends" "Well hello friends"
TextNode <#text> TextNode <#text>
BlockContainer <div.box2> at (11,30.46875) content-size 138.28125x17.46875 children: inline BlockContainer <div.box2> at (11,30) content-size 138.28125x17 children: inline
line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 138.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 18, rect: [11,30.46875 138.28125x17.46875] frag 0 from TextNode start: 0, length: 18, rect: [11,30 138.28125x17]
"Well hello friends" "Well hello friends"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x40.9375] PaintableWithLines (BlockContainer<BODY>) [9,9 782x40]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875] PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.box2) [10,29.46875 140.28125x19.46875] PaintableWithLines (BlockContainer<DIV>.box2) [10,29 140.28125x19]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x37 [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.box> at (11,11) content-size 138.28125x17.46875 children: inline BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17]
"Well hello friends" "Well hello friends"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875] PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
TextPaintable (TextNode<#text>) 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 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 BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text> 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 BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> 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 BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x0 children: inline BlockContainer <div> at (108,8) content-size 684x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.a> at (108,8) content-size 14.265625x17.46875 floating [BFC] children: inline BlockContainer <div.a> at (108,8) content-size 14.265625x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [108,8 14.265625x17]
"A" "A"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.b> at (122.265625,8) content-size 669.734375x17.46875 [BFC] children: inline BlockContainer <div.b> at (122.265625,8) content-size 669.734375x17 [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [122.265625,8 9.34375x17]
"B" "B"
TextNode <#text> 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> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] 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(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(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(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>) [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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0] 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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0] PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0] 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <div> at (8,8) content-size 784x34.9375 children: not-inline BlockContainer <div> at (8,8) content-size 784x34 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text> 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 BlockContainer <(anonymous)> at (8,8) content-size 57.0625x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.a4> at (8,8) content-size 57.0625x17.46875 children: inline BlockContainer <div.a4> at (8,8) content-size 57.0625x17 children: inline
line 0 width: 57.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,8 57.0625x17]
"AAAA" "AAAA"
TextNode <#text> 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> TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 57.0625x17.46875 children: inline BlockContainer <div> at (8,25) content-size 57.0625x17 children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 14.265625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,25 14.265625x17]
"A" "A"
TextNode <#text> 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>
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> 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 BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x17.46875 children: inline BlockContainer <div> at (108,8) content-size 684x17 children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [108,8 9.34375x17]
"B" "B"
TextNode <#text> 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> TextNode <#text>
BlockContainer <div.c> at (108,25.46875) content-size 684x17.46875 [BFC] children: inline BlockContainer <div.c> at (108,25) content-size 684x17 [BFC] children: inline
line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 10.3125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [108,25.46875 10.3125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [108,25 10.3125x17]
"C" "C"
TextNode <#text> 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> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375] PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x34.9375] PaintableWithLines (BlockContainer<DIV>) [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [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(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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 57.0625x0] PaintableWithLines (BlockContainer(anonymous)) [8,25 57.0625x0]
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 57.0625x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,25 57.0625x17]
TextPaintable (TextNode<#text>) 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(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(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x17.46875] PaintableWithLines (BlockContainer<DIV>) [108,8 684x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0] PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
PaintableWithLines (BlockContainer<DIV>.c) [108,25.46875 684x17.46875] PaintableWithLines (BlockContainer<DIV>.c) [108,25 684x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,42.9375 684x0] PaintableWithLines (BlockContainer(anonymous)) [108,42 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0] 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 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 <html> at (1,1) content-size 798x75 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x58.40625 children: not-inline BlockContainer <body> at (10,10) content-size 780x57 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 150.21875x17.46875 children: inline BlockContainer <div.foo> at (11,11) content-size 150.21875x17 children: inline
line 0 width: 150.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 18, rect: [11,11 150.21875x17]
"width: max-content" "width: max-content"
TextNode <#text> 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> TextNode <#text>
BlockContainer <div.bar> at (11,30.46875) content-size 187.953125x17.46875 children: inline BlockContainer <div.bar> at (11,30) content-size 187.953125x17 children: inline
line 0 width: 187.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 187.953125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 22, rect: [11,30.46875 187.953125x17.46875] frag 0 from TextNode start: 0, length: 22, rect: [11,30 187.953125x17]
"max-width: max-content" "max-width: max-content"
TextNode <#text> 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> TextNode <#text>
BlockContainer <div.baz> at (11,49.9375) content-size 183.078125x17.46875 children: inline BlockContainer <div.baz> at (11,49) content-size 183.078125x17 children: inline
line 0 width: 183.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 183.078125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 22, rect: [11,49.9375 183.078125x17.46875] frag 0 from TextNode start: 0, length: 22, rect: [11,49 183.078125x17]
"min-width: max-content" "min-width: max-content"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.40625] PaintableWithLines (BlockContainer<HTML>) [0,0 800x77]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x60.40625] PaintableWithLines (BlockContainer<BODY>) [9,9 782x59]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19.46875] PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,29.46875 780x0] PaintableWithLines (BlockContainer(anonymous)) [10,29 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,29.46875 189.953125x19.46875] PaintableWithLines (BlockContainer<DIV>.bar) [10,29 189.953125x19]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,48.9375 780x0] PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,48.9375 185.078125x19.46875] PaintableWithLines (BlockContainer<DIV>.baz) [10,48 185.078125x19]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x126 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x112.21875 children: not-inline BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 93.765625x35.40625 children: inline BlockContainer <div.foo> at (11,11) content-size 93.765625x34 children: inline
line 0 width: 43.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x17]
"width:" "width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 7, length: 11, rect: [11,28 93.765625x17]
"min-content" "min-content"
TextNode <#text> 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> TextNode <#text>
BlockContainer <div.bar> at (11,48.40625) content-size 93.765625x35.40625 children: inline BlockContainer <div.bar> at (11,47) content-size 93.765625x34 children: inline
line 0 width: 81.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 81.3125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [11,48.40625 81.3125x17.46875] frag 0 from TextNode start: 0, length: 10, rect: [11,47 81.3125x17]
"max-width:" "max-width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 11, length: 11, rect: [11,65.40625 93.765625x17.46875] frag 0 from TextNode start: 11, length: 11, rect: [11,64 93.765625x17]
"min-content" "min-content"
TextNode <#text> 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> TextNode <#text>
BlockContainer <div.baz> at (11,85.8125) content-size 93.765625x35.40625 children: inline BlockContainer <div.baz> at (11,83) content-size 93.765625x34 children: inline
line 0 width: 76.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 76.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [11,85.8125 76.4375x17.46875] frag 0 from TextNode start: 0, length: 10, rect: [11,83 76.4375x17]
"min-width:" "min-width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 11, length: 11, rect: [11,102.8125 93.765625x17.46875] frag 0 from TextNode start: 11, length: 11, rect: [11,100 93.765625x17]
"min-content" "min-content"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x132.21875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x128]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x114.21875] PaintableWithLines (BlockContainer<BODY>) [9,9 782x110]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x37.40625] PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x36]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,47.40625 780x0] PaintableWithLines (BlockContainer(anonymous)) [10,46 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,47.40625 95.765625x37.40625] PaintableWithLines (BlockContainer<DIV>.bar) [10,46 95.765625x36]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,84.8125 780x0] PaintableWithLines (BlockContainer(anonymous)) [10,82 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,84.8125 95.765625x37.40625] PaintableWithLines (BlockContainer<DIV>.baz) [10,82 95.765625x36]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x54 [BFC] children: not-inline
BlockContainer <body> at (110,10) content-size 300x37.40625 positioned children: not-inline BlockContainer <body> at (110,10) content-size 300x36 positioned children: not-inline
BlockContainer <div> at (61,11) content-size 200x35.40625 children: inline BlockContainer <div> at (61,11) content-size 200x34 children: inline
line 0 width: 159.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x17]
"there are no floats" "there are no floats"
line 1 width: 163.875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 20, length: 21, rect: [61,28 163.875x17]
"intruding on this div" "intruding on this div"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x57.40625] PaintableWithLines (BlockContainer<HTML>) [0,0 800x56]
PaintableWithLines (BlockContainer<BODY>) [109,9 302x39.40625] overflow: [60,10 350x37.40625] PaintableWithLines (BlockContainer<BODY>) [109,9 302x38] overflow: [60,10 350x36]
PaintableWithLines (BlockContainer<DIV>) [60,10 202x37.40625] PaintableWithLines (BlockContainer<DIV>) [60,10 202x36]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x48 children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125 line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875] frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48]
BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125 line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375] 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.46875] 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> TextNode <#text>
BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline BlockContainer <div.label> at (9,25) content-size 17.828125x22 inline-block [BFC] children: inline
line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875 line 0 width: 17.828125, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [9,24 17.828125x21.84375] frag 0 from TextNode start: 0, length: 1, rect: [9,25 17.828125x22]
"A" "A"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [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.359375x43.671875 flex-container(column) [FFC] 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.359375x43.671875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-item [BFC] children: inline
line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125 line 0 width: 23.359375, height: 44, bottom: 44, baseline: 34
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875] frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44]
"B" "B"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875] PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375] PaintableWithLines (BlockContainer<DIV>.label) [8,24 19.828125x24]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875] PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875] PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875] PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 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] frag 0 from BlockContainer start: 0, length: 0, rect: [22,19 48.6875x178]
TextNode <#text> TextNode <#text>
BlockContainer <button.button.border-black> at (22,19) content-size 48.6875x178 inline-block [BFC] children: not-inline 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,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.5) content-size 48.6875x157 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.6875x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.border-black> at (32,39.265625) content-size 28.6875x17.46875 children: inline BlockContainer <div.border-black> at (32,39.5) content-size 28.6875x17 children: inline
line 0 width: 28.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 28.6875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [32,39.265625 28.6875x17.46875] frag 0 from TextNode start: 1, length: 3, rect: [32,39.5 28.6875x17]
"one" "one"
TextNode <#text> 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> TextNode <#text>
BlockContainer <div.border-black> at (32,76.734375) content-size 28.6875x100 children: inline BlockContainer <div.border-black> at (32,76.5) content-size 28.6875x100 children: inline
line 0 width: 28.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 28.4375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [32,76.734375 28.4375x17.46875] frag 0 from TextNode start: 1, length: 3, rect: [32,76.5 28.4375x17]
"two" "two"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
@ -29,11 +29,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x200] PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
PaintableWithLines (BlockContainer<BUTTON>.button.border-black) [8,8 76.6875x200] PaintableWithLines (BlockContainer<BUTTON>.button.border-black) [8,8 76.6875x200]
PaintableWithLines (BlockContainer(anonymous)) [22,19 48.6875x178] PaintableWithLines (BlockContainer(anonymous)) [22,19 48.6875x178]
PaintableWithLines (BlockContainer(anonymous)) [22,29.265625 48.6875x157.46875] PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x157]
PaintableWithLines (BlockContainer(anonymous)) [22,29.265625 48.6875x0] PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,29.265625 48.6875x37.46875] PaintableWithLines (BlockContainer<DIV>.border-black) [22,29.5 48.6875x37]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [22,66.734375 48.6875x0] PaintableWithLines (BlockContainer(anonymous)) [22,66.5 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,66.734375 48.6875x120] PaintableWithLines (BlockContainer<DIV>.border-black) [22,66.5 48.6875x120]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x58 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x42.9375 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.46875 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.46875 flex-container(column) [FFC] 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.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-item [BFC] children: inline
line 0 width: 94.921875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 11, rect: [61,10 94.921875x17]
"200px width" "200px width"
TextNode <#text> TextNode <#text>
BlockContainer <button.btn> at (13,31.46875) content-size 324.671875x17.46875 children: not-inline BlockContainer <button.btn> at (13,31) content-size 324.671875x17 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) content-size 324.671875x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,31.46875) content-size 324.671875x17.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (13,31) content-size 324.671875x17 flex-item [BFC] children: inline
line 0 width: 324.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 324.671875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 39, rect: [13,31.46875 324.671875x17.46875] frag 0 from TextNode start: 0, length: 39, rect: [13,31 324.671875x17]
"auto width should behave as fit-content" "auto width should behave as fit-content"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x42.9375] PaintableWithLines (BlockContainer<BODY>) [8,8 784x42]
PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x21.46875] PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>.btn) [8,29.46875 334.671875x21.46875] PaintableWithLines (BlockContainer<BUTTON>.btn) [8,29 334.671875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,31.46875 324.671875x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,31.46875 324.671875x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x75 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x58.59375 children: inline BlockContainer <body> at (8,8) content-size 784x59 children: inline
line 0 width: 424.640625, height: 58.59375, bottom: 58.59375, baseline: 42.28125 line 0 width: 424.640625, height: 59, bottom: 59, baseline: 42.484375
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x54.59375] frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x55]
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x54.59375 positioned inline-block [BFC] children: not-inline 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.640625x54.59375 flex-container(column) [FFC] 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.640625x54.59375 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-item [BFC] children: inline
line 0 width: 414.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125 line 0 width: 414.640625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x54.59375] frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x55]
"See more games" "See more games"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x74.59375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x58.59375] PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x58.59375] PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x59]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375] PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375] PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x75 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x58.59375 children: inline BlockContainer <body> at (8,8) content-size 784x59 children: inline
line 0 width: 424.640625, height: 58.59375, bottom: 58.59375, baseline: 42.28125 line 0 width: 424.640625, height: 59, bottom: 59, baseline: 42.484375
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x54.59375] frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x55]
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x54.59375 positioned inline-block [BFC] children: not-inline 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.640625x56.59375 positioned [BFC] children: inline BlockContainer <(anonymous)> at (9,9) content-size 422.640625x57 positioned [BFC] children: inline
TextNode <#text> 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.640625x55 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-item [BFC] children: inline
line 0 width: 414.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125 line 0 width: 414.640625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x54.59375] frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x55]
"See more games" "See more games"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x74.59375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x58.59375] PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x58.59375] PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x59]
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x56.59375] PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x57]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375] PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375] PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x48 children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125 line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875] frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48]
BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125 line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375] 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.46875] 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> TextNode <#text>
BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline BlockContainer <div.label> at (9,25) content-size 17.828125x22 inline-block [BFC] children: inline
line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875 line 0 width: 17.828125, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 1, rect: [9,24 17.828125x21.84375] frag 0 from TextNode start: 0, length: 1, rect: [9,25 17.828125x22]
"A" "A"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [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.359375x43.671875 flex-container(column) [FFC] 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.359375x43.671875 flex-item [BFC] 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 BlockContainer <(anonymous)> at (41,10) content-size 23.359375x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (41,10) content-size 23.359375x43.671875 children: inline BlockContainer <div> at (41,10) content-size 23.359375x44 children: inline
line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125 line 0 width: 23.359375, height: 44, bottom: 44, baseline: 34
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875] frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44]
"B" "B"
TextNode <#text> 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>
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875] PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375] PaintableWithLines (BlockContainer<DIV>.label) [8,24 19.828125x24]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875] PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875] PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875] PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x0] 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>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x21 children: inline
line 0 width: 59.921875, height: 21.46875, bottom: 21.46875, baseline: 13.53125 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.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x17]
BlockContainer <button> at (13,10) content-size 49.921875x17.46875 inline-block [BFC] children: not-inline BlockContainer <button> at (13,10) content-size 49.921875x17 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 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17 flex-item [BFC] children: inline
line 0 width: 49.921875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [13,10 49.921875x17]
"A B C" "A B C"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x21.46875] PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x56 children: inline
line 0 width: 121.65625, height: 56.40625, bottom: 56.40625, baseline: 40.59375 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.40625] frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x52]
BlockContainer <button> at (13,10) content-size 111.65625x52.40625 inline-block [BFC] children: not-inline BlockContainer <button> at (13,10) content-size 111.65625x52 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 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52.40625 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52 flex-item [BFC] children: inline
line 0 width: 111.65625, height: 52.40625, bottom: 52.40625, baseline: 40.59375 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.40625] frag 0 from TextNode start: 0, length: 4, rect: [13,10 111.65625x52]
"Test" "Test"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x56.40625] PaintableWithLines (BlockContainer<BODY>) [8,8 784x56]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x56.40625] PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x56]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52.40625] PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52.40625] PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x21 children: inline
line 0 width: 47.21875, height: 21.46875, bottom: 21.46875, baseline: 13.53125 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.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x17]
BlockContainer <button> at (13,10) content-size 37.21875x17.46875 inline-block [BFC] children: not-inline BlockContainer <button> at (13,10) content-size 37.21875x17 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 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17 flex-item [BFC] children: inline
line 0 width: 37.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [13,10 37.21875x17]
"Test" "Test"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x21.46875] PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17.46875] PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
TextPaintable (TextNode<#text>) 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 <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div> at (8,8) content-size 784x0 children: inline BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x34.9375 floating [BFC] children: inline BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x35 floating [BFC] children: inline
line 0 width: 28.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625 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.53125x34.9375] frag 0 from TextNode start: 0, length: 1, rect: [8,29.4375 28.53125x35]
"A" "A"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x34.9375 floating [BFC] children: inline BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x35 floating [BFC] children: inline
line 0 width: 18.6875, height: 34.9375, bottom: 34.9375, baseline: 27.0625 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.6875x34.9375] frag 0 from TextNode start: 0, length: 1, rect: [773.3125,29.4375 18.6875x35]
"B" "B"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div.c> at (8,155.8125) content-size 11.5625x17.46875 floating [BFC] children: inline BlockContainer <div.c> at (8,155.875) content-size 11.5625x17 floating [BFC] children: inline
line 0 width: 11.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 11.5625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,155.8125 11.5625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,155.875 11.5625x17]
"X" "X"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
@ -26,9 +26,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [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>) 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>) 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>) 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 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 <html> at (0,0) content-size 800x125 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109.9375 children: not-inline BlockContainer <body> at (8,8) content-size 784x109 children: not-inline
BlockContainer <div.upper> at (8,8) content-size 784x17.46875 children: inline BlockContainer <div.upper> at (8,8) content-size 784x17 children: inline
line 0 width: 46.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [8,8 46.15625x17]
"upper" "upper"
TextNode <#text> TextNode <#text>
BlockContainer <div.mystery> at (8,100.46875) content-size 784x0 children: not-inline BlockContainer <div.mystery> at (8,100) content-size 784x0 children: not-inline
BlockContainer <div.lower> at (8,100.46875) content-size 784x17.46875 children: inline BlockContainer <div.lower> at (8,100) content-size 784x17 children: inline
line 0 width: 43.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 43.359375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,100.46875 43.359375x17.46875] frag 0 from TextNode start: 0, length: 5, rect: [8,100 43.359375x17]
"lower" "lower"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.9375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x125]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.9375] PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17.46875] PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.mystery) [8,100.46875 784x0] PaintableWithLines (BlockContainer<DIV>.mystery) [8,100 784x0]
PaintableWithLines (BlockContainer<DIV>.lower) [8,100.46875 784x17.46875] PaintableWithLines (BlockContainer<DIV>.lower) [8,100 784x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)

2
Tests/LibWeb/Layout/expected/block-and-inline/columns-33-percent-width.txt
View file

@ -14,4 +14,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 620x100] PaintableWithLines (BlockContainer<BODY>) [8,8 620x100]
PaintableWithLines (BlockContainer<DIV>) [8,8 206.65625x100] PaintableWithLines (BlockContainer<DIV>) [8,8 206.65625x100]
PaintableWithLines (BlockContainer<DIV>) [215,8 206.65625x100] PaintableWithLines (BlockContainer<DIV>) [215,8 206.65625x100]
PaintableWithLines (BlockContainer<DIV>) [421,8 206.65625x100] PaintableWithLines (BlockContainer<DIV>) [421,8 206.65625x100]

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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x66 [BFC] 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 <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 BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17 floating [BFC] children: inline
line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17]
"right" "right"
TextNode <#text> TextNode <#text>
Box <div.flex> at (8,8) content-size 362.890625x50 flex-container(row) [FFC] children: not-inline 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 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 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,8 32.34375x17]
"item" "item"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66] PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [8,8 400x50] 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>) TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.flex) [8,8 362.890625x50] PaintableBox (Box<DIV>.flex) [8,8 362.890625x50]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 32.34375x50] 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div#lefty> at (8,8) content-size 100x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17]
"L" "L"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div#righty> at (742,8) content-size 50x50 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17]
"R" "R"
TextNode <#text> TextNode <#text>
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 BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div#lefty2> at (108,8) content-size 80x80 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17]
"L2" "L2"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div#righty2> at (712,8) content-size 30x30 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17]
"R2" "R2"
TextNode <#text> TextNode <#text>
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 BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div#lefty3> at (188,8) content-size 40x40 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17]
"L3" "L3"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div#righty3> at (692,8) content-size 20x20 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17]
"R3" "R3"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x332.34375 children: inline BlockContainer <div> at (8,8) content-size 784x323 children: inline
line 0 width: 414.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 1 width: 414.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 2 width: 466.90625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 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.46875] frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 3 width: 573.5, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 573.5, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 151, length: 65, rect: [188,60 573.5x17.46875] frag 0 from TextNode start: 151, length: 65, rect: [188,59 573.5x17]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum" "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 line 4 width: 572.546875, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 217, length: 65, rect: [188,77 572.546875x17.46875] frag 0 from TextNode start: 217, length: 65, rect: [188,76 572.546875x17]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem" "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 line 5 width: 679.140625, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 283, length: 77, rect: [108,95 679.140625x17.46875] 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" "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 line 6 width: 783.828125, height: 17, bottom: 119, baseline: 13.296875
frag 0 from TextNode start: 361, length: 89, rect: [8,112 783.828125x17.46875] 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" "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 line 7 width: 731.484375, height: 17, bottom: 136, baseline: 13.296875
frag 0 from TextNode start: 451, length: 83, rect: [8,130 731.484375x17.46875] 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" "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 line 8 width: 731.484375, height: 17, bottom: 153, baseline: 13.296875
frag 0 from TextNode start: 535, length: 83, rect: [8,147 731.484375x17.46875] 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" "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 line 9 width: 731.484375, height: 17, bottom: 170, baseline: 13.296875
frag 0 from TextNode start: 619, length: 83, rect: [8,165 731.484375x17.46875] 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" "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 line 10 width: 731.484375, height: 17, bottom: 187, baseline: 13.296875
frag 0 from TextNode start: 703, length: 83, rect: [8,182 731.484375x17.46875] 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" "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 line 11 width: 731.484375, height: 17, bottom: 204, baseline: 13.296875
frag 0 from TextNode start: 787, length: 83, rect: [8,200 731.484375x17.46875] 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" "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 line 12 width: 731.484375, height: 17, bottom: 221, baseline: 13.296875
frag 0 from TextNode start: 871, length: 83, rect: [8,217 731.484375x17.46875] 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" "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 line 13 width: 731.484375, height: 17, bottom: 238, baseline: 13.296875
frag 0 from TextNode start: 955, length: 83, rect: [8,235 731.484375x17.46875] 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" "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 line 14 width: 731.484375, height: 17, bottom: 255, baseline: 13.296875
frag 0 from TextNode start: 1039, length: 83, rect: [8,252 731.484375x17.46875] 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" "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 line 15 width: 731.484375, height: 17, bottom: 272, baseline: 13.296875
frag 0 from TextNode start: 1123, length: 83, rect: [8,270 731.484375x17.46875] 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" "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 line 16 width: 731.484375, height: 17, bottom: 289, baseline: 13.296875
frag 0 from TextNode start: 1207, length: 83, rect: [8,287 731.484375x17.46875] 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" "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 line 17 width: 731.484375, height: 17, bottom: 306, baseline: 13.296875
frag 0 from TextNode start: 1291, length: 83, rect: [8,304 731.484375x17.46875] 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" "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 line 18 width: 45.296875, height: 17, bottom: 323, baseline: 13.296875
frag 0 from TextNode start: 1375, length: 5, rect: [8,322 45.296875x17.46875] frag 0 from TextNode start: 1375, length: 5, rect: [8,314 45.296875x17]
"ipsum" "ipsum"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0] PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100] 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] PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x332.34375] PaintableWithLines (BlockContainer<DIV>) [8,8 784x323]
TextPaintable (TextNode<#text>) 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 <html> at (0,0) content-size 800x60 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text> 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 <div#b> at (9,9) content-size 50x50 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div#a> at (8,8) content-size 784x17.46875 children: inline BlockContainer <div#a> at (8,8) content-size 784x17 children: inline
line 0 width: 37.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [60,8 37.578125x17]
"Text" "Text"
TextNode <#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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x60] PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0] 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<DIV>#b) [8,8 52x52]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17.46875] PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <(anonymous)> at (8,8) content-size 780x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div#top> at (8,8) content-size 780x100 [BFC] children: inline 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> TextNode <#text>
BlockContainer <(anonymous)> at (8,108) content-size 780x0 children: inline BlockContainer <(anonymous)> at (8,108) content-size 780x0 children: inline
TextNode <#text> 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 BlockContainer <(anonymous)> at (9,109) content-size 778x0 children: inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div#text> at (9,109) content-size 778x17.46875 children: inline BlockContainer <div#text> at (9,109) content-size 778x17 children: inline
line 0 width: 54.796875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17]
"foobar" "foobar"
TextNode <#text> 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> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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(anonymous)) [8,8 780x0]
PaintableWithLines (BlockContainer<DIV>#top) [8,8 780x100] PaintableWithLines (BlockContainer<DIV>#top) [8,8 780x100]
PaintableWithLines (BlockContainer<DIV>#top-left.box) [8,8 300x100] PaintableWithLines (BlockContainer<DIV>#top-left.box) [8,8 300x100]
PaintableWithLines (BlockContainer<DIV>#top-right.box) [488,8 300x100] PaintableWithLines (BlockContainer<DIV>#top-right.box) [488,8 300x100]
PaintableWithLines (BlockContainer(anonymous)) [8,108 780x0] 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(anonymous)) [9,109 778x0]
PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17.46875] PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [9,126.46875 778x0] PaintableWithLines (BlockContainer(anonymous)) [9,126 778x0]
PaintableWithLines (BlockContainer(anonymous)) [8,127.46875 780x0] 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 BlockContainer <body> at (8,8) content-size 780x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.left> at (9,9) content-size 50x50 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [14,9 39.21875x17]
"Left1" "Left1"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div.right> at (737,9) content-size 50x50 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [738,9 48.3125x17]
"Right1" "Right1"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div.left> at (61,9) content-size 50x50 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [65,9 41.6875x17]
"Left2" "Left2"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div.right> at (685,9) content-size 50x50 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [685,9 50.78125x17]
"Right2" "Right2"
TextNode <#text> TextNode <#text>
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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x34 children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [108,8 6.34375x17]
"1" "1"
line 1 width: 8.8125, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [108,25 8.8125x17]
"2" "2"
BlockContainer <span.a> at (8,8) content-size 100x17.46875 floating [BFC] children: inline BlockContainer <span.a> at (8,8) content-size 100x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
"A" "A"
TextNode <#text> TextNode <#text>
InlineNode <span> InlineNode <span>
@ -17,9 +17,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BreakNode <br> BreakNode <br>
TextNode <#text> TextNode <#text>
BlockContainer <span.a> at (8,25.46875) content-size 100x17.46875 floating [BFC] children: inline BlockContainer <span.a> at (8,25) content-size 100x17 floating [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,25 9.34375x17]
"B" "B"
TextNode <#text> TextNode <#text>
InlineNode <span> InlineNode <span>
@ -27,12 +27,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x35.40625] PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17.46875] PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>.a) [8,25.46875 100x17.46875] PaintableWithLines (BlockContainer<SPAN>.a) [8,25 100x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] 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 BlockContainer <body> at (252,10) content-size 538x400 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875 line 0 width: 228.34375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x21.84375] frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x22]
"Lorem" "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" "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" "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" "sit"
line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875 line 1 width: 183.78125, height: 22, bottom: 44, baseline: 17
frag 0 from TextNode start: 23, length: 5, rect: [554,31 52.71875x21.84375] frag 0 from TextNode start: 23, length: 5, rect: [554,32 52.71875x22]
"amet," "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" "consectetur"
line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875 line 2 width: 140.5625, height: 22, bottom: 66, baseline: 17
frag 0 from TextNode start: 41, length: 10, rect: [554,53 94.65625x21.84375] frag 0 from TextNode start: 41, length: 10, rect: [554,54 94.65625x22]
"adipiscing" "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." "elit."
line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875 line 3 width: 145, height: 22, bottom: 88, baseline: 17
frag 0 from TextNode start: 58, length: 11, rect: [554,75 123.3125x21.84375] frag 0 from TextNode start: 58, length: 11, rect: [554,76 123.3125x22]
"Suspendisse" "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" "a"
line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875 line 4 width: 196.703125, height: 22, bottom: 110, baseline: 17
frag 0 from TextNode start: 72, length: 8, rect: [554,97 82.046875x21.84375] frag 0 from TextNode start: 72, length: 8, rect: [554,98 82.046875x22]
"placerat" "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," "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" "ut"
line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875 line 5 width: 234.6875, height: 22, bottom: 132, baseline: 17
frag 0 from TextNode start: 92, length: 9, rect: [554,119 101.28125x21.84375] frag 0 from TextNode start: 92, length: 9, rect: [554,120 101.28125x22]
"elementum" "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." "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" "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" "ut"
line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875 line 6 width: 201.53125, height: 22, bottom: 154, baseline: 17
frag 0 from TextNode start: 115, length: 8, rect: [554,141 78.765625x21.84375] frag 0 from TextNode start: 115, length: 8, rect: [554,142 78.765625x22]
"vehicula" "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," "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" "eget"
line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875 line 7 width: 232.53125, height: 22, bottom: 176, baseline: 17
frag 0 from TextNode start: 136, length: 8, rect: [554,162 82.046875x21.84375] frag 0 from TextNode start: 136, length: 8, rect: [554,164 82.046875x22]
"placerat" "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." "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" "Integer"
line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875 line 8 width: 202.96875, height: 22, bottom: 198, baseline: 17
frag 0 from TextNode start: 160, length: 6, rect: [554,184 70.3125x21.84375] frag 0 from TextNode start: 160, length: 6, rect: [554,186 70.3125x22]
"rutrum" "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" "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" "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" "dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0 line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875 line 10 width: 208.828125, height: 22, bottom: 224, baseline: 17
frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x21.84375] frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x22]
"dictum," "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" "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" "accumsan"
line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875 line 11 width: 180.1875, height: 22, bottom: 246, baseline: 17
frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x21.84375] frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x22]
"enim" "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." "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" "Ut"
line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875 line 12 width: 195.28125, height: 22, bottom: 268, baseline: 17
frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x21.84375] frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x22]
"lobortis" "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" "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" "eget"
line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875 line 13 width: 222.921875, height: 22, bottom: 290, baseline: 17
frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x21.84375] frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x22]
"est" "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" "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." "egestas."
line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875 line 14 width: 223.125, height: 22, bottom: 312, baseline: 17
frag 0 from TextNode start: 263, length: 7, rect: [252,299 68.609375x21.84375] frag 0 from TextNode start: 263, length: 7, rect: [252,300 68.609375x22]
"Integer" "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" "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" "lacinia"
line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875 line 15 width: 222.609375, height: 22, bottom: 334, baseline: 17
frag 0 from TextNode start: 287, length: 4, rect: [252,321 43.15625x21.84375] frag 0 from TextNode start: 287, length: 4, rect: [252,322 43.15625x22]
"ante" "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" "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." "lobortis."
line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875 line 16 width: 178.3125, height: 22, bottom: 356, baseline: 17
frag 0 from TextNode start: 310, length: 5, rect: [252,343 60.90625x21.84375] frag 0 from TextNode start: 310, length: 5, rect: [252,344 60.90625x22]
"Donec" "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" "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" "tincidunt"
line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875 line 17 width: 231.078125, height: 22, bottom: 378, baseline: 17
frag 0 from TextNode start: 328, length: 5, rect: [252,365 48.59375x21.84375] frag 0 from TextNode start: 328, length: 5, rect: [252,366 48.59375x22]
"ante." "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" "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" "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" "arcu"
line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875 line 18 width: 70.546875, height: 22, bottom: 400, baseline: 17
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375] frag 0 from TextNode start: 351, length: 7, rect: [252,388 70.546875x22]
"tortor." "tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text> 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] ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [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>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202] PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] 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 BlockContainer <body> at (252,10) content-size 538x400 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875 line 0 width: 228.34375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x21.84375] frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x22]
"Lorem ipsum dolor sit" "Lorem ipsum dolor sit"
line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875 line 1 width: 183.78125, height: 22, bottom: 44, baseline: 17
frag 0 from TextNode start: 23, length: 17, rect: [554,31 183.78125x21.84375] frag 0 from TextNode start: 23, length: 17, rect: [554,32 183.78125x22]
"amet, consectetur" "amet, consectetur"
line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875 line 2 width: 140.5625, height: 22, bottom: 66, baseline: 17
frag 0 from TextNode start: 41, length: 16, rect: [554,53 140.5625x21.84375] frag 0 from TextNode start: 41, length: 16, rect: [554,54 140.5625x22]
"adipiscing elit." "adipiscing elit."
line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875 line 3 width: 145, height: 22, bottom: 88, baseline: 17
frag 0 from TextNode start: 58, length: 13, rect: [554,75 145x21.84375] frag 0 from TextNode start: 58, length: 13, rect: [554,76 145x22]
"Suspendisse a" "Suspendisse a"
line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875 line 4 width: 196.703125, height: 22, bottom: 110, baseline: 17
frag 0 from TextNode start: 72, length: 19, rect: [554,97 196.703125x21.84375] frag 0 from TextNode start: 72, length: 19, rect: [554,98 196.703125x22]
"placerat mauris, ut" "placerat mauris, ut"
line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875 line 5 width: 234.6875, height: 22, bottom: 132, baseline: 17
frag 0 from TextNode start: 92, length: 22, rect: [554,119 234.6875x21.84375] frag 0 from TextNode start: 92, length: 22, rect: [554,120 234.6875x22]
"elementum mi. Morbi ut" "elementum mi. Morbi ut"
line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875 line 6 width: 201.53125, height: 22, bottom: 154, baseline: 17
frag 0 from TextNode start: 115, length: 20, rect: [554,141 201.53125x21.84375] frag 0 from TextNode start: 115, length: 20, rect: [554,142 201.53125x22]
"vehicula ipsum, eget" "vehicula ipsum, eget"
line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875 line 7 width: 232.53125, height: 22, bottom: 176, baseline: 17
frag 0 from TextNode start: 136, length: 23, rect: [554,162 232.53125x21.84375] frag 0 from TextNode start: 136, length: 23, rect: [554,164 232.53125x22]
"placerat augue. Integer" "placerat augue. Integer"
line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875 line 8 width: 202.96875, height: 22, bottom: 198, baseline: 17
frag 0 from TextNode start: 160, length: 20, rect: [554,184 202.96875x21.84375] frag 0 from TextNode start: 160, length: 20, rect: [554,186 202.96875x22]
"rutrum nisi eget dui" "rutrum nisi eget dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0 line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875 line 10 width: 208.828125, height: 22, bottom: 224, baseline: 17
frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x21.84375] frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x22]
"dictum, eu accumsan" "dictum, eu accumsan"
line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875 line 11 width: 180.1875, height: 22, bottom: 246, baseline: 17
frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x21.84375] frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x22]
"enim tristique. Ut" "enim tristique. Ut"
line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875 line 12 width: 195.28125, height: 22, bottom: 268, baseline: 17
frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x21.84375] frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x22]
"lobortis lorem eget" "lobortis lorem eget"
line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875 line 13 width: 222.921875, height: 22, bottom: 290, baseline: 17
frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x21.84375] frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x22]
"est vulputate egestas." "est vulputate egestas."
line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875 line 14 width: 223.125, height: 22, bottom: 312, baseline: 17
frag 0 from TextNode start: 263, length: 23, rect: [252,299 223.125x21.84375] frag 0 from TextNode start: 263, length: 23, rect: [252,300 223.125x22]
"Integer laoreet lacinia" "Integer laoreet lacinia"
line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875 line 15 width: 222.609375, height: 22, bottom: 334, baseline: 17
frag 0 from TextNode start: 287, length: 22, rect: [252,321 222.609375x21.84375] frag 0 from TextNode start: 287, length: 22, rect: [252,322 222.609375x22]
"ante sodales lobortis." "ante sodales lobortis."
line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875 line 16 width: 178.3125, height: 22, bottom: 356, baseline: 17
frag 0 from TextNode start: 310, length: 17, rect: [252,343 178.3125x21.84375] frag 0 from TextNode start: 310, length: 17, rect: [252,344 178.3125x22]
"Donec a tincidunt" "Donec a tincidunt"
line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875 line 17 width: 231.078125, height: 22, bottom: 378, baseline: 17
frag 0 from TextNode start: 328, length: 22, rect: [252,365 231.078125x21.84375] frag 0 from TextNode start: 328, length: 22, rect: [252,366 231.078125x22]
"ante. Phasellus a arcu" "ante. Phasellus a arcu"
line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875 line 18 width: 70.546875, height: 22, bottom: 400, baseline: 17
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375] frag 0 from TextNode start: 351, length: 7, rect: [252,388 70.546875x22]
"tortor." "tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text> 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] ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [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>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202] PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <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 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.46875 flex-item [BFC] 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.46875 floating [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.46875 floating [BFC] children: inline BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
"A" "A"
TextNode <#text> TextNode <#text>
BlockContainer <span> at (22.265625,8) content-size 9.34375x17.46875 floating [BFC] children: inline BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17]
"B" "B"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x17.46875] PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17.46875] PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17.46875] PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <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 <div> at (8,8) content-size 23.609375x17 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x17.46875 floating [BFC] children: inline BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
"A" "A"
TextNode <#text> TextNode <#text>
BlockContainer <span> at (22.265625,8) content-size 9.34375x17.46875 floating [BFC] children: inline BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17]
"B" "B"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17.46875] PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17.46875] PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x249 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x21.46875 children: not-inline BlockContainer <body> at (10,10) content-size 780x21 children: not-inline
BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x19.46875 children: inline BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x19 children: inline
line 0 width: 102, height: 19.46875, bottom: 19.46875, baseline: 14.53125 line 0 width: 102, height: 19, bottom: 19, baseline: 14.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x17.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x17]
BlockContainer <div.d-inline-block> at (12,12) content-size 100x17.46875 inline-block [BFC] children: inline BlockContainer <div.d-inline-block> at (12,12) content-size 100x17 inline-block [BFC] children: inline
line 0 width: 69.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 12, rect: [12,12 69.734375x17]
"floats!!!!!!" "floats!!!!!!"
TextNode <#text> TextNode <#text>
BlockContainer <div.float-left> at (12,31.46875) content-size 232.71875x218.5625 floating [BFC] children: inline BlockContainer <div.float-left> at (12,31) content-size 232.71875x218 floating [BFC] children: inline
line 0 width: 232.71875, height: 109.1875, bottom: 109.1875, baseline: 84.578125 line 0 width: 232.71875, height: 109, bottom: 109, baseline: 84.484375
frag 0 from TextNode start: 0, length: 5, rect: [12,31.46875 232.71875x109.1875] frag 0 from TextNode start: 0, length: 5, rect: [12,31 232.71875x109]
"float" "float"
line 1 width: 164.0625, height: 109.375, bottom: 218.5625, baseline: 84.578125 line 1 width: 164.0625, height: 109, bottom: 218, baseline: 84.484375
frag 0 from TextNode start: 6, length: 4, rect: [12,140.46875 164.0625x109.1875] frag 0 from TextNode start: 6, length: 4, rect: [12,140 164.0625x109]
"left" "left"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x252.03125] PaintableWithLines (BlockContainer<HTML>) [0,0 800x251]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 782x23]
PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x21.46875] PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x21]
PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x19.46875] PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x19]
TextPaintable (TextNode<#text>) 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>) 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#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 <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 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 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [50,50 36.03125x17]
"first" "first"
TextNode <#text> TextNode <#text>
BlockContainer <article.second> at (50,150) content-size 200x50 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [50,150 54.78125x17]
"second" "second"
TextNode <#text> TextNode <#text>
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 <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (100,8) content-size 200x200 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.row> at (50,8) content-size 250x200 children: inline
BlockContainer <div.item> at (50,8) content-size 125x17.46875 floating [BFC] children: inline BlockContainer <div.item> at (50,8) content-size 125x17 floating [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 1, length: 1, rect: [50,8 9.34375x17]
"a" "a"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div.item> at (175,8) content-size 125x17.46875 floating [BFC] children: inline BlockContainer <div.item> at (175,8) content-size 125x17 floating [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 1, length: 1, rect: [175,8 9.46875x17]
"b" "b"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
@ -19,7 +19,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [100,8 200x200] overflow: [50,8 250x200] PaintableWithLines (BlockContainer<BODY>) [100,8 200x200] overflow: [50,8 250x200]
PaintableWithLines (BlockContainer<DIV>.row) [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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17.46875] PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17]
TextPaintable (TextNode<#text>) 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 <html> at (0,0) content-size 800x208 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 600x0 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 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.640625x17]
"top" "top"
TextNode <#text> TextNode <#text>
BlockContainer <div#left> at (8,108) content-size 100x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,108 26.25x17]
"left" "left"
TextNode <#text> TextNode <#text>
BlockContainer <div#right> at (208,108) content-size 100x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [208,108 37.109375x17]
"right" "right"
TextNode <#text> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <body> at (8,16) content-size 784x19 children: not-inline
BlockContainer <pre> at (9,17) content-size 782x17.46875 children: inline BlockContainer <pre> at (9,17) content-size 782x17 children: inline
line 0 width: 8, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [9,17 8x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [9,17 8x17]
" " " "
InlineNode <span> InlineNode <span>
TextNode <#text> TextNode <#text>
@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x19.46875] PaintableWithLines (BlockContainer<BODY>) [8,16 784x19]
PaintableWithLines (BlockContainer<PRE>) [8,16 784x19.46875] PaintableWithLines (BlockContainer<PRE>) [8,16 784x19]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x66 [BFC] 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 <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 BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17 floating [BFC] children: inline
line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17]
"right" "right"
TextNode <#text> TextNode <#text>
Box <div.grid> at (8,8) content-size 362.890625x50 [GFC] children: not-inline 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] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66] PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [8,8 400x50] 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>) TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.grid) [8,8 362.890625x50] 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x61 [BFC] 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.thumbnail> at (11,11) content-size 50x50 floating [BFC] children: not-inline
BlockContainer <div.title> at (91,11) content-size 698x17.46875 children: inline BlockContainer <div.title> at (91,11) content-size 698x17 children: inline
line 0 width: 125.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17]
"Chrono Trigger" "Chrono Trigger"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x63] 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>.thumbnail) [10,10 52x52]
PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19.46875] PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] 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 BlockContainer <body> at (10,10) content-size 780x92 children: inline
line 0 width: 307.140625, height: 92.9375, bottom: 92.9375, baseline: 35 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.46875] frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17]
"Hello friends" "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> TextNode <#text>
BlockContainer <div.ib> at (114,11) content-size 202x90.9375 inline-block [BFC] children: not-inline BlockContainer <div.ib> at (114,11) content-size 202x90 inline-block [BFC] children: not-inline
BlockContainer <div> at (115,12) content-size 200x17.46875 children: inline BlockContainer <div> at (115,12) content-size 200x17 children: inline
line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17]
"1st" "1st"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (115,31.46875) content-size 200x17.46875 children: inline BlockContainer <div> at (115,31) content-size 200x17 children: inline
line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 26.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17]
"2nd" "2nd"
TextNode <#text> TextNode <#text>
BlockContainer <div.whee> at (115,50.9375) content-size 200x50 children: not-inline BlockContainer <div.whee> at (115,50) content-size 200x50 children: not-inline
BlockContainer <(anonymous)> at (114,101.9375) content-size 202x0 children: inline BlockContainer <(anonymous)> at (114,101) content-size 202x0 children: inline
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602] ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 204x92.9375] PaintableWithLines (BlockContainer<DIV>.ib) [113,10 204x92]
PaintableWithLines (BlockContainer<DIV>) [114,11 202x19.46875] PaintableWithLines (BlockContainer<DIV>) [114,11 202x19]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114,30.46875 202x19.46875] PaintableWithLines (BlockContainer<DIV>) [114,30 202x19]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.whee) [114,49.9375 202x52] PaintableWithLines (BlockContainer<DIV>.whee) [114,49 202x52]
PaintableWithLines (BlockContainer(anonymous)) [114,101.9375 202x0] 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] 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 BlockContainer <body> at (10,10) content-size 780x59 children: inline
line 0 width: 144.375, height: 60.40625, bottom: 60.40625, baseline: 35 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.46875] frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17]
"Hello friends" "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> TextNode <#text>
BlockContainer <div.ib> at (114,11) content-size 39.234375x58.40625 inline-block [BFC] children: not-inline 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.46875 children: inline BlockContainer <div> at (115,12) content-size 37.234375x17 children: inline
line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17]
"1st" "1st"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (115,31.46875) content-size 37.234375x17.46875 children: inline BlockContainer <div> at (115,31) content-size 37.234375x17 children: inline
line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 26.28125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17]
"2nd" "2nd"
TextNode <#text> TextNode <#text>
BlockContainer <div.float> at (115,50.9375) content-size 37.234375x17.46875 floating [BFC] children: inline BlockContainer <div.float> at (115,50) content-size 37.234375x17 floating [BFC] children: inline
line 0 width: 37.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 37.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [115,50.9375 37.234375x17.46875] frag 0 from TextNode start: 0, length: 5, rect: [115,50 37.234375x17]
"float" "float"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602] ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 41.234375x60.40625] PaintableWithLines (BlockContainer<DIV>.ib) [113,10 41.234375x59]
PaintableWithLines (BlockContainer<DIV>) [114,11 39.234375x19.46875] PaintableWithLines (BlockContainer<DIV>) [114,11 39.234375x19]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114,30.46875 39.234375x19.46875] PaintableWithLines (BlockContainer<DIV>) [114,30 39.234375x19]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.float) [114,49.9375 39.234375x19.46875] PaintableWithLines (BlockContainer<DIV>.float) [114,49 39.234375x19]
TextPaintable (TextNode<#text>) 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 <html> at (1,1) content-size 798x20 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x2 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 <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 BlockContainer <h1> at (12,45.5) content-size 498x332 positioned [BFC] children: inline
line 0 width: 498, height: 330.53125, bottom: 330.53125, baseline: 43.28125 line 0 width: 498, height: 332, bottom: 332, baseline: 43.484375
frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x328.53125] frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x330]
BlockContainer <span> at (13,46.5) content-size 496x328.53125 inline-block [BFC] children: inline BlockContainer <span> at (13,46.5) content-size 496x330 inline-block [BFC] children: inline
line 0 width: 246.484375, height: 54.59375, bottom: 54.59375, baseline: 42.28125 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.484375x54.59375] frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.484375x55]
"Skew is a" "Skew is a"
line 1 width: 240.53125, height: 55.1875, bottom: 109.78125, baseline: 42.28125 line 1 width: 240.53125, height: 55, bottom: 110, baseline: 42.484375
frag 0 from TextNode start: 10, length: 10, rect: [13,100.5 240.53125x54.59375] frag 0 from TextNode start: 10, length: 10, rect: [13,101.5 240.53125x55]
"web-first," "web-first,"
line 2 width: 377.9375, height: 54.78125, bottom: 163.96875, baseline: 42.28125 line 2 width: 377.9375, height: 55, bottom: 165, baseline: 42.484375
frag 0 from TextNode start: 21, length: 14, rect: [13,155.5 377.9375x54.59375] frag 0 from TextNode start: 21, length: 14, rect: [13,156.5 377.9375x55]
"cross-platform" "cross-platform"
line 3 width: 314.015625, height: 55.375, bottom: 219.15625, baseline: 42.28125 line 3 width: 314.015625, height: 55, bottom: 220, baseline: 42.484375
frag 0 from TextNode start: 36, length: 11, rect: [13,209.5 314.015625x54.59375] frag 0 from TextNode start: 36, length: 11, rect: [13,211.5 314.015625x55]
"programming" "programming"
line 4 width: 415.734375, height: 54.96875, bottom: 273.34375, baseline: 42.28125 line 4 width: 415.734375, height: 55, bottom: 275, baseline: 42.484375
frag 0 from TextNode start: 48, length: 16, rect: [13,264.5 415.734375x54.59375] frag 0 from TextNode start: 48, length: 16, rect: [13,266.5 415.734375x55]
"language with an" "language with an"
line 5 width: 492.671875, height: 55.5625, bottom: 328.53125, baseline: 42.28125 line 5 width: 492.671875, height: 55, bottom: 330, baseline: 42.484375
frag 0 from TextNode start: 65, length: 20, rect: [13,318.5 492.671875x54.59375] frag 0 from TextNode start: 65, length: 20, rect: [13,321.5 492.671875x55]
"optimizing compiler." "optimizing compiler."
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x376.03125] PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x377.5]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x367.03125] PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x368.5]
PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x332.53125] PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x334]
PaintableWithLines (BlockContainer<H1>) [11,44.5 500x332.53125] PaintableWithLines (BlockContainer<H1>) [11,44.5 500x334]
PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x330.53125] PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x332]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x113 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x97.46875 children: inline BlockContainer <body> at (8,8) content-size 784x97 children: inline
line 0 width: 134.109375, height: 97.46875, bottom: 97.46875, baseline: 53.53125 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.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [48,48 54.109375x17]
BlockContainer <div> at (48,48) content-size 54.109375x17.46875 inline-block [BFC] children: inline BlockContainer <div> at (48,48) content-size 54.109375x17 inline-block [BFC] children: inline
line 0 width: 54.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.109375x17]
"New UI" "New UI"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x113.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x113]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x97.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x97]
PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x97.46875] PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x97]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x35 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x19.46875 children: inline BlockContainer <body> at (8,8) content-size 784x19 children: inline
line 0 width: 102.203125, height: 19.46875, bottom: 19.46875, baseline: 14.53125 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.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 100.203125x17]
BlockContainer <span> at (9,9) content-size 100.203125x17.46875 inline-block [BFC] children: inline BlockContainer <span> at (9,9) content-size 100.203125x17 inline-block [BFC] children: inline
line 0 width: 100.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17]
"hello friends" "hello friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x35]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x19.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x19]
PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19.46875] PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19]
TextPaintable (TextNode<#text>) 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 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 <body> at (8,8) content-size 784x17.46875 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.46875 children: inline BlockContainer <div.pure-menu-list> at (8,8) content-size 784x17 children: inline
line 0 width: 36.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] 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.46875 inline-block [BFC] children: inline BlockContainer <div.pure-menu-item> at (8,8) content-size 36.453125x17 inline-block [BFC] children: inline
line 0 width: 36.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17]
"docs" "docs"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17.46875] PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17.46875] PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x20 children: inline
line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17]
"text text text" "text text text"
frag 1 from BlockContainer start: 0, length: 0, rect: [120,8 110.375x20] 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" "more inline text"
TextNode <#text> TextNode <#text>
BlockContainer <span.displaced_text> at (150,48) content-size 110.375x20 positioned inline-block [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17]
"displaced text" "displaced text"
TextNode <#text> TextNode <#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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x175 children: inline
line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17]
"Well, " "Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100] 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." " friends."
TextNode <#text> TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x178 children: inline
line 0 width: 210.828125, height: 178.46875, bottom: 178.46875, baseline: 175 line 0 width: 210.828125, height: 178, bottom: 178, baseline: 175
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17]
"Well, " "Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100] 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." " friends."
TextNode <#text> TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline 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] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#inline-box) [51,58 100x100] PaintableWithLines (BlockContainer<DIV>#inline-box) [51,58 100x100]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x50 [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 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17]
"foo" "foo"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,25) content-size 784x17 children: inline
line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,25.46875 27.640625x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [8,25 27.640625x17]
"bar" "bar"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x50.9375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x50]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375] PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x17.46875] PaintableWithLines (BlockContainer(anonymous)) [8,25 784x17]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x128 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x104.8125 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 <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 BlockContainer <ul> at (48,16) content-size 744x102 children: not-inline
ListItemBox <li> at (48,16) content-size 744x17.46875 children: inline ListItemBox <li> at (48,16) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [328,16 9.34375x17]
"a" "a"
TextNode <#text> TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,16.234375) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,16) content-size 12x17 children: not-inline
ListItemBox <li> at (48,33.46875) content-size 744x17.46875 children: inline ListItemBox <li> at (48,33) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,33.46875 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [328,33 9.34375x17]
"a" "a"
TextNode <#text> TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,33.703125) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,33) content-size 12x17 children: not-inline
ListItemBox <li> at (48,50.9375) content-size 744x17.46875 children: inline ListItemBox <li> at (48,50) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,50.9375 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [328,50 9.34375x17]
"a" "a"
TextNode <#text> TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,51.171875) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,50) content-size 12x17 children: not-inline
ListItemBox <li> at (48,68.40625) content-size 744x17.46875 children: inline ListItemBox <li> at (48,67) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,68.40625 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [328,67 9.34375x17]
"a" "a"
TextNode <#text> TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,68.640625) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,67) content-size 12x17 children: not-inline
ListItemBox <li> at (48,85.875) content-size 744x17.46875 children: inline ListItemBox <li> at (48,84) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,85.875 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [328,84 9.34375x17]
"a" "a"
TextNode <#text> TextNode <#text>
ListItemMarkerBox <(anonymous)> at (304,86.109375) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,84) content-size 12x17 children: not-inline
ListItemBox <li> at (48,103.34375) content-size 744x17.46875 children: inline ListItemBox <li> at (48,101) content-size 744x17 children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [328,103.34375 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [328,101 9.34375x17]
"a" "a"
TextNode <#text> 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] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x128.8125] overflow: [0,0 800x136] PaintableWithLines (BlockContainer<HTML>) [0,0 800x128] overflow: [0,0 800x136]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x104.8125] overflow: [8,16 784x120] PaintableWithLines (BlockContainer<BODY>) [8,16 784x102] overflow: [8,16 784x120]
PaintableWithLines (BlockContainer<DIV>.box) [8,16 220x120] PaintableWithLines (BlockContainer<DIV>.box) [8,16 220x120]
PaintableWithLines (BlockContainer<UL>) [8,16 784x104.8125] PaintableWithLines (BlockContainer<UL>) [8,16 784x102]
PaintableWithLines (ListItemBox<LI>) [48,16 744x17.46875] PaintableWithLines (ListItemBox<LI>) [48,16 744x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16.234375 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16 12x17]
PaintableWithLines (ListItemBox<LI>) [48,33.46875 744x17.46875] PaintableWithLines (ListItemBox<LI>) [48,33 744x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,33.703125 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,33 12x17]
PaintableWithLines (ListItemBox<LI>) [48,50.9375 744x17.46875] PaintableWithLines (ListItemBox<LI>) [48,50 744x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,51.171875 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,50 12x17]
PaintableWithLines (ListItemBox<LI>) [48,68.40625 744x17.46875] PaintableWithLines (ListItemBox<LI>) [48,67 744x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,68.640625 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,67 12x17]
PaintableWithLines (ListItemBox<LI>) [48,85.875 744x17.46875] PaintableWithLines (ListItemBox<LI>) [48,84 744x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,86.109375 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,84 12x17]
PaintableWithLines (ListItemBox<LI>) [48,103.34375 744x17.46875] PaintableWithLines (ListItemBox<LI>) [48,101 744x17]
TextPaintable (TextNode<#text>) 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 <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,25) content-size 784x229 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 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [34,26 27.15625x17]
"foo" "foo"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,152) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,152) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div#bar> at (34,153) content-size 100x100 children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [34,153 27.640625x17]
"bar" "bar"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,279) content-size 784x0 children: inline 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 <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x336 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 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [9,9 27.15625x17]
"foo" "foo"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,135) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,135) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div#bar> at (9,136) content-size 100x100 children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [9,136 27.640625x17]
"bar" "bar"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,262) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,262) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div#baz> at (9,243) content-size 100x100 children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [9,243 27.203125x17]
"baz" "baz"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,344) content-size 784x0 children: inline 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x121.46875 [BFC] children: inline BlockContainer <html> at (1,1) content-size 798x121 [BFC] children: inline
line 0 width: 170.96875, height: 121.46875, bottom: 121.46875, baseline: 15.53125 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.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [2,2 168.96875x119]
BlockContainer <body> at (2,2) content-size 168.96875x119.46875 inline-block [BFC] children: not-inline 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.46875 children: inline BlockContainer <div.hmm> at (3,3) content-size 166.96875x17 children: inline
line 0 width: 166.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 21, rect: [3,3 166.96875x17]
"suspiciously tall box" "suspiciously tall box"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x123.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x123]
PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121.46875] PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121]
PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19.46875] PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x99 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x81.46875 children: not-inline BlockContainer <body> at (10,10) content-size 500x81 children: not-inline
BlockContainer <div.a> at (51,21) content-size 413x49.46875 children: not-inline BlockContainer <div.a> at (51,21) content-size 413x49 children: not-inline
BlockContainer <div.b> at (92,32) content-size 326x17.46875 children: inline BlockContainer <div.b> at (92,32) content-size 326x17 children: inline
line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [93,32 39.78125x17]
"Hello" "Hello"
InlineNode <span> InlineNode <span>
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x101.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x101]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x83.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 502x83]
PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81.46875] PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81]
PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19.46875] PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x119 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x101.46875 children: not-inline BlockContainer <body> at (10,10) content-size 500x101 children: not-inline
BlockContainer <div.a> at (31,21) content-size 458x79.46875 children: not-inline BlockContainer <div.a> at (31,21) content-size 458x79 children: not-inline
BlockContainer <div.b> at (72,52) content-size 376x17.46875 children: inline BlockContainer <div.b> at (72,52) content-size 376x17 children: inline
line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [73,52 39.78125x17]
"Hello" "Hello"
InlineNode <span> InlineNode <span>
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x121.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x121]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x103.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 502x103]
PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101.46875] PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101]
PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19.46875] PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x187 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 204x167.96875 children: not-inline BlockContainer <body> at (10,10) content-size 204x169 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 202x165.96875 children: not-inline BlockContainer <div.outer> at (11,11) content-size 202x167 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x163.96875 children: inline BlockContainer <div.inner> at (12,12) content-size 200x165 children: inline
line 0 width: 88.765625, height: 54.59375, bottom: 54.59375, baseline: 42.28125 line 0 width: 88.765625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x54.59375] frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x55]
"well" "well"
line 1 width: 115.140625, height: 55.1875, bottom: 109.78125, baseline: 42.28125 line 1 width: 115.140625, height: 55, bottom: 110, baseline: 42.484375
frag 0 from TextNode start: 5, length: 5, rect: [12,66 115.140625x54.59375] frag 0 from TextNode start: 5, length: 5, rect: [12,67 115.140625x55]
"hello" "hello"
line 2 width: 173, height: 54.78125, bottom: 163.96875, baseline: 42.28125 line 2 width: 173, height: 55, bottom: 165, baseline: 42.484375
frag 0 from TextNode start: 11, length: 7, rect: [12,121 173x54.59375] frag 0 from TextNode start: 11, length: 7, rect: [12,122 173x55]
"friends" "friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x187.96875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x189]
PaintableWithLines (BlockContainer<BODY>) [9,9 206x169.96875] PaintableWithLines (BlockContainer<BODY>) [9,9 206x171]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x167.96875] PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x169]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x165.96875] PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x167]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x39.46875 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x39 [BFC] children: not-inline
Box <body.outer> at (10,10) content-size 780x21.46875 flex-container(row) [FFC] 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.46875 flex-item [BFC] 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.46875 children: inline BlockContainer <div.inner> at (12,12) content-size 200x17 children: inline
line 0 width: 45.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17]
"OPEN" "OPEN"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x41.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x41]
PaintableBox (Box<BODY>.outer) [9,9 782x23.46875] PaintableBox (Box<BODY>.outer) [9,9 782x23]
PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21.46875] PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19.46875] PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] 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 <body> at (10,10) content-size 93.59375x19 positioned [BFC] children: not-inline
BlockContainer <nav> at (11,11) content-size 91.59375x17.46875 children: inline BlockContainer <nav> at (11,11) content-size 91.59375x17 children: inline
line 0 width: 91.59375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17]
"border box" "border box"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 95.59375x21.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 95.59375x21]
PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21]
PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19.46875] PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] 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 <body> at (10,10) content-size 138.609375x19 positioned [BFC] children: not-inline
BlockContainer <div> at (11,11) content-size 136.609375x17.46875 children: inline BlockContainer <div> at (11,11) content-size 136.609375x17 children: inline
line 0 width: 136.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17]
"well hello friends" "well hello friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 140.609375x21.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 140.609375x21]
PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21]
PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19.46875] PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x37 [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 <span.text> at (11,11) content-size 66.671875x17.46875 children: inline BlockContainer <span.text> at (11,11) content-size 66.671875x17 children: inline
line 0 width: 66.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 7, rect: [11,11 66.671875x17]
"Trimmed" "Trimmed"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875] PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x19.46875] PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x19]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x118 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x105.15625 children: not-inline BlockContainer <body> at (8,8) content-size 784x102 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 270x105.15625 children: not-inline BlockContainer <div.wrapper> at (8,8) content-size 270x102 children: not-inline
BlockContainer <div.constrained> at (8,8) content-size 270x105.15625 children: not-inline BlockContainer <div.constrained> at (8,8) content-size 270x102 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 270x105.15625 children: inline BlockContainer <(anonymous)> at (8,8) content-size 270x102 children: inline
line 0 width: 261.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x17]
"hello hello hello hello hello hello" "hello hello hello hello hello hello"
line 1 width: 261.0625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 37, length: 35, rect: [8,25 261.0625x17]
"hello hello hello hello hello hello" "hello hello hello hello hello hello"
line 2 width: 261.0625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 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.46875] frag 0 from TextNode start: 73, length: 35, rect: [8,42 261.0625x17]
"hello hello hello hello hello hello" "hello hello hello hello hello hello"
line 3 width: 261.0625, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 261.0625, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 109, length: 35, rect: [8,60 261.0625x17.46875] frag 0 from TextNode start: 109, length: 35, rect: [8,59 261.0625x17]
"hello hello hello hello hello hello" "hello hello hello hello hello hello"
line 4 width: 261.0625, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 261.0625, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 145, length: 35, rect: [8,77 261.0625x17.46875] frag 0 from TextNode start: 145, length: 35, rect: [8,76 261.0625x17]
"hello hello hello hello hello hello" "hello hello hello hello hello hello"
line 5 width: 81.6875, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 81.6875, height: 17, bottom: 102, baseline: 13.296875
frag 0 from TextNode start: 181, length: 11, rect: [8,95 81.6875x17.46875] frag 0 from TextNode start: 181, length: 11, rect: [8,93 81.6875x17]
"hello hello" "hello hello"
TextNode <#text> 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] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x121.15625] PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x105.15625] PaintableWithLines (BlockContainer<BODY>) [8,8 784x102]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x105.15625] PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x102]
PaintableWithLines (BlockContainer<DIV>.constrained) [8,8 270x105.15625] PaintableWithLines (BlockContainer<DIV>.constrained) [8,8 270x102]
PaintableWithLines (BlockContainer(anonymous)) [8,8 270x105.15625] PaintableWithLines (BlockContainer(anonymous)) [8,8 270x102]
TextPaintable (TextNode<#text>) 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 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 <html> at (1,1) content-size 798x77 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 604x58.59375 children: not-inline BlockContainer <body> at (10,10) content-size 604x59 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 602x56.59375 children: not-inline BlockContainer <div.outer> at (11,11) content-size 602x57 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 600x54.59375 children: inline BlockContainer <div.inner> at (12,12) content-size 600x55 children: inline
line 0 width: 426.90625, height: 54.59375, bottom: 54.59375, baseline: 42.28125 line 0 width: 426.90625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.90625x54.59375] frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.90625x55]
"well hello friends" "well hello friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.59375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x79]
PaintableWithLines (BlockContainer<BODY>) [9,9 606x60.59375] PaintableWithLines (BlockContainer<BODY>) [9,9 606x61]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x58.59375] PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x59]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x56.59375] PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x57]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x1008 [BFC] 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 <body> at (8,8) content-size 784x105 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x108.21875 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.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 BlockContainer <div.bfc> at (18,18) content-size 564x85 [BFC] children: inline
line 0 width: 458.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit." "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
line 1 width: 511.796875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17]
"Pellentesque vitae neque nunc. Nam fermentum libero a lectus" "Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
line 2 width: 537.078125, height: 18.40625, bottom: 53.34375, baseline: 13.53125 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.46875] frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17]
"vulputate eleifend. Nam sagittis tristique augue, id sodales mauris" "vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
line 3 width: 537.34375, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 537.34375, height: 17, bottom: 68, baseline: 13.296875
frag 0 from TextNode start: 186, length: 65, rect: [18,70 537.34375x17.46875] frag 0 from TextNode start: 186, length: 65, rect: [18,69 537.34375x17]
"suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi" "suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
line 4 width: 455.375, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 455.375, height: 17, bottom: 85, baseline: 13.296875
frag 0 from TextNode start: 252, length: 57, rect: [18,87 455.375x17.46875] frag 0 from TextNode start: 252, length: 57, rect: [18,86 455.375x17]
"pulvinar ipsum eget nulla dapibus, ac varius mi eleifend." "pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008] ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x1008] PaintableWithLines (BlockContainer<HTML>) [0,0 800x1008]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x108.21875] overflow: [8,8 784x1000] PaintableWithLines (BlockContainer<BODY>) [8,8 784x105] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x108.21875] 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>.float) [592,8 200x1000]
PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x108.21875] PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x105]
TextPaintable (TextNode<#text>) 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 <body> at (8,8) content-size 784x600 children: not-inline
BlockContainer <div.container> at (8,108) content-size 784x500 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 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 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [18,118 36.84375x17]
"hello" "hello"
TextNode <#text> 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 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 <html> at (0,0) content-size 800x53 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x37.46875 children: not-inline BlockContainer <body> at (8,8) content-size 784x37 children: not-inline
BlockContainer <div.hmm> at (18,18) content-size 764x17.46875 children: inline BlockContainer <div.hmm> at (18,18) content-size 764x17 children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [18,18 36.84375x17]
"hello" "hello"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x53.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x53]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x37.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x37]
PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37.46875] PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37]
TextPaintable (TextNode<#text>) 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 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 <body> at (8,8) content-size 200x17.46875 children: not-inline BlockContainer <body> at (8,8) content-size 200x17 children: not-inline
BlockContainer <div> at (8,8) content-size 200x17.46875 children: inline BlockContainer <div> at (8,8) content-size 200x17 children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17]
"hello" "hello"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 200x17.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 200x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 200x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,8 200x17]
TextPaintable (TextNode<#text>) 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 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 <body> at (8,8) content-size 0x17.46875 children: inline BlockContainer <body> at (8,8) content-size 0x17 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [8,21 0x0] 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 BlockContainer <div> at (8,21) content-size 0x0 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 0x17.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 0x17]
PaintableWithLines (BlockContainer<DIV>) [8,21 0x0] 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 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 <html> at (2,2) content-size 796x62 [BFC] children: not-inline
BlockContainer <body> at (12,12) content-size 600x42.9375 children: not-inline BlockContainer <body> at (12,12) content-size 600x42 children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17.46875 positioned children: inline BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned children: inline
line 0 width: 65.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17]
"exekiller" "exekiller"
TextNode <#text> TextNode <#text>
BlockContainer <div.athena> at (24,25.46875) content-size 200x17.46875 positioned children: inline BlockContainer <div.athena> at (24,25) content-size 200x17 positioned children: inline
line 0 width: 53.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 53.171875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [24,25.46875 53.171875x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [24,25 53.171875x17]
"athena" "athena"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66.9375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [10,10 604x46.9375] PaintableWithLines (BlockContainer<BODY>) [10,10 604x46]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875] PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.athena) [22,23.46875 204x21.46875] PaintableWithLines (BlockContainer<DIV>.athena) [22,23 204x21]
TextPaintable (TextNode<#text>) 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 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 <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 BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned floating [BFC] children: inline
line 0 width: 65.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17]
"exekiller" "exekiller"
TextNode <#text> TextNode <#text>
BlockContainer <div.athena> at (18,18) content-size 200x17.46875 positioned floating [BFC] children: inline BlockContainer <div.athena> at (18,18) content-size 200x17 positioned floating [BFC] children: inline
line 0 width: 53.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17]
"athena" "athena"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875] overflow: [2,2 796x35.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x35] overflow: [2,2 796x35]
PaintableWithLines (BlockContainer<BODY>) [10,10 604x4] overflow: [12,12 208x25.46875] PaintableWithLines (BlockContainer<BODY>) [10,10 604x4] overflow: [12,12 208x25]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875] PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21.46875] PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <body> at (8,8) content-size 784x152 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
line 0 width: 136.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.40625x17]
"well " "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 " "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" "friends"
InlineNode <span> InlineNode <span>
TextNode <#text> TextNode <#text>
@ -16,43 +16,43 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
InlineNode <i> InlineNode <i>
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 784x139.21875 children: not-inline BlockContainer <div> at (8,25) content-size 784x135 children: not-inline
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x69.875 children: inline BlockContainer <(anonymous)> at (8,25) content-size 784x68 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
line 1 width: 0, height: 17.46875, bottom: 34.9375, baseline: 13.53125 line 1 width: 0, height: 17, bottom: 34, baseline: 13.296875
line 2 width: 0, height: 17.46875, bottom: 52.40625, baseline: 13.53125 line 2 width: 0, height: 17, bottom: 51, baseline: 13.296875
line 3 width: 0, height: 17.46875, bottom: 69.875, baseline: 13.53125 line 3 width: 0, height: 17, bottom: 68, baseline: 13.296875
BreakNode <br> BreakNode <br>
BreakNode <br> BreakNode <br>
BreakNode <br> BreakNode <br>
BreakNode <br> BreakNode <br>
BlockContainer <pre#out> at (8,111.34375) content-size 784x53.34375 children: inline BlockContainer <pre#out> at (8,109) content-size 784x51 children: inline
line 0 width: 72.421875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 72.421875, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [8,111.34375 72.421875x17.46875] frag 0 from TextNode start: 0, length: 10, rect: [8,109 72.421875x17]
"well: 0, 0" "well: 0, 0"
line 1 width: 96.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 96.765625, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 11, length: 13, rect: [8,128.34375 96.765625x17.46875] frag 0 from TextNode start: 11, length: 13, rect: [8,126 96.765625x17]
"hello: 36, 25" "hello: 36, 25"
line 2 width: 113.65625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 113.65625, height: 17, bottom: 51, baseline: 13.296875
frag 0 from TextNode start: 25, length: 15, rect: [8,145.34375 113.65625x17.46875] frag 0 from TextNode start: 25, length: 15, rect: [8,143 113.65625x17]
"friends: 45, 25" "friends: 45, 25"
TextNode <#text> 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>
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x156.6875] overflow: [8,8 784x172.6875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x152] overflow: [8,8 784x168]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875] overflow: [8,8 784x67.46875] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17] overflow: [8,8 784x67]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<B>) InlinePaintable (InlineNode<B>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<I>) InlinePaintable (InlineNode<I>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x139.21875] PaintableWithLines (BlockContainer<DIV>) [8,25 784x135]
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x69.875] PaintableWithLines (BlockContainer(anonymous)) [8,25 784x68]
PaintableWithLines (BlockContainer<PRE>#out) [8,111.34375 784x53.34375] PaintableWithLines (BlockContainer<PRE>#out) [8,109 784x51]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x17 children: inline
line 0 width: 98, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 98, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x17]
"foo " "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" "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" "baz"
TextNode <#text> TextNode <#text>
InlineNode <b> InlineNode <b>
@ -21,7 +21,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<B>) InlinePaintable (InlineNode<B>)
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <div#begin> at (8,8) content-size 784x2 children: not-inline
BlockContainer <(anonymous)> at (8,10) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,10) content-size 784x17 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
BreakNode <br> 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] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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<DIV>#begin) [8,8 784x2]
PaintableWithLines (BlockContainer(anonymous)) [8,10 784x17.46875] PaintableWithLines (BlockContainer(anonymous)) [8,10 784x17]
PaintableWithLines (BlockContainer<DIV>#end) [8,27.46875 784x2] 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 <html> at (0,0) content-size 800x208 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 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 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [15.828125,8 27.703125x17]
"abc" "abc"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (407.796875,8) content-size 376.3125x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [407.796875,8 23.015625x17]
"def" "def"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (15.828125,108) content-size 376.3125x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [15.828125,108 21.421875x17]
"ghi" "ghi"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (407.796875,108) content-size 376.3125x100 floating [BFC] children: inline 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [407.796875,108 18.40625x17]
"jkl" "jkl"
TextNode <#text> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] 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 <body> at (10,10) content-size 102x55 positioned [BFC] children: not-inline
BlockContainer <div#container> at (11,11) content-size 100x55.34375 children: not-inline BlockContainer <div#container> at (11,11) content-size 100x53 children: not-inline
BlockContainer <div#child> at (72,12) content-size 50x53.34375 children: inline BlockContainer <div#child> at (72,12) content-size 50x51 children: inline
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17]
"well" "well"
line 1 width: 36.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17]
"hello" "hello"
line 2 width: 55.359375, height: 18.40625, bottom: 53.34375, baseline: 13.53125 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.46875] frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17]
"friends" "friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 174x59.34375] PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 174x57]
PaintableWithLines (BlockContainer<BODY>) [9,9 104x59.34375] overflow: [10,10 173x57.34375] PaintableWithLines (BlockContainer<BODY>) [9,9 104x57] overflow: [10,10 173x55]
PaintableWithLines (BlockContainer<DIV>#container) [10,10 102x57.34375] overflow: [11,11 172x55.34375] PaintableWithLines (BlockContainer<DIV>#container) [10,10 102x55] overflow: [11,11 172x53]
PaintableWithLines (BlockContainer<DIV>#child) [11,11 172x55.34375] PaintableWithLines (BlockContainer<DIV>#child) [11,11 172x53]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x67 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x50 children: inline BlockContainer <body> at (8,8) content-size 784x51 children: inline
line 0 width: 89.71875, height: 50, bottom: 50, baseline: 16.921875 line 0 width: 89.71875, height: 51, bottom: 51, baseline: 17
frag 0 from Box start: 0, length: 0, rect: [28,38 49.71875x0] frag 0 from Box start: 0, length: 0, rect: [28,39 49.71875x0]
Box <div.button> at (28,38) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline Box <div.button> at (28,39) 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 BlockContainer <(anonymous)> at (28,28) content-size 49.71875x22 flex-item [BFC] children: inline
line 0 width: 49.71875, height: 21.84375, bottom: 21.84375, baseline: 16.921875 line 0 width: 49.71875, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 5, rect: [28,27.078125 49.71875x21.84375] frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x22]
"Hello" "Hello"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66] PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50] PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
PaintableBox (Box<DIV>.button) [8,18 89.71875x40] PaintableBox (Box<DIV>.button) [8,19 89.71875x40]
PaintableWithLines (BlockContainer(anonymous)) [28,27.078125 49.71875x21.84375] PaintableWithLines (BlockContainer(anonymous)) [28,28 49.71875x22]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x83 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x68.875 children: not-inline BlockContainer <body> at (8,16) content-size 784x67 children: not-inline
BlockContainer <p> at (8,16) content-size 784x17.46875 children: inline BlockContainer <p> at (8,16) content-size 784x17 children: inline
line 0 width: 310.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] 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." "P should generate a ::before pseudo."
InlineNode <(anonymous)> InlineNode <(anonymous)>
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,49.46875) content-size 784x35.40625 children: inline BlockContainer <(anonymous)> at (8,49) content-size 784x34 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
line 1 width: 120.578125, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 120.578125, height: 17, bottom: 34, baseline: 13.296875
frag 0 from TextNode start: 0, length: 14, rect: [8,66.46875 120.578125x17.46875] frag 0 from TextNode start: 0, length: 14, rect: [8,66 120.578125x17]
"BR should not!" "BR should not!"
BreakNode <br> BreakNode <br>
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x84.875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x83]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x68.875] PaintableWithLines (BlockContainer<BODY>) [8,16 784x67]
PaintableWithLines (BlockContainer<P>) [8,16 784x17.46875] PaintableWithLines (BlockContainer<P>) [8,16 784x17]
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,49.46875 784x35.40625] PaintableWithLines (BlockContainer(anonymous)) [8,49 784x34]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <body> at (8,8) content-size 784x104 children: not-inline
BlockContainer <div.test> at (8,8) content-size 784x105.21875 children: inline BlockContainer <div.test> at (8,8) content-size 784x104 children: inline
line 0 width: 500.8125, height: 52.40625, bottom: 52.40625, baseline: 40.59375 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.40625] frag 0 from TextNode start: 0, length: 20, rect: [8,8 500.8125x52]
"i resolved enough of" "i resolved enough of"
line 1 width: 406.40625, height: 52.8125, bottom: 105.21875, baseline: 40.59375 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.40625] frag 0 from TextNode start: 21, length: 16, rect: [8,60 406.40625x52]
"percentages, no?" "percentages, no?"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x105.21875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
PaintableWithLines (BlockContainer<DIV>.test) [8,8 784x105.21875] PaintableWithLines (BlockContainer<DIV>.test) [8,8 784x104]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x67 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x52.40625 children: not-inline BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
Box <div.container> at (8,8) content-size 784x52.40625 [GFC] children: not-inline Box <div.container> at (8,8) content-size 784x51 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 784x17.46875 [BFC] children: inline BlockContainer <div> at (8,8) content-size 784x17 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 784x17.46875 [BFC] children: inline BlockContainer <div> at (8,25) content-size 784x17 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,25 8.8125x17]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,42.9375) content-size 784x17.46875 [BFC] children: inline BlockContainer <div> at (8,42) content-size 784x17 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,42.9375 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,42 9.09375x17]
"3" "3"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625] PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x52.40625] PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
PaintableBox (Box<DIV>.container) [8,8 784x52.40625] PaintableBox (Box<DIV>.container) [8,8 784x51]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,25 784x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,42.9375 784x17.46875] PaintableWithLines (BlockContainer<DIV>) [8,42 784x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: inline
line 0 width: 238.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 1, length: 18, rect: [0,0 134.984375x17]
"* { all: unset; } " "* { 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" "Hello friends"
InlineNode <html> InlineNode <html>
InlineNode <head> 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 <html> at (100,0) content-size 700x832 [BFC] children: not-inline
BlockContainer <body> at (200,8) content-size 592x816 children: not-inline BlockContainer <body> at (200,8) content-size 592x816 children: not-inline
BlockContainer <div> at (301,9) content-size 100x100 children: 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 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.46875] frag 0 from TextNode start: 0, length: 11, rect: [301,9 79.96875x17]
"Well, hello" "Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 12, length: 8, rect: [301,26 59.21875x17]
"friends!" "friends!"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,110) content-size 592x0 children: inline BlockContainer <(anonymous)> at (200,110) content-size 592x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (301,111) content-size 100x100 children: inline BlockContainer <div> at (301,111) content-size 100x100 children: inline
line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 11, rect: [301,111 79.96875x17]
"Well, hello" "Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 12, length: 8, rect: [301,128 59.21875x17]
"friends!" "friends!"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,212) content-size 592x0 children: inline BlockContainer <(anonymous)> at (200,212) content-size 592x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (401,213) content-size 100x100 children: inline BlockContainer <div> at (401,213) content-size 100x100 children: inline
line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 11, rect: [401,213 79.96875x17]
"Well, hello" "Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 12, length: 8, rect: [401,230 59.21875x17]
"friends!" "friends!"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,314) content-size 592x0 children: inline BlockContainer <(anonymous)> at (200,314) content-size 592x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (301,315) content-size 100x100 children: inline BlockContainer <div> at (301,315) content-size 100x100 children: inline
line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 11, rect: [301,315 79.96875x17]
"Well, hello" "Well, hello"
line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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.46875] frag 0 from TextNode start: 12, length: 8, rect: [301,332 59.21875x17]
"friends!" "friends!"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,416) content-size 592x0 children: inline BlockContainer <(anonymous)> at (200,416) content-size 592x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (301,417) content-size 100x100 children: inline BlockContainer <div> at (301,417) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] 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 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.46875] frag 0 from TextNode start: 27, length: 25, rect: [301,434 78.125x17]
"أيها الأصدقاء" "أيها الأصدقاء"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,518) content-size 592x0 children: inline BlockContainer <(anonymous)> at (200,518) content-size 592x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (301,519) content-size 100x100 children: inline BlockContainer <div> at (301,519) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] 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 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.46875] frag 0 from TextNode start: 27, length: 25, rect: [301,536 78.125x17]
"أيها الأصدقاء" "أيها الأصدقاء"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,620) content-size 592x0 children: inline BlockContainer <(anonymous)> at (200,620) content-size 592x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (401,621) content-size 100x100 children: inline BlockContainer <div> at (401,621) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] 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 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.46875] frag 0 from TextNode start: 27, length: 25, rect: [401,638 78.125x17]
"أيها الأصدقاء" "أيها الأصدقاء"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,722) content-size 592x0 children: inline BlockContainer <(anonymous)> at (200,722) content-size 592x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (401,723) content-size 100x100 children: inline BlockContainer <div> at (401,723) content-size 100x100 children: inline
line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] 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 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.46875] frag 0 from TextNode start: 27, length: 25, rect: [401,740 78.125x17]
"أيها الأصدقاء" "أيها الأصدقاء"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (200,824) content-size 592x0 children: inline 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 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 <html> at (0,0) content-size 800x125 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109.1875 children: inline BlockContainer <body> at (8,8) content-size 784x109 children: inline
line 0 width: 644.625, height: 109.1875, bottom: 109.1875, baseline: 84.578125 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.1875] frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.625x109]
"Hello friends" "Hello friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.1875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x125]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.1875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x79 children: inline
line 0 width: 78.9375, height: 78.609375, bottom: 78.609375, baseline: 60.890625 line 0 width: 78.9375, height: 79, bottom: 79, baseline: 61.09375
frag 0 from TextNode start: 0, length: 1, rect: [8,25 39.09375x55.8125] frag 0 from TextNode start: 0, length: 1, rect: [8,25 39.09375x56]
"H" "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" "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" "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" "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" "o"
InlineNode <span> InlineNode <span>
TextNode <#text> TextNode <#text>
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<SPAN>) 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 <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
BlockContainer <div> at (8,8) content-size 100x100 children: 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 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.46875] frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.953125x17]
"whf" "whf"
TextNode <#text> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x55 children: inline
line 0 width: 137.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125 line 0 width: 137.640625, height: 55, bottom: 55, baseline: 42.484375
frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x54.59375] frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x55]
"Crazy" "Crazy"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <body> at (8,8) content-size 784x109 children: inline
line 0 width: 275.296875, height: 109.1875, bottom: 109.1875, baseline: 84.578125 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.1875] frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.296875x109]
"Crazy" "Crazy"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <body> at (8,20) content-size 784x22 children: not-inline
BlockContainer <p> at (8,20) content-size 784x21.84375 children: inline BlockContainer <p> at (8,20) content-size 784x22 children: inline
line 0 width: 183.890625, height: 21.84375, bottom: 21.84375, baseline: 16.921875 line 0 width: 183.890625, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 15, rect: [18,20 163.890625x21.84375] frag 0 from TextNode start: 0, length: 15, rect: [18,20 163.890625x22]
"Should be green" "Should be green"
TextNode <#text> TextNode <#text>
InlineNode <a> InlineNode <a>
TextNode <#text> TextNode <#text>
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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375] PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375] PaintableWithLines (BlockContainer<P>) [8,20 784x22]
InlinePaintable (InlineNode<A>) InlinePaintable (InlineNode<A>)
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <body> at (8,20) content-size 784x22 children: not-inline
BlockContainer <p> at (8,20) content-size 784x21.84375 children: inline BlockContainer <p> at (8,20) content-size 784x22 children: inline
line 0 width: 151.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875 line 0 width: 151.34375, height: 22, bottom: 22, baseline: 17
frag 0 from TextNode start: 0, length: 13, rect: [13,20 141.34375x21.84375] frag 0 from TextNode start: 0, length: 13, rect: [13,20 141.34375x22]
"Should be red" "Should be red"
TextNode <#text> TextNode <#text>
InlineNode <a> InlineNode <a>
TextNode <#text> TextNode <#text>
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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375] PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375] PaintableWithLines (BlockContainer<P>) [8,20 784x22]
InlinePaintable (InlineNode<A>) InlinePaintable (InlineNode<A>)
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <body> at (8,8) content-size 784x201 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x155.46875 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x155 children: inline
line 0 width: 312, height: 155.46875, bottom: 155.46875, baseline: 152 line 0 width: 312, height: 155, bottom: 155, baseline: 152
frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,9 300x150] 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] frag 2 from Box start: 0, length: 0, rect: [319,51 0x108]
SVGSVGBox <svg> at (9,9) content-size 300x150 [SVG] children: inline 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 Box <a> at (8,8) content-size 100x100 children: inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div> at (9,164.46875) content-size 782x43.65625 children: inline BlockContainer <div> at (9,164) content-size 782x44 children: inline
line 0 width: 101.453125, height: 43.65625, bottom: 43.65625, baseline: 33.828125 line 0 width: 101.453125, height: 44, bottom: 44, baseline: 34
frag 0 from TextNode start: 0, length: 5, rect: [10,164.46875 99.453125x43.671875] frag 0 from TextNode start: 0, length: 5, rect: [10,164 99.453125x44]
"Hello" "Hello"
InlineNode <a> InlineNode <a>
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x201.125] PaintableWithLines (BlockContainer<BODY>) [8,8 784x201]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x155.46875] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x155]
SVGSVGPaintable (SVGSVGBox<svg>) [8,8 302x152] SVGSVGPaintable (SVGSVGBox<svg>) [8,8 302x152]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableBox (Box<math>) [318,50 2x110] overflow: [8,8 100x100] PaintableBox (Box<math>) [318,50 2x110] overflow: [8,8 100x100]
PaintableBox (Box<a>) [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>) InlinePaintable (InlineNode<A>)
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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
Box <div.foo> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] 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.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17 flex-item [BFC] children: inline
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17]
"well" "well"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 5, rect: [46,8 36.84375x17]
"hello" "hello"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17]
"friends" "friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875] PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.foo) [8,8 784x17.46875] PaintableBox (Box<DIV>.foo) [8,8 784x17]
PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x17.46875] PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [46,8 36.84375x17.46875] PaintableWithLines (BlockContainer(anonymous)) [46,8 36.84375x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [92.4375,8 55.359375x17.46875] PaintableWithLines (BlockContainer(anonymous)) [92.4375,8 55.359375x17]
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x67 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x52.40625 children: not-inline BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
BlockContainer <div.a> at (8,8) content-size 784x17.46875 children: inline BlockContainer <div.a> at (8,8) content-size 784x17 children: inline
line 0 width: 72.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17]
"a" "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" "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" "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" "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" "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" "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" "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" "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" "i"
InlineNode <span> InlineNode <span>
InlineNode <(anonymous)> InlineNode <(anonymous)>
@ -55,47 +55,47 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
InlineNode <(anonymous)> InlineNode <(anonymous)>
TextNode <#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> TextNode <#text>
BlockContainer <div.b> at (8,25.46875) content-size 784x17.46875 children: inline BlockContainer <div.b> at (8,25) content-size 784x17 children: inline
line 0 width: 130.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 130.578125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,25.46875 5.84375x17.46875] 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" "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" "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" "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" "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" "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" "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" "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" "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" "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 <span>
InlineNode <(anonymous)> InlineNode <(anonymous)>
@ -131,47 +131,47 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
InlineNode <(anonymous)> InlineNode <(anonymous)>
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> TextNode <#text>
BlockContainer <div.c> at (8,42.9375) content-size 784x17.46875 children: inline BlockContainer <div.c> at (8,42) content-size 784x17 children: inline
line 0 width: 140.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 140.234375, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,42.9375 5.484375x17.46875] 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" "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" "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" "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" "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" "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" "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" "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" "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" "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 <span>
InlineNode <(anonymous)> InlineNode <(anonymous)>
@ -207,13 +207,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
InlineNode <(anonymous)> InlineNode <(anonymous)>
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625] PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x52.40625] PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x17.46875] PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x17]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
@ -238,8 +238,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
PaintableWithLines (BlockContainer<DIV>.b) [8,25.46875 784x17.46875] PaintableWithLines (BlockContainer<DIV>.b) [8,25 784x17]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
@ -274,8 +274,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
PaintableWithLines (BlockContainer<DIV>.c) [8,42.9375 784x17.46875] PaintableWithLines (BlockContainer<DIV>.c) [8,42 784x17]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
@ -310,4 +310,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode(anonymous)) InlinePaintable (InlineNode(anonymous))
TextPaintable (TextNode<#text>) 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 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 <html> at (0,0) content-size 800x17 [BFC] children: not-inline
BlockContainer <body> at (0,0) content-size 800x17.46875 children: inline BlockContainer <body> at (0,0) content-size 800x17 children: inline
line 0 width: 103.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 13, rect: [0,0 103.140625x17]
"Hello friends" "Hello friends"
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x17.46875] PaintableWithLines (BlockContainer<HTML>) [0,0 800x17]
PaintableWithLines (BlockContainer<BODY>) [0,0 800x17.46875] PaintableWithLines (BlockContainer<BODY>) [0,0 800x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 <body> at (8,16) content-size 784x17 children: not-inline
BlockContainer <p> at (8,16) content-size 784x17.46875 children: inline BlockContainer <p> at (8,16) content-size 784x17 children: inline
line 0 width: 118.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 67, rect: [8,16 118.40625x17]
"𝑊𝑒𝑙𝑙, ℎ𝑒𝑙𝑙𝑜 𝑓𝑟𝑖𝑒𝑛𝑑𝑠!" "𝑊𝑒𝑙𝑙, ℎ𝑒𝑙𝑙𝑜 𝑓𝑟𝑖𝑒𝑛𝑑𝑠!"
TextNode <#text> 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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600] PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x17.46875] overflow: [8,16 784x33.46875] PaintableWithLines (BlockContainer<BODY>) [8,16 784x17] overflow: [8,16 784x33]
PaintableWithLines (BlockContainer<P>) [8,16 784x17.46875] PaintableWithLines (BlockContainer<P>) [8,16 784x17]
TextPaintable (TextNode<#text>) 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
InlineNode <details> InlineNode <details>
ListItemBox <summary> at (32,8) content-size 760x17.46875 children: inline ListItemBox <summary> at (32,8) content-size 760x17 children: inline
line 0 width: 114.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17]
"I'm a summary" "I'm a summary"
TextNode <#text> TextNode <#text>
ListItemMarkerBox <(anonymous)> at (8,8.234375) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (8,8) content-size 12x17 children: not-inline
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
InlinePaintable (InlineNode<DETAILS>) InlinePaintable (InlineNode<DETAILS>)
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17.46875] PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.234375 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8 12x17]
PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0] 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] 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 BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
InlineNode <details> InlineNode <details>
ListItemBox <summary> at (32,8) content-size 760x17.46875 children: inline ListItemBox <summary> at (32,8) content-size 760x17 children: inline
line 0 width: 114.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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.46875] frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17]
"I'm a summary" "I'm a summary"
TextNode <#text> TextNode <#text>
ListItemMarkerBox <(anonymous)> at (8,8.234375) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (8,8) content-size 12x17 children: not-inline
BlockContainer <slot> at (8,25.46875) content-size 784x17.46875 children: inline BlockContainer <slot> at (8,25) content-size 784x17 children: inline
line 0 width: 82.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 82.3125, height: 17, bottom: 17, baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [8,25.46875 82.3125x17.46875] frag 0 from TextNode start: 0, length: 10, rect: [8,25 82.3125x17]
"I'm a node" "I'm a node"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
InlineNode <span> InlineNode <span>
TextNode <#text> TextNode <#text>
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> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [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] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
InlinePaintable (InlineNode<DETAILS>) InlinePaintable (InlineNode<DETAILS>)
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17.46875] PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.234375 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8 12x17]
PaintableWithLines (BlockContainer<SLOT>) [8,25.46875 784x17.46875] PaintableWithLines (BlockContainer<SLOT>) [8,25 784x17]
InlinePaintable (InlineNode<SPAN>) InlinePaintable (InlineNode<SPAN>)
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

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