RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-06-01 08:38:10 +00:00
Code Issues Activity Actions

LibWeb: Implement rounding for PixelUnits

Browse source
This commit is contained in:
Hendiadyoin1 2023-07-29 16:01:50 +02:00 • committed by Alexander Kalenik
parent cc74083f27
commit 6c341ca985
79 changed files with 1638 additions and 1600 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,7 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 3, rect: [137.109375,8 27.640625x17.46875]
frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17.46875]
"bar"
BlockContainer <div.big-float> at (8,8) content-size 100x100 floating [BFC] children: not-inline
TextNode <#text>
@ -17,7 +17,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 784x17.46875 children: inline
line 0 width: 27.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 3, rect: [129.515625,25.46875 27.203125x17.46875]
frag 0 from TextNode start: 1, length: 3, rect: [130,25.46875 27.203125x17.46875]
"baz"
TextNode <#text>
BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating [BFC] children: inline

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

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

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

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

84
Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
View file

@ -1,6 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x331.90625 children: not-inline
BlockContainer <body> at (8,8) content-size 784x332.34375 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline
@ -51,71 +51,71 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x331.90625 children: inline
BlockContainer <div> at (8,8) content-size 784x332.34375 children: inline
line 0 width: 414.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 1 width: 414.5625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 49, length: 47, rect: [228,25.46875 414.5625x17.46875]
line 1 width: 414.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 2 width: 466.90625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 97, length: 53, rect: [228,42.9375 466.90625x17.46875]
line 2 width: 466.90625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 3 width: 573.5, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 151, length: 65, rect: [188,60.40625 573.5x17.46875]
line 3 width: 573.5, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 151, length: 65, rect: [188,60 573.5x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 4 width: 572.546875, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 217, length: 65, rect: [188,77.875 572.546875x17.46875]
line 4 width: 572.546875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 217, length: 65, rect: [188,77 572.546875x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 5 width: 679.140625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 283, length: 77, rect: [108,95.34375 679.140625x17.46875]
line 5 width: 679.140625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 283, length: 77, rect: [108,95 679.140625x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 6 width: 783.828125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 361, length: 89, rect: [8,112.8125 783.828125x17.46875]
line 6 width: 783.828125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 361, length: 89, rect: [8,112 783.828125x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 7 width: 731.484375, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 451, length: 83, rect: [8,130.28125 731.484375x17.46875]
line 7 width: 731.484375, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 451, length: 83, rect: [8,130 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 8 width: 731.484375, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 535, length: 83, rect: [8,147.75 731.484375x17.46875]
line 8 width: 731.484375, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 535, length: 83, rect: [8,147 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 9 width: 731.484375, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 619, length: 83, rect: [8,165.21875 731.484375x17.46875]
line 9 width: 731.484375, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 619, length: 83, rect: [8,165 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 10 width: 731.484375, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 703, length: 83, rect: [8,182.6875 731.484375x17.46875]
line 10 width: 731.484375, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 703, length: 83, rect: [8,182 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 11 width: 731.484375, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 787, length: 83, rect: [8,200.15625 731.484375x17.46875]
line 11 width: 731.484375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 787, length: 83, rect: [8,200 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 12 width: 731.484375, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 871, length: 83, rect: [8,217.625 731.484375x17.46875]
line 12 width: 731.484375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 871, length: 83, rect: [8,217 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 13 width: 731.484375, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 955, length: 83, rect: [8,235.09375 731.484375x17.46875]
line 13 width: 731.484375, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 955, length: 83, rect: [8,235 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 14 width: 731.484375, height: 17.46875, bottom: 262.03125, baseline: 13.53125
frag 0 from TextNode start: 1039, length: 83, rect: [8,252.5625 731.484375x17.46875]
line 14 width: 731.484375, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 1039, length: 83, rect: [8,252 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 15 width: 731.484375, height: 17.46875, bottom: 279.5, baseline: 13.53125
frag 0 from TextNode start: 1123, length: 83, rect: [8,270.03125 731.484375x17.46875]
line 15 width: 731.484375, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 1123, length: 83, rect: [8,270 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 16 width: 731.484375, height: 17.46875, bottom: 296.96875, baseline: 13.53125
frag 0 from TextNode start: 1207, length: 83, rect: [8,287.5 731.484375x17.46875]
line 16 width: 731.484375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 1207, length: 83, rect: [8,287 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 17 width: 731.484375, height: 17.46875, bottom: 314.4375, baseline: 13.53125
frag 0 from TextNode start: 1291, length: 83, rect: [8,304.96875 731.484375x17.46875]
line 17 width: 731.484375, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 1291, length: 83, rect: [8,304 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 18 width: 45.296875, height: 17.46875, bottom: 331.90625, baseline: 13.53125
frag 0 from TextNode start: 1375, length: 5, rect: [8,322.4375 45.296875x17.46875]
line 18 width: 45.296875, height: 17.90625, bottom: 332.34375, baseline: 13.53125
frag 0 from TextNode start: 1375, length: 5, rect: [8,322 45.296875x17.46875]
"ipsum"
TextNode <#text>
BlockContainer <(anonymous)> at (8,339.90625) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,340.34375) content-size 784x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x331.90625]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x332.34375]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100]
@ -135,6 +135,6 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x331.90625]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x332.34375]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,339.90625 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,340.34375 784x0]

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

@ -17,7 +17,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <div#text> at (9,109) content-size 778x17.46875 children: inline
line 0 width: 54.796875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [370.59375,109 54.796875x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17.46875]
"foobar"
TextNode <#text>
BlockContainer <(anonymous)> at (9,126.46875) content-size 778x0 children: inline

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

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

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

@ -1,11 +1,11 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: inline
BlockContainer <body> at (8,8) content-size 784x35.40625 children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,8 6.34375x17.46875]
"1"
line 1 width: 8.8125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,25.46875 8.8125x17.46875]
line 1 width: 8.8125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,25 8.8125x17.46875]
"2"
BlockContainer <span.a> at (8,8) content-size 100x17.46875 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
@ -27,7 +27,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x35.40625]
PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17.46875]
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode<SPAN>)

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

@ -1,200 +1,200 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (252,10) content-size 538x399.1875 children: inline
BlockContainer <body> at (252,10) content-size 538x399.53125 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x21.84375]
"Lorem"
frag 1 from TextNode start: 6, length: 1, rect: [617.71875,10 12.546875x21.84375]
frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.546875x21.84375]
" "
frag 2 from TextNode start: 7, length: 5, rect: [630.265625,10 56.625x21.84375]
frag 2 from TextNode start: 7, length: 5, rect: [630.546875,10 56.625x21.84375]
"ipsum"
frag 3 from TextNode start: 12, length: 1, rect: [686.890625,10 12.546875x21.84375]
frag 3 from TextNode start: 12, length: 1, rect: [686.546875,10 12.546875x21.84375]
" "
frag 4 from TextNode start: 13, length: 5, rect: [699.4375,10 52.046875x21.84375]
frag 4 from TextNode start: 13, length: 5, rect: [699.09375,10 52.046875x21.84375]
"dolor"
frag 5 from TextNode start: 18, length: 1, rect: [751.484375,10 12.546875x21.84375]
frag 5 from TextNode start: 18, length: 1, rect: [751.09375,10 12.546875x21.84375]
" "
frag 6 from TextNode start: 19, length: 3, rect: [764.03125,10 25.953125x21.84375]
frag 6 from TextNode start: 19, length: 3, rect: [763.640625,10 25.953125x21.84375]
"sit"
line 1 width: 183.78125, height: 21.84375, bottom: 43.6875, baseline: 16.921875
frag 0 from TextNode start: 23, length: 5, rect: [554,31.84375 52.71875x21.84375]
line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
frag 0 from TextNode start: 23, length: 5, rect: [554,31 52.71875x21.84375]
"amet,"
frag 1 from TextNode start: 28, length: 1, rect: [606.71875,31.84375 62.21875x21.84375]
frag 1 from TextNode start: 28, length: 1, rect: [607,31 62.21875x21.84375]
" "
frag 2 from TextNode start: 29, length: 11, rect: [668.9375,31.84375 121.0625x21.84375]
frag 2 from TextNode start: 29, length: 11, rect: [669.21875,31 121.0625x21.84375]
"consectetur"
line 2 width: 140.5625, height: 21.84375, bottom: 65.53125, baseline: 16.921875
frag 0 from TextNode start: 41, length: 10, rect: [554,53.6875 94.65625x21.84375]
line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
frag 0 from TextNode start: 41, length: 10, rect: [554,53 94.65625x21.84375]
"adipiscing"
frag 1 from TextNode start: 51, length: 1, rect: [648.65625,53.6875 105.4375x21.84375]
frag 1 from TextNode start: 51, length: 1, rect: [649,53 105.4375x21.84375]
" "
frag 2 from TextNode start: 52, length: 5, rect: [754.09375,53.6875 35.90625x21.84375]
frag 2 from TextNode start: 52, length: 5, rect: [754.4375,53 35.90625x21.84375]
"elit."
line 3 width: 145, height: 21.84375, bottom: 87.375, baseline: 16.921875
frag 0 from TextNode start: 58, length: 11, rect: [554,75.53125 123.3125x21.84375]
line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
frag 0 from TextNode start: 58, length: 11, rect: [554,75 123.3125x21.84375]
"Suspendisse"
frag 1 from TextNode start: 69, length: 1, rect: [677.3125,75.53125 101x21.84375]
frag 1 from TextNode start: 69, length: 1, rect: [677,75 101x21.84375]
" "
frag 2 from TextNode start: 70, length: 1, rect: [778.3125,75.53125 11.6875x21.84375]
frag 2 from TextNode start: 70, length: 1, rect: [778,75 11.6875x21.84375]
"a"
line 4 width: 196.703125, height: 21.84375, bottom: 109.21875, baseline: 16.921875
frag 0 from TextNode start: 72, length: 8, rect: [554,97.375 82.046875x21.84375]
line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
frag 0 from TextNode start: 72, length: 8, rect: [554,97 82.046875x21.84375]
"placerat"
frag 1 from TextNode start: 80, length: 1, rect: [636.046875,97.375 29.640625x21.84375]
frag 1 from TextNode start: 80, length: 1, rect: [636,97 29.640625x21.84375]
" "
frag 2 from TextNode start: 81, length: 7, rect: [665.6875,97.375 73.875x21.84375]
frag 2 from TextNode start: 81, length: 7, rect: [665.640625,97 73.875x21.84375]
"mauris,"
frag 3 from TextNode start: 88, length: 1, rect: [739.5625,97.375 29.640625x21.84375]
frag 3 from TextNode start: 88, length: 1, rect: [739.640625,97 29.640625x21.84375]
" "
frag 4 from TextNode start: 89, length: 2, rect: [769.203125,97.375 20.78125x21.84375]
frag 4 from TextNode start: 89, length: 2, rect: [769.28125,97 20.78125x21.84375]
"ut"
line 5 width: 234.6875, height: 21.84375, bottom: 131.0625, baseline: 16.921875
frag 0 from TextNode start: 92, length: 9, rect: [554,119.21875 101.28125x21.84375]
line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
frag 0 from TextNode start: 92, length: 9, rect: [554,119 101.28125x21.84375]
"elementum"
frag 1 from TextNode start: 101, length: 1, rect: [655.28125,119.21875 10.4375x21.84375]
frag 1 from TextNode start: 101, length: 1, rect: [655,119 10.4375x21.84375]
" "
frag 2 from TextNode start: 102, length: 3, rect: [665.71875,119.21875 26.390625x21.84375]
frag 2 from TextNode start: 102, length: 3, rect: [665.4375,119 26.390625x21.84375]
"mi."
frag 3 from TextNode start: 105, length: 1, rect: [692.109375,119.21875 10.4375x21.84375]
frag 3 from TextNode start: 105, length: 1, rect: [692.4375,119 10.4375x21.84375]
" "
frag 4 from TextNode start: 106, length: 5, rect: [702.546875,119.21875 56.234375x21.84375]
frag 4 from TextNode start: 106, length: 5, rect: [702.875,119 56.234375x21.84375]
"Morbi"
frag 5 from TextNode start: 111, length: 1, rect: [758.78125,119.21875 10.4375x21.84375]
frag 5 from TextNode start: 111, length: 1, rect: [758.875,119 10.4375x21.84375]
" "
frag 6 from TextNode start: 112, length: 2, rect: [769.21875,119.21875 20.78125x21.84375]
frag 6 from TextNode start: 112, length: 2, rect: [769.3125,119 20.78125x21.84375]
"ut"
line 6 width: 201.53125, height: 21.84375, bottom: 152.90625, baseline: 16.921875
frag 0 from TextNode start: 115, length: 8, rect: [554,141.0625 78.765625x21.84375]
line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
frag 0 from TextNode start: 115, length: 8, rect: [554,141 78.765625x21.84375]
"vehicula"
frag 1 from TextNode start: 123, length: 1, rect: [632.765625,141.0625 27.234375x21.84375]
frag 1 from TextNode start: 123, length: 1, rect: [633,141 27.234375x21.84375]
" "
frag 2 from TextNode start: 124, length: 6, rect: [660,141.0625 62.9375x21.84375]
frag 2 from TextNode start: 124, length: 6, rect: [660.234375,141 62.9375x21.84375]
"ipsum,"
frag 3 from TextNode start: 130, length: 1, rect: [722.9375,141.0625 27.234375x21.84375]
frag 3 from TextNode start: 130, length: 1, rect: [723.234375,141 27.234375x21.84375]
" "
frag 4 from TextNode start: 131, length: 4, rect: [750.171875,141.0625 39.828125x21.84375]
frag 4 from TextNode start: 131, length: 4, rect: [750.46875,141 39.828125x21.84375]
"eget"
line 7 width: 232.53125, height: 21.84375, bottom: 174.75, baseline: 16.921875
frag 0 from TextNode start: 136, length: 8, rect: [554,162.90625 82.046875x21.84375]
line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
frag 0 from TextNode start: 136, length: 8, rect: [554,162 82.046875x21.84375]
"placerat"
frag 1 from TextNode start: 144, length: 1, rect: [636.046875,162.90625 11.734375x21.84375]
frag 1 from TextNode start: 144, length: 1, rect: [636,162 11.734375x21.84375]
" "
frag 2 from TextNode start: 145, length: 6, rect: [647.78125,162.90625 61.875x21.84375]
frag 2 from TextNode start: 145, length: 6, rect: [647.734375,162 61.875x21.84375]
"augue."
frag 3 from TextNode start: 151, length: 1, rect: [709.65625,162.90625 11.734375x21.84375]
frag 3 from TextNode start: 151, length: 1, rect: [709.734375,162 11.734375x21.84375]
" "
frag 4 from TextNode start: 152, length: 7, rect: [721.390625,162.90625 68.609375x21.84375]
frag 4 from TextNode start: 152, length: 7, rect: [721.46875,162 68.609375x21.84375]
"Integer"
line 8 width: 202.96875, height: 21.84375, bottom: 196.59375, baseline: 16.921875
frag 0 from TextNode start: 160, length: 6, rect: [554,184.75 70.3125x21.84375]
line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
frag 0 from TextNode start: 160, length: 6, rect: [554,184 70.3125x21.84375]
"rutrum"
frag 1 from TextNode start: 166, length: 1, rect: [624.3125,184.75 21x21.84375]
frag 1 from TextNode start: 166, length: 1, rect: [624,184 21x21.84375]
" "
frag 2 from TextNode start: 167, length: 4, rect: [645.3125,184.75 35.09375x21.84375]
frag 2 from TextNode start: 167, length: 4, rect: [645,184 35.09375x21.84375]
"nisi"
frag 3 from TextNode start: 171, length: 1, rect: [680.40625,184.75 21x21.84375]
frag 3 from TextNode start: 171, length: 1, rect: [680,184 21x21.84375]
" "
frag 4 from TextNode start: 172, length: 4, rect: [701.40625,184.75 39.828125x21.84375]
frag 4 from TextNode start: 172, length: 4, rect: [701,184 39.828125x21.84375]
"eget"
frag 5 from TextNode start: 176, length: 1, rect: [741.234375,184.75 21x21.84375]
frag 5 from TextNode start: 176, length: 1, rect: [741,184 21x21.84375]
" "
frag 6 from TextNode start: 177, length: 3, rect: [762.234375,184.75 27.734375x21.84375]
frag 6 from TextNode start: 177, length: 3, rect: [762,184 27.734375x21.84375]
"dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 21.84375, bottom: 224.4375, baseline: 16.921875
frag 0 from TextNode start: 181, length: 7, rect: [252,212.59375 68.984375x21.84375]
line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x21.84375]
"dictum,"
frag 1 from TextNode start: 188, length: 1, rect: [320.984375,212.59375 23.578125x21.84375]
frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.578125x21.84375]
" "
frag 2 from TextNode start: 189, length: 2, rect: [344.5625,212.59375 23.109375x21.84375]
frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x21.84375]
"eu"
frag 3 from TextNode start: 191, length: 1, rect: [367.671875,212.59375 23.578125x21.84375]
frag 3 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x21.84375]
" "
frag 4 from TextNode start: 192, length: 8, rect: [391.25,212.59375 96.734375x21.84375]
frag 4 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x21.84375]
"accumsan"
line 11 width: 180.1875, height: 21.84375, bottom: 246.28125, baseline: 16.921875
frag 0 from TextNode start: 201, length: 4, rect: [252,234.4375 43.875x21.84375]
line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x21.84375]
"enim"
frag 1 from TextNode start: 205, length: 1, rect: [295.875,234.4375 37.90625x21.84375]
frag 1 from TextNode start: 205, length: 1, rect: [296,234 37.90625x21.84375]
" "
frag 2 from TextNode start: 206, length: 10, rect: [333.78125,234.4375 93.625x21.84375]
frag 2 from TextNode start: 206, length: 10, rect: [333.90625,234 93.625x21.84375]
"tristique."
frag 3 from TextNode start: 216, length: 1, rect: [427.40625,234.4375 37.90625x21.84375]
frag 3 from TextNode start: 216, length: 1, rect: [427.90625,234 37.90625x21.84375]
" "
frag 4 from TextNode start: 217, length: 2, rect: [465.3125,234.4375 22.6875x21.84375]
frag 4 from TextNode start: 217, length: 2, rect: [465.8125,234 22.6875x21.84375]
"Ut"
line 12 width: 195.28125, height: 21.84375, bottom: 268.125, baseline: 16.921875
frag 0 from TextNode start: 220, length: 8, rect: [252,256.28125 80.015625x21.84375]
line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x21.84375]
"lobortis"
frag 1 from TextNode start: 228, length: 1, rect: [332.015625,256.28125 30.359375x21.84375]
frag 1 from TextNode start: 228, length: 1, rect: [332,256 30.359375x21.84375]
" "
frag 2 from TextNode start: 229, length: 5, rect: [362.375,256.28125 55.4375x21.84375]
frag 2 from TextNode start: 229, length: 5, rect: [362.359375,256 55.4375x21.84375]
"lorem"
frag 3 from TextNode start: 234, length: 1, rect: [417.8125,256.28125 30.359375x21.84375]
frag 3 from TextNode start: 234, length: 1, rect: [417.359375,256 30.359375x21.84375]
" "
frag 4 from TextNode start: 235, length: 4, rect: [448.171875,256.28125 39.828125x21.84375]
frag 4 from TextNode start: 235, length: 4, rect: [447.71875,256 39.828125x21.84375]
"eget"
line 13 width: 222.921875, height: 21.84375, bottom: 289.96875, baseline: 16.921875
frag 0 from TextNode start: 240, length: 3, rect: [252,278.125 31.15625x21.84375]
line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x21.84375]
"est"
frag 1 from TextNode start: 243, length: 1, rect: [283.15625,278.125 16.53125x21.84375]
frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.53125x21.84375]
" "
frag 2 from TextNode start: 244, length: 9, rect: [299.6875,278.125 91.46875x21.84375]
frag 2 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x21.84375]
"vulputate"
frag 3 from TextNode start: 253, length: 1, rect: [391.15625,278.125 16.53125x21.84375]
frag 3 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x21.84375]
" "
frag 4 from TextNode start: 254, length: 8, rect: [407.6875,278.125 80.296875x21.84375]
frag 4 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x21.84375]
"egestas."
line 14 width: 223.125, height: 21.84375, bottom: 311.8125, baseline: 16.921875
frag 0 from TextNode start: 263, length: 7, rect: [252,299.96875 68.609375x21.84375]
line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
frag 0 from TextNode start: 263, length: 7, rect: [252,299 68.609375x21.84375]
"Integer"
frag 1 from TextNode start: 270, length: 1, rect: [320.609375,299.96875 16.4375x21.84375]
frag 1 from TextNode start: 270, length: 1, rect: [321,299 16.4375x21.84375]
" "
frag 2 from TextNode start: 271, length: 7, rect: [337.046875,299.96875 71.328125x21.84375]
frag 2 from TextNode start: 271, length: 7, rect: [337.4375,299 71.328125x21.84375]
"laoreet"
frag 3 from TextNode start: 278, length: 1, rect: [408.375,299.96875 16.4375x21.84375]
frag 3 from TextNode start: 278, length: 1, rect: [408.4375,299 16.4375x21.84375]
" "
frag 4 from TextNode start: 279, length: 7, rect: [424.8125,299.96875 63.1875x21.84375]
frag 4 from TextNode start: 279, length: 7, rect: [424.875,299 63.1875x21.84375]
"lacinia"
line 15 width: 222.609375, height: 21.84375, bottom: 333.65625, baseline: 16.921875
frag 0 from TextNode start: 287, length: 4, rect: [252,321.8125 43.15625x21.84375]
line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
frag 0 from TextNode start: 287, length: 4, rect: [252,321 43.15625x21.84375]
"ante"
frag 1 from TextNode start: 291, length: 1, rect: [295.15625,321.8125 16.6875x21.84375]
frag 1 from TextNode start: 291, length: 1, rect: [295,321 16.6875x21.84375]
" "
frag 2 from TextNode start: 292, length: 7, rect: [311.84375,321.8125 74x21.84375]
frag 2 from TextNode start: 292, length: 7, rect: [311.6875,321 74x21.84375]
"sodales"
frag 3 from TextNode start: 299, length: 1, rect: [385.84375,321.8125 16.6875x21.84375]
frag 3 from TextNode start: 299, length: 1, rect: [385.6875,321 16.6875x21.84375]
" "
frag 4 from TextNode start: 300, length: 9, rect: [402.53125,321.8125 85.453125x21.84375]
frag 4 from TextNode start: 300, length: 9, rect: [402.375,321 85.453125x21.84375]
"lobortis."
line 16 width: 178.3125, height: 21.84375, bottom: 355.5, baseline: 16.921875
frag 0 from TextNode start: 310, length: 5, rect: [252,343.65625 60.90625x21.84375]
line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
frag 0 from TextNode start: 310, length: 5, rect: [252,343 60.90625x21.84375]
"Donec"
frag 1 from TextNode start: 315, length: 1, rect: [312.90625,343.65625 38.84375x21.84375]
frag 1 from TextNode start: 315, length: 1, rect: [313,343 38.84375x21.84375]
" "
frag 2 from TextNode start: 316, length: 1, rect: [351.75,343.65625 11.6875x21.84375]
frag 2 from TextNode start: 316, length: 1, rect: [351.84375,343 11.6875x21.84375]
"a"
frag 3 from TextNode start: 317, length: 1, rect: [363.4375,343.65625 38.84375x21.84375]
frag 3 from TextNode start: 317, length: 1, rect: [363.84375,343 38.84375x21.84375]
" "
frag 4 from TextNode start: 318, length: 9, rect: [402.28125,343.65625 85.71875x21.84375]
frag 4 from TextNode start: 318, length: 9, rect: [402.6875,343 85.71875x21.84375]
"tincidunt"
line 17 width: 231.078125, height: 21.84375, bottom: 377.34375, baseline: 16.921875
frag 0 from TextNode start: 328, length: 5, rect: [252,365.5 48.59375x21.84375]
line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
frag 0 from TextNode start: 328, length: 5, rect: [252,365 48.59375x21.84375]
"ante."
frag 1 from TextNode start: 333, length: 1, rect: [300.59375,365.5 11.640625x21.84375]
frag 1 from TextNode start: 333, length: 1, rect: [301,365 11.640625x21.84375]
" "
frag 2 from TextNode start: 334, length: 9, rect: [312.234375,365.5 94.765625x21.84375]
frag 2 from TextNode start: 334, length: 9, rect: [312.640625,365 94.765625x21.84375]
"Phasellus"
frag 3 from TextNode start: 343, length: 1, rect: [407,365.5 11.640625x21.84375]
frag 3 from TextNode start: 343, length: 1, rect: [406.640625,365 11.640625x21.84375]
" "
frag 4 from TextNode start: 344, length: 1, rect: [418.640625,365.5 11.6875x21.84375]
frag 4 from TextNode start: 344, length: 1, rect: [418.28125,365 11.6875x21.84375]
"a"
frag 5 from TextNode start: 345, length: 1, rect: [430.328125,365.5 11.640625x21.84375]
frag 5 from TextNode start: 345, length: 1, rect: [430.28125,365 11.640625x21.84375]
" "
frag 6 from TextNode start: 346, length: 4, rect: [441.96875,365.5 46.03125x21.84375]
frag 6 from TextNode start: 346, length: 4, rect: [441.921875,365 46.03125x21.84375]
"arcu"
line 18 width: 70.546875, height: 21.84375, bottom: 399.1875, baseline: 16.921875
frag 0 from TextNode start: 351, length: 7, rect: [252,387.34375 70.546875x21.84375]
line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
"tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@ -203,7 +203,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.1875]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.53125] overflow: [252,10 538.34375x399.53125]
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>)

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

@ -1,60 +1,60 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (252,10) content-size 538x399.1875 children: inline
BlockContainer <body> at (252,10) content-size 538x399.53125 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x21.84375]
"Lorem ipsum dolor sit"
line 1 width: 183.78125, height: 21.84375, bottom: 43.6875, baseline: 16.921875
frag 0 from TextNode start: 23, length: 17, rect: [554,31.84375 183.78125x21.84375]
line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
frag 0 from TextNode start: 23, length: 17, rect: [554,31 183.78125x21.84375]
"amet, consectetur"
line 2 width: 140.5625, height: 21.84375, bottom: 65.53125, baseline: 16.921875
frag 0 from TextNode start: 41, length: 16, rect: [554,53.6875 140.5625x21.84375]
line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
frag 0 from TextNode start: 41, length: 16, rect: [554,53 140.5625x21.84375]
"adipiscing elit."
line 3 width: 145, height: 21.84375, bottom: 87.375, baseline: 16.921875
frag 0 from TextNode start: 58, length: 13, rect: [554,75.53125 145x21.84375]
line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
frag 0 from TextNode start: 58, length: 13, rect: [554,75 145x21.84375]
"Suspendisse a"
line 4 width: 196.703125, height: 21.84375, bottom: 109.21875, baseline: 16.921875
frag 0 from TextNode start: 72, length: 19, rect: [554,97.375 196.703125x21.84375]
line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
frag 0 from TextNode start: 72, length: 19, rect: [554,97 196.703125x21.84375]
"placerat mauris, ut"
line 5 width: 234.6875, height: 21.84375, bottom: 131.0625, baseline: 16.921875
frag 0 from TextNode start: 92, length: 22, rect: [554,119.21875 234.6875x21.84375]
line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
frag 0 from TextNode start: 92, length: 22, rect: [554,119 234.6875x21.84375]
"elementum mi. Morbi ut"
line 6 width: 201.53125, height: 21.84375, bottom: 152.90625, baseline: 16.921875
frag 0 from TextNode start: 115, length: 20, rect: [554,141.0625 201.53125x21.84375]
line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
frag 0 from TextNode start: 115, length: 20, rect: [554,141 201.53125x21.84375]
"vehicula ipsum, eget"
line 7 width: 232.53125, height: 21.84375, bottom: 174.75, baseline: 16.921875
frag 0 from TextNode start: 136, length: 23, rect: [554,162.90625 232.53125x21.84375]
line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
frag 0 from TextNode start: 136, length: 23, rect: [554,162 232.53125x21.84375]
"placerat augue. Integer"
line 8 width: 202.96875, height: 21.84375, bottom: 196.59375, baseline: 16.921875
frag 0 from TextNode start: 160, length: 20, rect: [554,184.75 202.96875x21.84375]
line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
frag 0 from TextNode start: 160, length: 20, rect: [554,184 202.96875x21.84375]
"rutrum nisi eget dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 21.84375, bottom: 224.4375, baseline: 16.921875
frag 0 from TextNode start: 181, length: 19, rect: [252,212.59375 208.828125x21.84375]
line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x21.84375]
"dictum, eu accumsan"
line 11 width: 180.1875, height: 21.84375, bottom: 246.28125, baseline: 16.921875
frag 0 from TextNode start: 201, length: 18, rect: [252,234.4375 180.1875x21.84375]
line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x21.84375]
"enim tristique. Ut"
line 12 width: 195.28125, height: 21.84375, bottom: 268.125, baseline: 16.921875
frag 0 from TextNode start: 220, length: 19, rect: [252,256.28125 195.28125x21.84375]
line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x21.84375]
"lobortis lorem eget"
line 13 width: 222.921875, height: 21.84375, bottom: 289.96875, baseline: 16.921875
frag 0 from TextNode start: 240, length: 22, rect: [252,278.125 222.921875x21.84375]
line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x21.84375]
"est vulputate egestas."
line 14 width: 223.125, height: 21.84375, bottom: 311.8125, baseline: 16.921875
frag 0 from TextNode start: 263, length: 23, rect: [252,299.96875 223.125x21.84375]
line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
frag 0 from TextNode start: 263, length: 23, rect: [252,299 223.125x21.84375]
"Integer laoreet lacinia"
line 15 width: 222.609375, height: 21.84375, bottom: 333.65625, baseline: 16.921875
frag 0 from TextNode start: 287, length: 22, rect: [252,321.8125 222.609375x21.84375]
line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
frag 0 from TextNode start: 287, length: 22, rect: [252,321 222.609375x21.84375]
"ante sodales lobortis."
line 16 width: 178.3125, height: 21.84375, bottom: 355.5, baseline: 16.921875
frag 0 from TextNode start: 310, length: 17, rect: [252,343.65625 178.3125x21.84375]
line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
frag 0 from TextNode start: 310, length: 17, rect: [252,343 178.3125x21.84375]
"Donec a tincidunt"
line 17 width: 231.078125, height: 21.84375, bottom: 377.34375, baseline: 16.921875
frag 0 from TextNode start: 328, length: 22, rect: [252,365.5 231.078125x21.84375]
line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
frag 0 from TextNode start: 328, length: 22, rect: [252,365 231.078125x21.84375]
"ante. Phasellus a arcu"
line 18 width: 70.546875, height: 21.84375, bottom: 399.1875, baseline: 16.921875
frag 0 from TextNode start: 351, length: 7, rect: [252,387.34375 70.546875x21.84375]
line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
"tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@ -63,7 +63,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.1875]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.53125]
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>)

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

@ -40,7 +40,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 11 width: 239.203125, height: 16, bottom: 180, baseline: 12.796875
frag 0 from TextNode start: 57, length: 16, rect: [61,173 141.203125x16]
"baz foo bar baz "
frag 1 from TextNode start: 1, length: 11, rect: [202.203125,173 98x16]
frag 1 from TextNode start: 1, length: 11, rect: [202,173 98x16]
"foo bar baz"
line 12 width: 204, height: 16, bottom: 196, baseline: 12.796875
frag 0 from TextNode start: 13, length: 12, rect: [61,189 106x16]

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

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

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

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

10
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
View file

@ -4,13 +4,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.53125
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17.46875]
"text text text"
frag 1 from BlockContainer start: 0, length: 0, rect: [120.421875,8 110.375x20]
frag 2 from TextNode start: 0, length: 16, rect: [230.796875,8 129.546875x17.46875]
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]
"more inline text"
TextNode <#text>
BlockContainer <span.displaced_text> at (150.421875,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
frag 0 from TextNode start: 0, length: 14, rect: [150.421875,48 110.375x17.46875]
frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17.46875]
"displaced text"
TextNode <#text>
TextNode <#text>
@ -19,6 +19,6 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>.displaced_text) [150.421875,48 110.375x20]
PaintableWithLines (BlockContainer<SPAN>.displaced_text) [150,48 110.375x20]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)

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

@ -4,16 +4,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17.46875]
"Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100]
frag 2 from TextNode start: 0, length: 9, rect: [151.125,8 67.703125x17.46875]
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]
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51.125,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
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x175]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
PaintableWithLines (BlockContainer<DIV>#inline-box) [51,58 100x100]
TextPaintable (TextNode<#text>)

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

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

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

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

28
Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt
View file

@ -1,30 +1,30 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x1008 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x107.34375 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x107.34375 children: not-inline
BlockContainer <body> at (8,8) content-size 784x108.21875 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x108.21875 children: not-inline
BlockContainer <div.float> at (592,8) content-size 200x1000 floating [BFC] children: not-inline
BlockContainer <div.bfc> at (18,18) content-size 564x87.34375 [BFC] children: inline
BlockContainer <div.bfc> at (18,18) content-size 564x88.21875 [BFC] children: inline
line 0 width: 458.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17.46875]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
line 1 width: 511.796875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 57, length: 60, rect: [18,35.46875 511.796875x17.46875]
line 1 width: 511.796875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17.46875]
"Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
line 2 width: 537.078125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 118, length: 67, rect: [18,52.9375 537.078125x17.46875]
line 2 width: 537.078125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17.46875]
"vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
line 3 width: 537.34375, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 186, length: 65, rect: [18,70.40625 537.34375x17.46875]
line 3 width: 537.34375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 186, length: 65, rect: [18,70 537.34375x17.46875]
"suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
line 4 width: 455.375, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 252, length: 57, rect: [18,87.875 455.375x17.46875]
line 4 width: 455.375, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 252, length: 57, rect: [18,87 455.375x17.46875]
"pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x1008]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x107.34375] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x107.34375] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x108.21875] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x108.21875] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.float) [592,8 200x1000]
PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x107.34375]
PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x108.21875]
TextPaintable (TextNode<#text>)

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

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

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

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