RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 04:07:46 +00:00
Code Issues Activity Actions

LibWeb: Use fixed-point saturated arithmetics for CSSPixels

Browse source 
Using fixed-point saturated arithmetics for CSSPixels allows to avoid
accumulating floating-point errors.

This implementation is not complete yet: currently saturated
arithmetics implemented only for addition. But it is enough to not
regress any of layout tests we have :)

See https://github.com/SerenityOS/serenity/issues/18566
This commit is contained in:
Aliaksandr Kalenik 2023-07-23 01:09:39 +02:00 • committed by Andreas Kling
parent 5cdd03fc53
commit bec07d4af7
136 changed files with 1938 additions and 1844 deletions
Download patch file Download diff file Expand all files Collapse all files

8
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt
View file

@ -1,9 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x62.50625 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.50625 children: inline
line 0 width: 34, height: 28.50625, bottom: 28.50625, baseline: 28.50625
BlockContainer <html> at (1,1) content-size 798x62.515625 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.515625 children: inline
line 0 width: 34, height: 28.515625, bottom: 28.515625, baseline: 28.515625
frag 0 from BlockContainer start: 0, length: 0, rect: [4,3 30x30]
line 1 width: 32, height: 28.50625, bottom: 60.50625, baseline: 28.50625
line 1 width: 32, height: 28.515625, bottom: 60.515625, baseline: 28.515625
frag 0 from BlockContainer start: 0, length: 0, rect: [3,35 30x30]
BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
BreakNode <br>

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,8 27.640625x17.46875]
frag 0 from TextNode start: 1, length: 3, rect: [137.109375,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: [130,25.46875 27.203125x17.46875]
frag 0 from TextNode start: 1, length: 3, rect: [129.515625,25.46875 27.203125x17.46875]
"baz"
TextNode <#text>
BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating [BFC] children: inline

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

@ -1,33 +1,33 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x130.21875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x112.21875 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 93.765625x35.40625 children: inline
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
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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [11,28 93.765625x17.46875]
line 1 width: 93.765625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [11,28.46875 93.765625x17.46875]
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,47.40625) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,46.9375) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.bar> at (11,48.40625) content-size 93.765625x35.40625 children: inline
BlockContainer <div.bar> at (11,47.9375) content-size 93.765625x34.9375 children: inline
line 0 width: 81.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [11,48.40625 81.3125x17.46875]
frag 0 from TextNode start: 0, length: 10, rect: [11,47.9375 81.3125x17.46875]
"max-width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
line 1 width: 93.765625, height: 17.46875, bottom: 34.9375, 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,84.8125) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,83.875) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.baz> at (11,85.8125) content-size 93.765625x35.40625 children: inline
BlockContainer <div.baz> at (11,84.875) content-size 93.765625x34.9375 children: inline
line 0 width: 76.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [11,85.8125 76.4375x17.46875]
frag 0 from TextNode start: 0, length: 10, rect: [11,84.875 76.4375x17.46875]
"min-width:"
line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 11, length: 11, rect: [11,102.8125 93.765625x17.46875]
line 1 width: 93.765625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 11, length: 11, rect: [11,102.34375 93.765625x17.46875]
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,122.21875) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,120.8125) content-size 780x0 children: inline
TextNode <#text>

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

@ -1,11 +1,11 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x55.40625 [BFC] children: not-inline
BlockContainer <body> at (110,10) content-size 300x37.40625 positioned children: not-inline
BlockContainer <div> at (61,11) content-size 200x35.40625 children: inline
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
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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 20, length: 21, rect: [61,28 163.875x17.46875]
line 1 width: 163.875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 20, length: 21, rect: [61,28.46875 163.875x17.46875]
"intruding on this div"
TextNode <#text>

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

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: [371,109 54.796875x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [370.59375,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,9 39.21875x17.46875]
frag 0 from TextNode start: 0, length: 5, rect: [14.390625,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: [738,9 48.3125x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [737.84375,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,9 41.6875x17.46875]
frag 0 from TextNode start: 0, length: 5, rect: [65.15625,9 41.6875x17.46875]
"Left2"
TextNode <#text>
TextNode <#text>

214
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.257812 children: inline
line 0 width: 228.339843, height: 21.835937, bottom: 21.835937, baseline: 16.914062
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.710937x21.835937]
BlockContainer <body> at (252,10) content-size 538x398.90625 children: inline
line 0 width: 228.3125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.703125x21.828125]
"Lorem"
frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.553385x21.835937]
frag 1 from TextNode start: 6, length: 1, rect: [617.703125,10 12.5625x21.828125]
" "
frag 2 from TextNode start: 7, length: 5, rect: [630.553385,10 56.621093x21.835937]
frag 2 from TextNode start: 7, length: 5, rect: [630.265625,10 56.609375x21.828125]
"ipsum"
frag 3 from TextNode start: 12, length: 1, rect: [686.553385,10 12.553385x21.835937]
frag 3 from TextNode start: 12, length: 1, rect: [686.875,10 12.5625x21.828125]
" "
frag 4 from TextNode start: 13, length: 5, rect: [699.106770,10 52.050781x21.835937]
frag 4 from TextNode start: 13, length: 5, rect: [699.4375,10 52.046875x21.828125]
"dolor"
frag 5 from TextNode start: 18, length: 1, rect: [751.106770,10 12.553385x21.835937]
frag 5 from TextNode start: 18, length: 1, rect: [751.484375,10 12.5625x21.828125]
" "
frag 6 from TextNode start: 19, length: 3, rect: [763.660156,10 25.957031x21.835937]
frag 6 from TextNode start: 19, length: 3, rect: [764.046875,10 25.953125x21.828125]
"sit"
line 1 width: 183.769531, height: 22.671875, bottom: 44.507812, baseline: 16.914062
frag 0 from TextNode start: 23, length: 5, rect: [554,31 52.714843x21.835937]
line 1 width: 183.75, height: 21.828125, bottom: 43.65625, baseline: 16.890625
frag 0 from TextNode start: 23, length: 5, rect: [554,31.828125 52.703125x21.828125]
"amet,"
frag 1 from TextNode start: 28, length: 1, rect: [607,31 62.230468x21.835937]
frag 1 from TextNode start: 28, length: 1, rect: [606.703125,31.828125 62.25x21.828125]
" "
frag 2 from TextNode start: 29, length: 11, rect: [669.230468,31 121.054687x21.835937]
frag 2 from TextNode start: 29, length: 11, rect: [668.953125,31.828125 121.046875x21.828125]
"consectetur"
line 2 width: 140.546875, height: 22.507812, bottom: 66.179687, baseline: 16.914062
frag 0 from TextNode start: 41, length: 10, rect: [554,53 94.648437x21.835937]
line 2 width: 140.53125, height: 21.828125, bottom: 65.484375, baseline: 16.890625
frag 0 from TextNode start: 41, length: 10, rect: [554,53.65625 94.640625x21.828125]
"adipiscing"
frag 1 from TextNode start: 51, length: 1, rect: [649,53 105.453125x21.835937]
frag 1 from TextNode start: 51, length: 1, rect: [648.640625,53.65625 105.46875x21.828125]
" "
frag 2 from TextNode start: 52, length: 5, rect: [754.453125,53 35.898437x21.835937]
frag 2 from TextNode start: 52, length: 5, rect: [754.109375,53.65625 35.890625x21.828125]
"elit."
line 3 width: 145, height: 22.34375, bottom: 87.851562, baseline: 16.914062
frag 0 from TextNode start: 58, length: 11, rect: [554,75 123.320312x21.835937]
line 3 width: 144.984375, height: 21.828125, bottom: 87.3125, baseline: 16.890625
frag 0 from TextNode start: 58, length: 11, rect: [554,75.484375 123.3125x21.828125]
"Suspendisse"
frag 1 from TextNode start: 69, length: 1, rect: [677,75 101x21.835937]
frag 1 from TextNode start: 69, length: 1, rect: [677.3125,75.484375 101.015625x21.828125]
" "
frag 2 from TextNode start: 70, length: 1, rect: [778,75 11.679687x21.835937]
frag 2 from TextNode start: 70, length: 1, rect: [778.328125,75.484375 11.671875x21.828125]
"a"
line 4 width: 196.699218, height: 22.179687, bottom: 109.523437, baseline: 16.914062
frag 0 from TextNode start: 72, length: 8, rect: [554,97 82.050781x21.835937]
line 4 width: 196.6875, height: 21.828125, bottom: 109.140625, baseline: 16.890625
frag 0 from TextNode start: 72, length: 8, rect: [554,97.3125 82.046875x21.828125]
"placerat"
frag 1 from TextNode start: 80, length: 1, rect: [636,97 29.650390x21.835937]
frag 1 from TextNode start: 80, length: 1, rect: [636.046875,97.3125 29.65625x21.828125]
" "
frag 2 from TextNode start: 81, length: 7, rect: [665.650390,97 73.867187x21.835937]
frag 2 from TextNode start: 81, length: 7, rect: [665.703125,97.3125 73.859375x21.828125]
"mauris,"
frag 3 from TextNode start: 88, length: 1, rect: [739.650390,97 29.650390x21.835937]
frag 3 from TextNode start: 88, length: 1, rect: [739.5625,97.3125 29.65625x21.828125]
" "
frag 4 from TextNode start: 89, length: 2, rect: [769.300781,97 20.78125x21.835937]
frag 4 from TextNode start: 89, length: 2, rect: [769.21875,97.3125 20.78125x21.828125]
"ut"
line 5 width: 234.6875, height: 22.015625, bottom: 131.195312, baseline: 16.914062
frag 0 from TextNode start: 92, length: 9, rect: [554,119 101.289062x21.835937]
line 5 width: 234.65625, height: 21.828125, bottom: 130.96875, baseline: 16.890625
frag 0 from TextNode start: 92, length: 9, rect: [554,119.140625 101.28125x21.828125]
"elementum"
frag 1 from TextNode start: 101, length: 1, rect: [655,119 10.4375x21.835937]
frag 1 from TextNode start: 101, length: 1, rect: [655.28125,119.140625 10.4375x21.828125]
" "
frag 2 from TextNode start: 102, length: 3, rect: [665.4375,119 26.386718x21.835937]
frag 2 from TextNode start: 102, length: 3, rect: [665.71875,119.140625 26.375x21.828125]
"mi."
frag 3 from TextNode start: 105, length: 1, rect: [692.4375,119 10.4375x21.835937]
frag 3 from TextNode start: 105, length: 1, rect: [692.09375,119.140625 10.4375x21.828125]
" "
frag 4 from TextNode start: 106, length: 5, rect: [702.875,119 56.230468x21.835937]
frag 4 from TextNode start: 106, length: 5, rect: [702.53125,119.140625 56.21875x21.828125]
"Morbi"
frag 5 from TextNode start: 111, length: 1, rect: [758.875,119 10.4375x21.835937]
frag 5 from TextNode start: 111, length: 1, rect: [758.75,119.140625 10.4375x21.828125]
" "
frag 6 from TextNode start: 112, length: 2, rect: [769.3125,119 20.78125x21.835937]
frag 6 from TextNode start: 112, length: 2, rect: [769.1875,119.140625 20.78125x21.828125]
"ut"
line 6 width: 201.523437, height: 21.851562, bottom: 152.867187, baseline: 16.914062
frag 0 from TextNode start: 115, length: 8, rect: [554,141 78.769531x21.835937]
line 6 width: 201.5, height: 21.828125, bottom: 152.796875, baseline: 16.890625
frag 0 from TextNode start: 115, length: 8, rect: [554,140.96875 78.765625x21.828125]
"vehicula"
frag 1 from TextNode start: 123, length: 1, rect: [633,141 27.238281x21.835937]
frag 1 from TextNode start: 123, length: 1, rect: [632.765625,140.96875 27.25x21.828125]
" "
frag 2 from TextNode start: 124, length: 6, rect: [660.238281,141 62.929687x21.835937]
frag 2 from TextNode start: 124, length: 6, rect: [660.015625,140.96875 62.921875x21.828125]
"ipsum,"
frag 3 from TextNode start: 130, length: 1, rect: [723.238281,141 27.238281x21.835937]
frag 3 from TextNode start: 130, length: 1, rect: [722.9375,140.96875 27.25x21.828125]
" "
frag 4 from TextNode start: 131, length: 4, rect: [750.476562,141 39.824218x21.835937]
frag 4 from TextNode start: 131, length: 4, rect: [750.1875,140.96875 39.8125x21.828125]
"eget"
line 7 width: 232.539062, height: 22.6875, bottom: 175.539062, baseline: 16.914062
frag 0 from TextNode start: 136, length: 8, rect: [554,162 82.050781x21.835937]
line 7 width: 232.53125, height: 21.828125, bottom: 174.625, baseline: 16.890625
frag 0 from TextNode start: 136, length: 8, rect: [554,162.796875 82.046875x21.828125]
"placerat"
frag 1 from TextNode start: 144, length: 1, rect: [636,162 11.730468x21.835937]
frag 1 from TextNode start: 144, length: 1, rect: [636.046875,162.796875 11.734375x21.828125]
" "
frag 2 from TextNode start: 145, length: 6, rect: [647.730468,162 61.875x21.835937]
frag 2 from TextNode start: 145, length: 6, rect: [647.78125,162.796875 61.875x21.828125]
"augue."
frag 3 from TextNode start: 151, length: 1, rect: [709.730468,162 11.730468x21.835937]
frag 3 from TextNode start: 151, length: 1, rect: [709.65625,162.796875 11.734375x21.828125]
" "
frag 4 from TextNode start: 152, length: 7, rect: [721.460937,162 68.613281x21.835937]
frag 4 from TextNode start: 152, length: 7, rect: [721.390625,162.796875 68.609375x21.828125]
"Integer"
line 8 width: 202.96875, height: 22.523437, bottom: 197.210937, baseline: 16.914062
frag 0 from TextNode start: 160, length: 6, rect: [554,184 70.3125x21.835937]
line 8 width: 202.953125, height: 21.828125, bottom: 196.453125, baseline: 16.890625
frag 0 from TextNode start: 160, length: 6, rect: [554,184.625 70.3125x21.828125]
"rutrum"
frag 1 from TextNode start: 166, length: 1, rect: [624,184 21.010416x21.835937]
frag 1 from TextNode start: 166, length: 1, rect: [624.3125,184.625 21.015625x21.828125]
" "
frag 2 from TextNode start: 167, length: 4, rect: [645.010416,184 35.097656x21.835937]
frag 2 from TextNode start: 167, length: 4, rect: [645.328125,184.625 35.09375x21.828125]
"nisi"
frag 3 from TextNode start: 171, length: 1, rect: [680.010416,184 21.010416x21.835937]
frag 3 from TextNode start: 171, length: 1, rect: [680.421875,184.625 21.015625x21.828125]
" "
frag 4 from TextNode start: 172, length: 4, rect: [701.020833,184 39.824218x21.835937]
frag 4 from TextNode start: 172, length: 4, rect: [701.4375,184.625 39.8125x21.828125]
"eget"
frag 5 from TextNode start: 176, length: 1, rect: [741.020833,184 21.010416x21.835937]
frag 5 from TextNode start: 176, length: 1, rect: [741.25,184.625 21.015625x21.828125]
" "
frag 6 from TextNode start: 177, length: 3, rect: [762.03125,184 27.734375x21.835937]
frag 6 from TextNode start: 177, length: 3, rect: [762.265625,184.625 27.734375x21.828125]
"dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 22.359375, bottom: 224.882812, baseline: 16.914062
frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x21.835937]
line 10 width: 208.8125, height: 21.828125, bottom: 224.28125, baseline: 16.890625
frag 0 from TextNode start: 181, length: 7, rect: [252,212.453125 68.984375x21.828125]
"dictum,"
frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.585937x21.835937]
frag 1 from TextNode start: 188, length: 1, rect: [320.984375,212.453125 23.59375x21.828125]
" "
frag 2 from TextNode start: 189, length: 2, rect: [344.585937,212 23.105468x21.835937]
frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212.453125 23.09375x21.828125]
"eu"
frag 3 from TextNode start: 191, length: 1, rect: [367.585937,212 23.585937x21.835937]
frag 3 from TextNode start: 191, length: 1, rect: [367.671875,212.453125 23.59375x21.828125]
" "
frag 4 from TextNode start: 192, length: 8, rect: [391.171875,212 96.738281x21.835937]
frag 4 from TextNode start: 192, length: 8, rect: [391.265625,212.453125 96.734375x21.828125]
"accumsan"
line 11 width: 180.195312, height: 22.195312, bottom: 246.554687, baseline: 16.914062
frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.867187x21.835937]
line 11 width: 180.171875, height: 21.828125, bottom: 246.109375, baseline: 16.890625
frag 0 from TextNode start: 201, length: 4, rect: [252,234.28125 43.859375x21.828125]
"enim"
frag 1 from TextNode start: 205, length: 1, rect: [296,234 37.902343x21.835937]
frag 1 from TextNode start: 205, length: 1, rect: [295.859375,234.28125 37.90625x21.828125]
" "
frag 2 from TextNode start: 206, length: 10, rect: [333.902343,234 93.632812x21.835937]
frag 2 from TextNode start: 206, length: 10, rect: [333.765625,234.28125 93.625x21.828125]
"tristique."
frag 3 from TextNode start: 216, length: 1, rect: [427.902343,234 37.902343x21.835937]
frag 3 from TextNode start: 216, length: 1, rect: [427.390625,234.28125 37.90625x21.828125]
" "
frag 4 from TextNode start: 217, length: 2, rect: [465.804687,234 22.695312x21.835937]
frag 4 from TextNode start: 217, length: 2, rect: [465.296875,234.28125 22.6875x21.828125]
"Ut"
line 12 width: 195.273437, height: 22.03125, bottom: 268.226562, baseline: 16.914062
frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.019531x21.835937]
line 12 width: 195.25, height: 21.828125, bottom: 267.9375, baseline: 16.890625
frag 0 from TextNode start: 220, length: 8, rect: [252,256.109375 80.015625x21.828125]
"lobortis"
frag 1 from TextNode start: 228, length: 1, rect: [332,256 30.363281x21.835937]
frag 1 from TextNode start: 228, length: 1, rect: [332.015625,256.109375 30.375x21.828125]
" "
frag 2 from TextNode start: 229, length: 5, rect: [362.363281,256 55.429687x21.835937]
frag 2 from TextNode start: 229, length: 5, rect: [362.390625,256.109375 55.421875x21.828125]
"lorem"
frag 3 from TextNode start: 234, length: 1, rect: [417.363281,256 30.363281x21.835937]
frag 3 from TextNode start: 234, length: 1, rect: [417.8125,256.109375 30.375x21.828125]
" "
frag 4 from TextNode start: 235, length: 4, rect: [447.726562,256 39.824218x21.835937]
frag 4 from TextNode start: 235, length: 4, rect: [448.1875,256.109375 39.8125x21.828125]
"eget"
line 13 width: 222.910156, height: 21.867187, bottom: 289.898437, baseline: 16.914062
frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.152343x21.835937]
line 13 width: 222.875, height: 21.828125, bottom: 289.765625, baseline: 16.890625
frag 0 from TextNode start: 240, length: 3, rect: [252,277.9375 31.140625x21.828125]
"est"
frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.544921x21.835937]
frag 1 from TextNode start: 243, length: 1, rect: [283.140625,277.9375 16.5625x21.828125]
" "
frag 2 from TextNode start: 244, length: 9, rect: [299.544921,278 91.464843x21.835937]
frag 2 from TextNode start: 244, length: 9, rect: [299.703125,277.9375 91.453125x21.828125]
"vulputate"
frag 3 from TextNode start: 253, length: 1, rect: [391.544921,278 16.544921x21.835937]
frag 3 from TextNode start: 253, length: 1, rect: [391.15625,277.9375 16.5625x21.828125]
" "
frag 4 from TextNode start: 254, length: 8, rect: [408.089843,278 80.292968x21.835937]
frag 4 from TextNode start: 254, length: 8, rect: [407.71875,277.9375 80.28125x21.828125]
"egestas."
line 14 width: 223.125, height: 22.703125, bottom: 312.570312, baseline: 16.914062
frag 0 from TextNode start: 263, length: 7, rect: [252,299 68.613281x21.835937]
line 14 width: 223.109375, height: 21.828125, bottom: 311.59375, baseline: 16.890625
frag 0 from TextNode start: 263, length: 7, rect: [252,299.765625 68.609375x21.828125]
"Integer"
frag 1 from TextNode start: 270, length: 1, rect: [321,299 16.4375x21.835937]
frag 1 from TextNode start: 270, length: 1, rect: [320.609375,299.765625 16.4375x21.828125]
" "
frag 2 from TextNode start: 271, length: 7, rect: [337.4375,299 71.328125x21.835937]
frag 2 from TextNode start: 271, length: 7, rect: [337.046875,299.765625 71.328125x21.828125]
"laoreet"
frag 3 from TextNode start: 278, length: 1, rect: [408.4375,299 16.4375x21.835937]
frag 3 from TextNode start: 278, length: 1, rect: [408.375,299.765625 16.4375x21.828125]
" "
frag 4 from TextNode start: 279, length: 7, rect: [424.875,299 63.183593x21.835937]
frag 4 from TextNode start: 279, length: 7, rect: [424.8125,299.765625 63.171875x21.828125]
"lacinia"
line 15 width: 222.617187, height: 22.539062, bottom: 334.242187, baseline: 16.914062
frag 0 from TextNode start: 287, length: 4, rect: [252,321 43.164062x21.835937]
line 15 width: 222.59375, height: 21.828125, bottom: 333.421875, baseline: 16.890625
frag 0 from TextNode start: 287, length: 4, rect: [252,321.59375 43.15625x21.828125]
"ante"
frag 1 from TextNode start: 291, length: 1, rect: [295,321 16.691406x21.835937]
frag 1 from TextNode start: 291, length: 1, rect: [295.15625,321.59375 16.703125x21.828125]
" "
frag 2 from TextNode start: 292, length: 7, rect: [311.691406,321 74.003906x21.835937]
frag 2 from TextNode start: 292, length: 7, rect: [311.859375,321.59375 74x21.828125]
"sodales"
frag 3 from TextNode start: 299, length: 1, rect: [385.691406,321 16.691406x21.835937]
frag 3 from TextNode start: 299, length: 1, rect: [385.859375,321.59375 16.703125x21.828125]
" "
frag 4 from TextNode start: 300, length: 9, rect: [402.382812,321 85.449218x21.835937]
frag 4 from TextNode start: 300, length: 9, rect: [402.5625,321.59375 85.4375x21.828125]
"lobortis."
line 16 width: 178.300781, height: 22.375, bottom: 355.914062, baseline: 16.914062
frag 0 from TextNode start: 310, length: 5, rect: [252,343 60.898437x21.835937]
line 16 width: 178.28125, height: 21.828125, bottom: 355.25, baseline: 16.890625
frag 0 from TextNode start: 310, length: 5, rect: [252,343.421875 60.890625x21.828125]
"Donec"
frag 1 from TextNode start: 315, length: 1, rect: [313,343 38.849609x21.835937]
frag 1 from TextNode start: 315, length: 1, rect: [312.890625,343.421875 38.859375x21.828125]
" "
frag 2 from TextNode start: 316, length: 1, rect: [351.849609,343 11.679687x21.835937]
frag 2 from TextNode start: 316, length: 1, rect: [351.75,343.421875 11.671875x21.828125]
"a"
frag 3 from TextNode start: 317, length: 1, rect: [363.849609,343 38.849609x21.835937]
frag 3 from TextNode start: 317, length: 1, rect: [363.421875,343.421875 38.859375x21.828125]
" "
frag 4 from TextNode start: 318, length: 9, rect: [402.699218,343 85.722656x21.835937]
frag 4 from TextNode start: 318, length: 9, rect: [402.28125,343.421875 85.71875x21.828125]
"tincidunt"
line 17 width: 231.074218, height: 22.210937, bottom: 377.585937, baseline: 16.914062
frag 0 from TextNode start: 328, length: 5, rect: [252,365 48.59375x21.835937]
line 17 width: 231.0625, height: 21.828125, bottom: 377.078125, baseline: 16.890625
frag 0 from TextNode start: 328, length: 5, rect: [252,365.25 48.59375x21.828125]
"ante."
frag 1 from TextNode start: 333, length: 1, rect: [301,365 11.641927x21.835937]
frag 1 from TextNode start: 333, length: 1, rect: [300.59375,365.25 11.640625x21.828125]
" "
frag 2 from TextNode start: 334, length: 9, rect: [312.641927,365 94.765625x21.835937]
frag 2 from TextNode start: 334, length: 9, rect: [312.234375,365.25 94.765625x21.828125]
"Phasellus"
frag 3 from TextNode start: 343, length: 1, rect: [406.641927,365 11.641927x21.835937]
frag 3 from TextNode start: 343, length: 1, rect: [407,365.25 11.640625x21.828125]
" "
frag 4 from TextNode start: 344, length: 1, rect: [418.283854,365 11.679687x21.835937]
frag 4 from TextNode start: 344, length: 1, rect: [418.640625,365.25 11.671875x21.828125]
"a"
frag 5 from TextNode start: 345, length: 1, rect: [430.283854,365 11.641927x21.835937]
frag 5 from TextNode start: 345, length: 1, rect: [430.3125,365.25 11.640625x21.828125]
" "
frag 6 from TextNode start: 346, length: 4, rect: [441.925781,365 46.035156x21.835937]
frag 6 from TextNode start: 346, length: 4, rect: [441.953125,365.25 46.03125x21.828125]
"arcu"
line 18 width: 70.546875, height: 22.046875, bottom: 399.257812, baseline: 16.914062
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.835937]
line 18 width: 70.546875, height: 21.828125, bottom: 398.90625, baseline: 16.890625
frag 0 from TextNode start: 351, length: 7, rect: [252,387.078125 70.546875x21.828125]
"tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>

74
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.257812 children: inline
line 0 width: 228.339843, height: 21.835937, bottom: 21.835937, baseline: 16.914062
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.339843x21.835937]
BlockContainer <body> at (252,10) content-size 538x398.90625 children: inline
line 0 width: 228.3125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.3125x21.828125]
"Lorem ipsum dolor sit"
line 1 width: 183.769531, height: 22.671875, bottom: 44.507812, baseline: 16.914062
frag 0 from TextNode start: 23, length: 17, rect: [554,31 183.769531x21.835937]
line 1 width: 183.75, height: 21.828125, bottom: 43.65625, baseline: 16.890625
frag 0 from TextNode start: 23, length: 17, rect: [554,31.828125 183.75x21.828125]
"amet, consectetur"
line 2 width: 140.546875, height: 22.507812, bottom: 66.179687, baseline: 16.914062
frag 0 from TextNode start: 41, length: 16, rect: [554,53 140.546875x21.835937]
line 2 width: 140.53125, height: 21.828125, bottom: 65.484375, baseline: 16.890625
frag 0 from TextNode start: 41, length: 16, rect: [554,53.65625 140.53125x21.828125]
"adipiscing elit."
line 3 width: 145, height: 22.34375, bottom: 87.851562, baseline: 16.914062
frag 0 from TextNode start: 58, length: 13, rect: [554,75 145x21.835937]
line 3 width: 144.984375, height: 21.828125, bottom: 87.3125, baseline: 16.890625
frag 0 from TextNode start: 58, length: 13, rect: [554,75.484375 144.984375x21.828125]
"Suspendisse a"
line 4 width: 196.699218, height: 22.179687, bottom: 109.523437, baseline: 16.914062
frag 0 from TextNode start: 72, length: 19, rect: [554,97 196.699218x21.835937]
line 4 width: 196.6875, height: 21.828125, bottom: 109.140625, baseline: 16.890625
frag 0 from TextNode start: 72, length: 19, rect: [554,97.3125 196.6875x21.828125]
"placerat mauris, ut"
line 5 width: 234.6875, height: 22.015625, bottom: 131.195312, baseline: 16.914062
frag 0 from TextNode start: 92, length: 22, rect: [554,119 234.6875x21.835937]
line 5 width: 234.65625, height: 21.828125, bottom: 130.96875, baseline: 16.890625
frag 0 from TextNode start: 92, length: 22, rect: [554,119.140625 234.65625x21.828125]
"elementum mi. Morbi ut"
line 6 width: 201.523437, height: 21.851562, bottom: 152.867187, baseline: 16.914062
frag 0 from TextNode start: 115, length: 20, rect: [554,141 201.523437x21.835937]
line 6 width: 201.5, height: 21.828125, bottom: 152.796875, baseline: 16.890625
frag 0 from TextNode start: 115, length: 20, rect: [554,140.96875 201.5x21.828125]
"vehicula ipsum, eget"
line 7 width: 232.539062, height: 22.6875, bottom: 175.539062, baseline: 16.914062
frag 0 from TextNode start: 136, length: 23, rect: [554,162 232.539062x21.835937]
line 7 width: 232.53125, height: 21.828125, bottom: 174.625, baseline: 16.890625
frag 0 from TextNode start: 136, length: 23, rect: [554,162.796875 232.53125x21.828125]
"placerat augue. Integer"
line 8 width: 202.96875, height: 22.523437, bottom: 197.210937, baseline: 16.914062
frag 0 from TextNode start: 160, length: 20, rect: [554,184 202.96875x21.835937]
line 8 width: 202.953125, height: 21.828125, bottom: 196.453125, baseline: 16.890625
frag 0 from TextNode start: 160, length: 20, rect: [554,184.625 202.953125x21.828125]
"rutrum nisi eget dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 22.359375, bottom: 224.882812, baseline: 16.914062
frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x21.835937]
line 10 width: 208.8125, height: 21.828125, bottom: 224.28125, baseline: 16.890625
frag 0 from TextNode start: 181, length: 19, rect: [252,212.453125 208.8125x21.828125]
"dictum, eu accumsan"
line 11 width: 180.195312, height: 22.195312, bottom: 246.554687, baseline: 16.914062
frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.195312x21.835937]
line 11 width: 180.171875, height: 21.828125, bottom: 246.109375, baseline: 16.890625
frag 0 from TextNode start: 201, length: 18, rect: [252,234.28125 180.171875x21.828125]
"enim tristique. Ut"
line 12 width: 195.273437, height: 22.03125, bottom: 268.226562, baseline: 16.914062
frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.273437x21.835937]
line 12 width: 195.25, height: 21.828125, bottom: 267.9375, baseline: 16.890625
frag 0 from TextNode start: 220, length: 19, rect: [252,256.109375 195.25x21.828125]
"lobortis lorem eget"
line 13 width: 222.910156, height: 21.867187, bottom: 289.898437, baseline: 16.914062
frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.910156x21.835937]
line 13 width: 222.875, height: 21.828125, bottom: 289.765625, baseline: 16.890625
frag 0 from TextNode start: 240, length: 22, rect: [252,277.9375 222.875x21.828125]
"est vulputate egestas."
line 14 width: 223.125, height: 22.703125, bottom: 312.570312, baseline: 16.914062
frag 0 from TextNode start: 263, length: 23, rect: [252,299 223.125x21.835937]
line 14 width: 223.109375, height: 21.828125, bottom: 311.59375, baseline: 16.890625
frag 0 from TextNode start: 263, length: 23, rect: [252,299.765625 223.109375x21.828125]
"Integer laoreet lacinia"
line 15 width: 222.617187, height: 22.539062, bottom: 334.242187, baseline: 16.914062
frag 0 from TextNode start: 287, length: 22, rect: [252,321 222.617187x21.835937]
line 15 width: 222.59375, height: 21.828125, bottom: 333.421875, baseline: 16.890625
frag 0 from TextNode start: 287, length: 22, rect: [252,321.59375 222.59375x21.828125]
"ante sodales lobortis."
line 16 width: 178.300781, height: 22.375, bottom: 355.914062, baseline: 16.914062
frag 0 from TextNode start: 310, length: 17, rect: [252,343 178.300781x21.835937]
line 16 width: 178.28125, height: 21.828125, bottom: 355.25, baseline: 16.890625
frag 0 from TextNode start: 310, length: 17, rect: [252,343.421875 178.28125x21.828125]
"Donec a tincidunt"
line 17 width: 231.074218, height: 22.210937, bottom: 377.585937, baseline: 16.914062
frag 0 from TextNode start: 328, length: 22, rect: [252,365 231.074218x21.835937]
line 17 width: 231.0625, height: 21.828125, bottom: 377.078125, baseline: 16.890625
frag 0 from TextNode start: 328, length: 22, rect: [252,365.25 231.0625x21.828125]
"ante. Phasellus a arcu"
line 18 width: 70.546875, height: 22.046875, bottom: 399.257812, baseline: 16.914062
frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.835937]
line 18 width: 70.546875, height: 21.828125, bottom: 398.90625, baseline: 16.890625
frag 0 from TextNode start: 351, length: 7, rect: [252,387.078125 70.546875x21.828125]
"tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
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,173 98x16]
frag 1 from TextNode start: 1, length: 11, rect: [202.203125,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]

8
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,8 110.375x20]
frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17.46875]
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]
"more inline 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.421875,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
line 0 width: 110.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17.46875]
frag 0 from TextNode start: 0, length: 14, rect: [150.421875,48 110.375x17.46875]
"displaced text"
TextNode <#text>
TextNode <#text>

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

@ -4,9 +4,9 @@ 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,58 100x100]
frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17.46875]
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]
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
TextNode <#text>

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

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

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

@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x134.46875 [BFC] children: inline
line 0 width: 170.96875, height: 134.46875, bottom: 134.46875, baseline: 13.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [2,15 168.96875x119.46875]
BlockContainer <body> at (2,15) content-size 168.96875x119.46875 inline-block [BFC] children: not-inline
BlockContainer <div.hmm> at (3,16) content-size 166.96875x17.46875 children: inline
BlockContainer <html> at (1,1) content-size 798x135 [BFC] children: inline
line 0 width: 170.96875, height: 135, bottom: 135, baseline: 13.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [2,15.53125 168.96875x119.46875]
BlockContainer <body> at (2,15.53125) content-size 168.96875x119.46875 inline-block [BFC] children: not-inline
BlockContainer <div.hmm> at (3,16.53125) content-size 166.96875x17.46875 children: inline
line 0 width: 166.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 21, rect: [3,16 166.96875x17.46875]
frag 0 from TextNode start: 0, length: 21, rect: [3,16.53125 166.96875x17.46875]
"suspiciously tall box"
TextNode <#text>
BlockContainer <(anonymous)> at (2,134.46875) content-size 168.96875x0 children: inline
BlockContainer <(anonymous)> at (2,135) content-size 168.96875x0 children: inline
TextNode <#text>

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

@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x1008 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x108.21875 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x108.21875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x107.34375 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x107.34375 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 564x87.34375 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17.46875]
line 1 width: 511.796875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 57, length: 60, rect: [18,35.46875 511.796875x17.46875]
"Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
line 2 width: 537.078125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17.46875]
line 2 width: 537.078125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 118, length: 67, rect: [18,52.9375 537.078125x17.46875]
"vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
line 3 width: 537.34375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 186, length: 65, rect: [18,70 537.34375x17.46875]
line 3 width: 537.34375, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 186, length: 65, rect: [18,70.40625 537.34375x17.46875]
"suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
line 4 width: 455.375, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 252, length: 57, rect: [18,87 455.375x17.46875]
line 4 width: 455.375, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 252, length: 57, rect: [18,87.875 455.375x17.46875]
"pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
TextNode <#text>

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

@ -2,5 +2,5 @@ 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 0x0]
BlockContainer <div> at (8,21) content-size 0x0 inline-block [BFC] children: not-inline
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

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

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 102x57.34375 positioned [BFC] children: not-inline
BlockContainer <div#container> at (11,11) content-size 100x55.34375 children: not-inline
BlockContainer <div#child> at (72,12) content-size 50x53.34375 children: inline
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
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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17.46875]
line 1 width: 36.84375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 5, length: 5, rect: [72,29.46875 36.84375x17.46875]
"hello"
line 2 width: 55.359375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17.46875]
line 2 width: 55.359375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 11, length: 7, rect: [72,46.9375 55.359375x17.46875]
"friends"
TextNode <#text>