RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 10:17:35 +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/abspos-box-with-replaced-element.txt
View file

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x100 positioned [BFC] children: not-inline BlockContainer <body> at (10,10) content-size 500x100 positioned [BFC] children: not-inline
BlockContainer <div.image-container> at (261,11) content-size 248x28.4836 positioned [BFC] children: inline BlockContainer <div.image-container> at (261,11) content-size 248x25.25 positioned [BFC] children: inline
line 0 width: 250, height: 28.4836, bottom: 28.4836, baseline: 28.4836 line 0 width: 250, height: 25.25, bottom: 25.25, baseline: 25.25
frag 0 from ImageBox start: 0, length: 0, rect: [262,12 248x26.4836] frag 0 from ImageBox start: 0, length: 0, rect: [262,12 248x23.25]
ImageBox <img> at (262,12) content-size 248x26.4836 children: not-inline ImageBox <img> at (262,12) content-size 248x23.25 children: not-inline

110
Tests/LibWeb/Layout/expected/acid1.txt
View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x419.999999 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x419.921875 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <body> at (20,20) content-size 480x379.999999 children: not-inline BlockContainer <body> at (20,20) content-size 480x379.921875 children: not-inline
BlockContainer <(anonymous)> at (20,20) content-size 480x0 children: inline BlockContainer <(anonymous)> at (20,20) content-size 480x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <dl> at (25,25) content-size 470x0 children: inline BlockContainer <dl> at (25,25) content-size 470x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <dt> at (40,40) content-size 49.999x280 floating [BFC] children: inline BlockContainer <dt> at (40,40) content-size 49.984375x280 floating [BFC] children: inline
line 0 width: 28.310546, height: 10, bottom: 10, baseline: 7.998046 line 0 width: 28.296875, height: 10, bottom: 10, baseline: 7.984375
frag 0 from TextNode start: 0, length: 6, rect: [40,40 28.310546x10] frag 0 from TextNode start: 0, length: 6, rect: [40,40 28.296875x10]
"toggle" "toggle"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
@ -19,56 +19,56 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <ul> at (135,45) content-size 340x0 children: inline BlockContainer <ul> at (135,45) content-size 340x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <li> at (150,60) content-size 50x90 floating [BFC] children: inline BlockContainer <li> at (150,60) content-size 50x90 floating [BFC] children: inline
line 0 width: 37.880859, height: 10, bottom: 10, baseline: 7.998046 line 0 width: 37.875, height: 10, bottom: 10, baseline: 7.984375
frag 0 from TextNode start: 0, length: 7, rect: [150,60 37.880859x10] frag 0 from TextNode start: 0, length: 7, rect: [150,60 37.875x10]
"the way" "the way"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <li#bar> at (235,55) content-size 139.978x90 floating [BFC] children: not-inline BlockContainer <li#bar> at (235,55) content-size 139.96875x90 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (235,55) content-size 139.978x0 children: inline BlockContainer <(anonymous)> at (235,55) content-size 139.96875x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <p> at (235,55) content-size 139.978x10 children: inline BlockContainer <p> at (235,55) content-size 139.96875x10 children: inline
line 0 width: 74.316406, height: 10, bottom: 10, baseline: 7.998046 line 0 width: 74.3125, height: 10, bottom: 10, baseline: 7.984375
frag 0 from TextNode start: 0, length: 14, rect: [235,55 74.316406x10] frag 0 from TextNode start: 0, length: 14, rect: [235,55 74.3125x10]
"the world ends" "the world ends"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (235,65) content-size 139.978x0 children: inline BlockContainer <(anonymous)> at (235,65) content-size 139.96875x0 children: inline
TextNode <#text> TextNode <#text>
InlineNode <form> InlineNode <form>
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <p> at (235,65) content-size 139.978x18.999999 children: inline BlockContainer <p> at (235,65) content-size 139.96875x18.984375 children: inline
line 0 width: 39.490234, height: 18.999999, bottom: 18.999999, baseline: 12.498046 line 0 width: 39.484375, height: 18.984375, bottom: 18.984375, baseline: 12.46875
frag 0 from TextNode start: 1, length: 5, rect: [235,65 27.490234x18.999999] frag 0 from TextNode start: 1, length: 5, rect: [235,65 27.484375x18.984375]
"bang " "bang "
frag 1 from RadioButton start: 0, length: 0, rect: [262,65 12x12] frag 1 from RadioButton start: 0, length: 0, rect: [262.484375,65.46875 12x12]
TextNode <#text> TextNode <#text>
RadioButton <input> at (262,65) content-size 12x12 inline-block children: not-inline RadioButton <input> at (262.484375,65.46875) content-size 12x12 inline-block children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <p> at (235,83.999999) content-size 139.978x18.999999 children: inline BlockContainer <p> at (235,83.984375) content-size 139.96875x18.984375 children: inline
line 0 width: 57.15625, height: 18.999999, bottom: 18.999999, baseline: 12.498046 line 0 width: 57.15625, height: 18.984375, bottom: 18.984375, baseline: 12.46875
frag 0 from TextNode start: 1, length: 8, rect: [235,83.999999 45.15625x18.999999] frag 0 from TextNode start: 1, length: 8, rect: [235,83.984375 45.15625x18.984375]
"whimper " "whimper "
frag 1 from RadioButton start: 0, length: 0, rect: [280,83.999999 12x12] frag 1 from RadioButton start: 0, length: 0, rect: [280.15625,84.453125 12x12]
TextNode <#text> TextNode <#text>
RadioButton <input> at (280,83.999999) content-size 12x12 inline-block children: not-inline RadioButton <input> at (280.15625,84.453125) content-size 12x12 inline-block children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (235,102.999999) content-size 139.978x0 children: inline BlockContainer <(anonymous)> at (235,102.96875) content-size 139.96875x0 children: inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <li> at (409.978,60) content-size 50x90 floating [BFC] children: inline BlockContainer <li> at (409.96875,60) content-size 50x90 floating [BFC] children: inline
line 0 width: 31.582031, height: 10, bottom: 10, baseline: 7.998046 line 0 width: 31.5625, height: 10, bottom: 10, baseline: 7.984375
frag 0 from TextNode start: 0, length: 6, rect: [409.978,60 31.582031x10] frag 0 from TextNode start: 0, length: 6, rect: [409.96875,60 31.5625x10]
"i grow" "i grow"
line 1 width: 14.033203, height: 10, bottom: 20, baseline: 7.998046 line 1 width: 14.03125, height: 10, bottom: 20, baseline: 7.984375
frag 0 from TextNode start: 7, length: 3, rect: [409.978,70 14.033203x10] frag 0 from TextNode start: 7, length: 3, rect: [409.96875,70 14.03125x10]
"old" "old"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <li#baz> at (145,185) content-size 100x100 floating [BFC] children: inline BlockContainer <li#baz> at (145,185) content-size 100x100 floating [BFC] children: inline
line 0 width: 29.423828, height: 10, bottom: 10, baseline: 7.998046 line 0 width: 29.421875, height: 10, bottom: 10, baseline: 7.984375
frag 0 from TextNode start: 0, length: 6, rect: [145,185 29.423828x10] frag 0 from TextNode start: 0, length: 6, rect: [145,185 29.421875x10]
"pluot?" "pluot?"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
@ -78,51 +78,51 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> at (280,195) content-size 50x0 children: inline BlockContainer <(anonymous)> at (280,195) content-size 50x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <address> at (280,195) content-size 50x20 children: inline BlockContainer <address> at (280,195) content-size 50x20 children: inline
line 0 width: 17.275390, height: 10, bottom: 10, baseline: 7.998046 line 0 width: 17.265625, height: 10, bottom: 10, baseline: 7.984375
frag 0 from TextNode start: 0, length: 3, rect: [280,195 17.275390x10] frag 0 from TextNode start: 0, length: 3, rect: [280,195 17.265625x10]
"bar" "bar"
line 1 width: 30.224609, height: 10, bottom: 20, baseline: 7.998046 line 1 width: 30.21875, height: 10, bottom: 20, baseline: 7.984375
frag 0 from TextNode start: 4, length: 6, rect: [280,205 30.224609x10] frag 0 from TextNode start: 4, length: 6, rect: [280,205 30.21875x10]
"maids," "maids,"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (280,215) content-size 50x0 children: inline BlockContainer <(anonymous)> at (280,215) content-size 50x0 children: inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <h1> at (365,185) content-size 100x100 floating [BFC] children: inline BlockContainer <h1> at (365,185) content-size 100x100 floating [BFC] children: inline
line 0 width: 56.416015, height: 10, bottom: 10, baseline: 7.998046 line 0 width: 56.390625, height: 10, bottom: 10, baseline: 7.984375
frag 0 from TextNode start: 0, length: 11, rect: [365,185 56.416015x10] frag 0 from TextNode start: 0, length: 11, rect: [365,185 56.390625x10]
"sing to me," "sing to me,"
line 1 width: 65.449218, height: 10, bottom: 20, baseline: 7.998046 line 1 width: 65.4375, height: 10, bottom: 20, baseline: 7.984375
frag 0 from TextNode start: 12, length: 12, rect: [365,195 65.449218x10] frag 0 from TextNode start: 12, length: 12, rect: [365,195 65.4375x10]
"erbarme dich" "erbarme dich"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (20,30) content-size 480x0 children: inline BlockContainer <(anonymous)> at (20,30) content-size 480x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <p> at (20,335) content-size 480x64.999999 children: inline BlockContainer <p> at (20,335) content-size 480x64.921875 children: inline
line 0 width: 473.642578, height: 12.999999, bottom: 12.999999, baseline: 9.498046 line 0 width: 473.5625, height: 12.984375, bottom: 12.984375, baseline: 9.46875
frag 0 from TextNode start: 1, length: 90, rect: [20,335 473.642578x12.999999] frag 0 from TextNode start: 1, length: 90, rect: [20,335 473.5625x12.984375]
"This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1" "This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1"
line 1 width: 396.953125, height: 13, bottom: 25.999999, baseline: 9.498046 line 1 width: 396.859375, height: 12.984375, bottom: 25.96875, baseline: 9.46875
frag 0 from TextNode start: 92, length: 74, rect: [20,348 396.953125x12.999999] frag 0 from TextNode start: 92, length: 74, rect: [20,347.984375 396.859375x12.984375]
"agents should be able to render the document elements above this paragraph" "agents should be able to render the document elements above this paragraph"
line 2 width: 470.585937, height: 13, bottom: 38.999999, baseline: 9.498046 line 2 width: 470.5, height: 12.984375, bottom: 38.953125, baseline: 9.46875
frag 0 from TextNode start: 167, length: 43, rect: [20,361 207.900390x12.999999] frag 0 from TextNode start: 167, length: 43, rect: [20,360.96875 207.875x12.984375]
"indistinguishably (to the pixel) from this " "indistinguishably (to the pixel) from this "
frag 1 from TextNode start: 0, length: 20, rect: [228,361 103.007812x12.999999] frag 1 from TextNode start: 0, length: 20, rect: [227.875,360.96875 102.984375x12.984375]
"reference rendering," "reference rendering,"
frag 2 from TextNode start: 0, length: 31, rect: [331,361 159.677734x12.999999] frag 2 from TextNode start: 0, length: 31, rect: [330.859375,360.96875 159.640625x12.984375]
" (except font rasterization and" " (except font rasterization and"
line 3 width: 465.019531, height: 13.000000, bottom: 51.999999, baseline: 9.498046 line 3 width: 464.9375, height: 12.984375, bottom: 51.9375, baseline: 9.46875
frag 0 from TextNode start: 32, length: 89, rect: [20,374 465.019531x12.999999] frag 0 from TextNode start: 32, length: 89, rect: [20,373.953125 464.9375x12.984375]
"form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings." "form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings."
line 4 width: 408.164062, height: 13.000001, bottom: 64.999999, baseline: 9.498046 line 4 width: 408.046875, height: 12.984375, bottom: 64.921875, baseline: 9.46875
frag 0 from TextNode start: 122, length: 67, rect: [20,387 345.556640x12.999999] frag 0 from TextNode start: 122, length: 67, rect: [20,386.9375 345.46875x12.984375]
"Once you have finished evaluating this test, you can return to the " "Once you have finished evaluating this test, you can return to the "
frag 1 from TextNode start: 0, length: 11, rect: [366,387 59.892578x12.999999] frag 1 from TextNode start: 0, length: 11, rect: [365.46875,386.9375 59.875x12.984375]
"parent page" "parent page"
frag 2 from TextNode start: 0, length: 1, rect: [425,387 2.714843x12.999999] frag 2 from TextNode start: 0, length: 1, rect: [425.34375,386.9375 2.703125x12.984375]
"." "."
TextNode <#text> TextNode <#text>
InlineNode <a> InlineNode <a>
@ -131,5 +131,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
InlineNode <a> InlineNode <a>
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (20,399.999999) content-size 480x0 children: inline BlockContainer <(anonymous)> at (20,399.921875) content-size 480x0 children: inline
TextNode <#text> TextNode <#text>

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

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x89.846250 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x89.84375 [BFC] children: not-inline
BlockContainer <body> at (8,21.440000) content-size 784x73.846250 children: not-inline BlockContainer <body> at (8,21.4375) content-size 784x73.84375 children: not-inline
BlockContainer <h1> at (8,21.440000) content-size 784x34.9375 children: inline BlockContainer <h1> at (8,21.4375) content-size 784x34.9375 children: inline
line 0 width: 105.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625 line 0 width: 105.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 6, rect: [8,21.440000 105.53125x34.9375] frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x34.9375]
"header" "header"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,77.817501) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,77.8125) content-size 784x17.46875 children: inline
line 0 width: 212.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 212.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 24, rect: [8,77.817501 212.125x17.46875] frag 0 from TextNode start: 0, length: 24, rect: [8,77.8125 212.125x17.46875]
"anonymously wrapped text" "anonymously wrapped text"
TextNode <#text> TextNode <#text>

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 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 <html> at (1,1) content-size 798x62.515625 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.50625 children: inline BlockContainer <body> at (2,2) content-size 796x60.515625 children: inline
line 0 width: 34, height: 28.50625, bottom: 28.50625, baseline: 28.50625 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] 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] frag 0 from BlockContainer start: 0, length: 0, rect: [3,35 30x30]
BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
BreakNode <br> BreakNode <br>

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 <body> at (8,8) content-size 784x34.9375 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: 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 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" "bar"
BlockContainer <div.big-float> at (8,8) content-size 100x100 floating [BFC] children: not-inline BlockContainer <div.big-float> at (8,8) content-size 100x100 floating [BFC] children: not-inline
TextNode <#text> TextNode <#text>
@ -17,7 +17,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 784x17.46875 children: inline 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 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" "baz"
TextNode <#text> TextNode <#text>
BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating [BFC] children: inline BlockContainer <div.yyy> at (108,25.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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x130.21875 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x128.8125 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x112.21875 children: not-inline BlockContainer <body> at (10,10) content-size 780x110.8125 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 93.765625x35.40625 children: inline BlockContainer <div.foo> at (11,11) content-size 93.765625x34.9375 children: inline
line 0 width: 43.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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] frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x17.46875]
"width:" "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: 7, length: 11, rect: [11,28 93.765625x17.46875] frag 0 from TextNode start: 7, length: 11, rect: [11,28.46875 93.765625x17.46875]
"min-content" "min-content"
TextNode <#text> 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> 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 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:" "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] frag 0 from TextNode start: 11, length: 11, rect: [11,65.40625 93.765625x17.46875]
"min-content" "min-content"
TextNode <#text> 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> 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 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:" "min-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,102.8125 93.765625x17.46875] frag 0 from TextNode start: 11, length: 11, rect: [11,102.34375 93.765625x17.46875]
"min-content" "min-content"
TextNode <#text> 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> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x55.40625 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x54.9375 [BFC] children: not-inline
BlockContainer <body> at (110,10) content-size 300x37.40625 positioned children: not-inline BlockContainer <body> at (110,10) content-size 300x36.9375 positioned children: not-inline
BlockContainer <div> at (61,11) content-size 200x35.40625 children: 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 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] frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x17.46875]
"there are no floats" "there are no floats"
line 1 width: 163.875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 163.875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 20, length: 21, rect: [61,28 163.875x17.46875] frag 0 from TextNode start: 20, length: 21, rect: [61,28.46875 163.875x17.46875]
"intruding on this div" "intruding on this div"
TextNode <#text> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x332.34375 children: not-inline BlockContainer <body> at (8,8) content-size 784x331.90625 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline BlockContainer <div> at (8,8) content-size 784x0 children: inline
@ -51,64 +51,64 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x332.34375 children: inline BlockContainer <div> at (8,8) content-size 784x331.90625 children: inline
line 0 width: 414.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 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] frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 1 width: 414.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 414.5625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17.46875] frag 0 from TextNode start: 49, length: 47, rect: [228,25.46875 414.5625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 2 width: 466.90625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 466.90625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17.46875] frag 0 from TextNode start: 97, length: 53, rect: [228,42.9375 466.90625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 3 width: 573.5, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 573.5, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 151, length: 65, rect: [188,60 573.5x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 4 width: 572.546875, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 572.546875, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 217, length: 65, rect: [188,77 572.546875x17.46875] 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" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 5 width: 679.140625, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 679.140625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 283, length: 77, rect: [108,95 679.140625x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
line 6 width: 783.828125, height: 18.28125, bottom: 123.09375, baseline: 13.53125 line 6 width: 783.828125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 361, length: 89, rect: [8,112 783.828125x17.46875] 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" "lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 7 width: 731.484375, height: 17.75, bottom: 140.03125, baseline: 13.53125 line 7 width: 731.484375, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 451, length: 83, rect: [8,130 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 8 width: 731.484375, height: 18.21875, bottom: 157.96875, baseline: 13.53125 line 8 width: 731.484375, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 535, length: 83, rect: [8,147 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 9 width: 731.484375, height: 17.6875, bottom: 174.90625, baseline: 13.53125 line 9 width: 731.484375, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 619, length: 83, rect: [8,165 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 10 width: 731.484375, height: 18.15625, bottom: 192.84375, baseline: 13.53125 line 10 width: 731.484375, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 703, length: 83, rect: [8,182 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 11 width: 731.484375, height: 17.625, bottom: 209.78125, baseline: 13.53125 line 11 width: 731.484375, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 787, length: 83, rect: [8,200 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 12 width: 731.484375, height: 18.09375, bottom: 227.71875, baseline: 13.53125 line 12 width: 731.484375, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 871, length: 83, rect: [8,217 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 13 width: 731.484375, height: 17.5625, bottom: 244.65625, baseline: 13.53125 line 13 width: 731.484375, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 955, length: 83, rect: [8,235 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 14 width: 731.484375, height: 18.03125, bottom: 262.59375, baseline: 13.53125 line 14 width: 731.484375, height: 17.46875, bottom: 262.03125, baseline: 13.53125
frag 0 from TextNode start: 1039, length: 83, rect: [8,252 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 15 width: 731.484375, height: 17.5, bottom: 279.53125, baseline: 13.53125 line 15 width: 731.484375, height: 17.46875, bottom: 279.5, baseline: 13.53125
frag 0 from TextNode start: 1123, length: 83, rect: [8,270 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 16 width: 731.484375, height: 17.96875, bottom: 297.46875, baseline: 13.53125 line 16 width: 731.484375, height: 17.46875, bottom: 296.96875, baseline: 13.53125
frag 0 from TextNode start: 1207, length: 83, rect: [8,287 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 17 width: 731.484375, height: 18.4375, bottom: 315.40625, baseline: 13.53125 line 17 width: 731.484375, height: 17.46875, bottom: 314.4375, baseline: 13.53125
frag 0 from TextNode start: 1291, length: 83, rect: [8,304 731.484375x17.46875] 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" "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
line 18 width: 45.296875, height: 17.90625, bottom: 332.34375, baseline: 13.53125 line 18 width: 45.296875, height: 17.46875, bottom: 331.90625, baseline: 13.53125
frag 0 from TextNode start: 1375, length: 5, rect: [8,322 45.296875x17.46875] frag 0 from TextNode start: 1375, length: 5, rect: [8,322.4375 45.296875x17.46875]
"ipsum" "ipsum"
TextNode <#text> 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> 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> TextNode <#text>
BlockContainer <div#text> at (9,109) content-size 778x17.46875 children: inline 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 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" "foobar"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (9,126.46875) content-size 778x0 children: inline 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> TextNode <#text>
BlockContainer <div.left> at (9,9) content-size 50x50 floating [BFC] children: inline BlockContainer <div.left> at (9,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 39.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 39.21875, height: 17.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" "Left1"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div.right> at (737,9) content-size 50x50 floating [BFC] children: inline BlockContainer <div.right> at (737,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 48.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 48.3125, height: 17.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" "Right1"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <div.left> at (61,9) content-size 50x50 floating [BFC] children: inline BlockContainer <div.left> at (61,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 41.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 41.6875, height: 17.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" "Left2"
TextNode <#text> TextNode <#text>
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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (252,10) content-size 538x399.257812 children: inline BlockContainer <body> at (252,10) content-size 538x398.90625 children: inline
line 0 width: 228.339843, height: 21.835937, bottom: 21.835937, baseline: 16.914062 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.710937x21.835937] frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.703125x21.828125]
"Lorem" "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" "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" "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" "sit"
line 1 width: 183.769531, height: 22.671875, bottom: 44.507812, baseline: 16.914062 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 52.714843x21.835937] frag 0 from TextNode start: 23, length: 5, rect: [554,31.828125 52.703125x21.828125]
"amet," "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" "consectetur"
line 2 width: 140.546875, height: 22.507812, bottom: 66.179687, baseline: 16.914062 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 94.648437x21.835937] frag 0 from TextNode start: 41, length: 10, rect: [554,53.65625 94.640625x21.828125]
"adipiscing" "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." "elit."
line 3 width: 145, height: 22.34375, bottom: 87.851562, baseline: 16.914062 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 123.320312x21.835937] frag 0 from TextNode start: 58, length: 11, rect: [554,75.484375 123.3125x21.828125]
"Suspendisse" "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" "a"
line 4 width: 196.699218, height: 22.179687, bottom: 109.523437, baseline: 16.914062 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 82.050781x21.835937] frag 0 from TextNode start: 72, length: 8, rect: [554,97.3125 82.046875x21.828125]
"placerat" "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," "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" "ut"
line 5 width: 234.6875, height: 22.015625, bottom: 131.195312, baseline: 16.914062 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 101.289062x21.835937] frag 0 from TextNode start: 92, length: 9, rect: [554,119.140625 101.28125x21.828125]
"elementum" "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." "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" "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" "ut"
line 6 width: 201.523437, height: 21.851562, bottom: 152.867187, baseline: 16.914062 line 6 width: 201.5, height: 21.828125, bottom: 152.796875, baseline: 16.890625
frag 0 from TextNode start: 115, length: 8, rect: [554,141 78.769531x21.835937] frag 0 from TextNode start: 115, length: 8, rect: [554,140.96875 78.765625x21.828125]
"vehicula" "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," "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" "eget"
line 7 width: 232.539062, height: 22.6875, bottom: 175.539062, baseline: 16.914062 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 82.050781x21.835937] frag 0 from TextNode start: 136, length: 8, rect: [554,162.796875 82.046875x21.828125]
"placerat" "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." "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" "Integer"
line 8 width: 202.96875, height: 22.523437, bottom: 197.210937, baseline: 16.914062 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 70.3125x21.835937] frag 0 from TextNode start: 160, length: 6, rect: [554,184.625 70.3125x21.828125]
"rutrum" "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" "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" "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" "dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0 line 9 width: 0, height: 0, bottom: 0, baseline: 0
line 10 width: 208.828125, height: 22.359375, bottom: 224.882812, baseline: 16.914062 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 68.984375x21.835937] frag 0 from TextNode start: 181, length: 7, rect: [252,212.453125 68.984375x21.828125]
"dictum," "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" "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" "accumsan"
line 11 width: 180.195312, height: 22.195312, bottom: 246.554687, baseline: 16.914062 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 43.867187x21.835937] frag 0 from TextNode start: 201, length: 4, rect: [252,234.28125 43.859375x21.828125]
"enim" "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." "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" "Ut"
line 12 width: 195.273437, height: 22.03125, bottom: 268.226562, baseline: 16.914062 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 80.019531x21.835937] frag 0 from TextNode start: 220, length: 8, rect: [252,256.109375 80.015625x21.828125]
"lobortis" "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" "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" "eget"
line 13 width: 222.910156, height: 21.867187, bottom: 289.898437, baseline: 16.914062 line 13 width: 222.875, height: 21.828125, bottom: 289.765625, baseline: 16.890625
frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.152343x21.835937] frag 0 from TextNode start: 240, length: 3, rect: [252,277.9375 31.140625x21.828125]
"est" "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" "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." "egestas."
line 14 width: 223.125, height: 22.703125, bottom: 312.570312, baseline: 16.914062 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 68.613281x21.835937] frag 0 from TextNode start: 263, length: 7, rect: [252,299.765625 68.609375x21.828125]
"Integer" "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" "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" "lacinia"
line 15 width: 222.617187, height: 22.539062, bottom: 334.242187, baseline: 16.914062 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 43.164062x21.835937] frag 0 from TextNode start: 287, length: 4, rect: [252,321.59375 43.15625x21.828125]
"ante" "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" "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." "lobortis."
line 16 width: 178.300781, height: 22.375, bottom: 355.914062, baseline: 16.914062 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 60.898437x21.835937] frag 0 from TextNode start: 310, length: 5, rect: [252,343.421875 60.890625x21.828125]
"Donec" "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" "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" "tincidunt"
line 17 width: 231.074218, height: 22.210937, bottom: 377.585937, baseline: 16.914062 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 48.59375x21.835937] frag 0 from TextNode start: 328, length: 5, rect: [252,365.25 48.59375x21.828125]
"ante." "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" "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" "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" "arcu"
line 18 width: 70.546875, height: 22.046875, bottom: 399.257812, baseline: 16.914062 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 70.546875x21.835937] frag 0 from TextNode start: 351, length: 7, rect: [252,387.078125 70.546875x21.828125]
"tortor." "tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text> TextNode <#text>

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

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 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] frag 0 from TextNode start: 57, length: 16, rect: [61,173 141.203125x16]
"baz foo bar baz " "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" "foo bar baz"
line 12 width: 204, height: 16, bottom: 196, baseline: 12.796875 line 12 width: 204, height: 16, bottom: 196, baseline: 12.796875
frag 0 from TextNode start: 13, length: 12, rect: [61,189 106x16] 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 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] frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17.46875]
"text text text" "text text text"
frag 1 from BlockContainer start: 0, length: 0, rect: [120,8 110.375x20] frag 1 from BlockContainer start: 0, length: 0, rect: [120.421875,8 110.375x20]
frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17.46875] frag 2 from TextNode start: 0, length: 16, rect: [230.796875,8 129.546875x17.46875]
"more inline text" "more inline text"
TextNode <#text> TextNode <#text>
BlockContainer <span.displaced_text> at (150,48) content-size 110.375x20 positioned inline-block [BFC] children: inline BlockContainer <span.displaced_text> at (150.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 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" "displaced text"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>

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

@ -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 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] frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17.46875]
"Well, " "Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100] frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100]
frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17.46875] frag 2 from TextNode start: 0, length: 9, rect: [151.125,8 67.703125x17.46875]
" friends." " friends."
TextNode <#text> TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
TextNode <#text> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x178.46875 children: inline BlockContainer <body> at (8,8) content-size 784x178.9375 children: inline
line 0 width: 210.828125, height: 178.46875, bottom: 178.46875, baseline: 175 line 0 width: 210.828125, height: 178.9375, bottom: 178.9375, baseline: 175
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [8,169.46875 43.125x17.46875]
"Well, " "Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100] frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100]
frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17.46875] frag 2 from TextNode start: 0, length: 9, rect: [151.125,169.46875 67.703125x17.46875]
" friends." " friends."
TextNode <#text> TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
TextNode <#text> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x134.46875 [BFC] children: inline BlockContainer <html> at (1,1) content-size 798x135 [BFC] children: inline
line 0 width: 170.96875, height: 134.46875, bottom: 134.46875, baseline: 13.53125 line 0 width: 170.96875, height: 135, bottom: 135, baseline: 13.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [2,15 168.96875x119.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [2,15.53125 168.96875x119.46875]
BlockContainer <body> at (2,15) content-size 168.96875x119.46875 inline-block [BFC] children: not-inline BlockContainer <body> at (2,15.53125) 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 <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 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" "suspiciously tall box"
TextNode <#text> 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> 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x1008 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x1008 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x108.21875 children: not-inline BlockContainer <body> at (8,8) content-size 784x107.34375 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x108.21875 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.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 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] frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17.46875]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit." "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
line 1 width: 511.796875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 511.796875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17.46875] frag 0 from TextNode start: 57, length: 60, rect: [18,35.46875 511.796875x17.46875]
"Pellentesque vitae neque nunc. Nam fermentum libero a lectus" "Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
line 2 width: 537.078125, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 537.078125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17.46875] frag 0 from TextNode start: 118, length: 67, rect: [18,52.9375 537.078125x17.46875]
"vulputate eleifend. Nam sagittis tristique augue, id sodales mauris" "vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
line 3 width: 537.34375, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 537.34375, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 186, length: 65, rect: [18,70 537.34375x17.46875] frag 0 from TextNode start: 186, length: 65, rect: [18,70.40625 537.34375x17.46875]
"suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi" "suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
line 4 width: 455.375, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 455.375, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 252, length: 57, rect: [18,87 455.375x17.46875] frag 0 from TextNode start: 252, length: 57, rect: [18,87.875 455.375x17.46875]
"pulvinar ipsum eget nulla dapibus, ac varius mi eleifend." "pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
TextNode <#text> 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 <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 0x17.46875 children: 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 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] frag 0 from BlockContainer start: 0, length: 0, rect: [8,21.53125 0x0]
BlockContainer <div> at (8,21) content-size 0x0 inline-block [BFC] children: not-inline 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 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 102x57.34375 positioned [BFC] children: not-inline BlockContainer <body> at (10,10) content-size 102x56.40625 positioned [BFC] children: not-inline
BlockContainer <div#container> at (11,11) content-size 100x55.34375 children: not-inline BlockContainer <div#container> at (11,11) content-size 100x54.40625 children: not-inline
BlockContainer <div#child> at (72,12) content-size 50x53.34375 children: 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 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] frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17.46875]
"well" "well"
line 1 width: 36.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 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 36.84375x17.46875] frag 0 from TextNode start: 5, length: 5, rect: [72,29.46875 36.84375x17.46875]
"hello" "hello"
line 2 width: 55.359375, height: 18.40625, bottom: 53.34375, baseline: 13.53125 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 55.359375x17.46875] frag 0 from TextNode start: 11, length: 7, rect: [72,46.9375 55.359375x17.46875]
"friends" "friends"
TextNode <#text> TextNode <#text>

16
Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt
View file

@ -1,11 +1,11 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x66.90625 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x50 children: inline BlockContainer <body> at (8,8) content-size 784x50.90625 children: inline
line 0 width: 89.726562, height: 50, bottom: 50, baseline: 16.914062 line 0 width: 89.71875, height: 50.90625, bottom: 50.90625, baseline: 16.890625
frag 0 from Box start: 0, length: 0, rect: [28,38 49.726562x0] frag 0 from Box start: 0, length: 0, rect: [28,38.90625 49.71875x0]
Box <div.button> at (28,38) content-size 49.726562x0 flex-container(row) [FFC] children: not-inline Box <div.button> at (28,38.90625) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (28,27.082031) content-size 49.726562x21.835937 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (28,28) content-size 49.71875x21.828125 flex-item [BFC] children: inline
line 0 width: 49.726562, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 49.71875, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 5, rect: [28,27.082031 49.726562x21.835937] frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x21.828125]
"Hello" "Hello"
TextNode <#text> TextNode <#text>

6
Tests/LibWeb/Layout/expected/css-ex-unit.txt
View file

@ -1,4 +1,4 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x177.132812 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x177.015625 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x161.132812 children: not-inline BlockContainer <body> at (8,8) content-size 784x161.015625 children: not-inline
BlockContainer <div> at (8,8) content-size 107.421875x161.132812 children: not-inline BlockContainer <div> at (8,8) content-size 107.34375x161.015625 children: not-inline

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

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x125.179687 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x125.171875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109.179687 children: inline BlockContainer <body> at (8,8) content-size 784x109.171875 children: inline
line 0 width: 644.628906, height: 109.179687, bottom: 109.179687, baseline: 84.570312 line 0 width: 644.609375, height: 109.171875, bottom: 109.171875, baseline: 84.546875
frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.628906x109.179687] frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.609375x109.171875]
"Hello friends" "Hello friends"
TextNode <#text> TextNode <#text>

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

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x54.589843 children: inline BlockContainer <body> at (8,8) content-size 784x54.578125 children: inline
line 0 width: 137.646484, height: 54.589843, bottom: 54.589843, baseline: 42.285156 line 0 width: 137.640625, height: 54.578125, bottom: 54.578125, baseline: 42.265625
frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.646484x54.589843] frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x54.578125]
"Crazy" "Crazy"
TextNode <#text> TextNode <#text>

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

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109.179687 children: inline BlockContainer <body> at (8,8) content-size 784x109.171875 children: inline
line 0 width: 275.292968, height: 109.179687, bottom: 109.179687, baseline: 84.570312 line 0 width: 275.28125, height: 109.171875, bottom: 109.171875, baseline: 84.546875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.292968x109.179687] frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.28125x109.171875]
"Crazy" "Crazy"
TextNode <#text> TextNode <#text>

4
Tests/LibWeb/Layout/expected/css-line-height-percentage-inheritance.txt
View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x52 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x52 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x34 children: not-inline BlockContainer <body> at (10,10) content-size 780x34 children: not-inline
BlockContainer <div> at (11,11) content-size 778x32 children: inline BlockContainer <div> at (11,11) content-size 778x32 children: inline
line 0 width: 552.109375, height: 32, bottom: 32, baseline: 27.992187 line 0 width: 552.09375, height: 32, bottom: 32, baseline: 27.984375
frag 0 from TextNode start: 0, length: 25, rect: [11,11 552.109375x32] frag 0 from TextNode start: 0, length: 25, rect: [11,11 552.09375x32]
"The Linux Kernel Archives" "The Linux Kernel Archives"
TextNode <#text> TextNode <#text>

4
Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-inline-style.txt
View file

@ -3,8 +3,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x102 children: not-inline BlockContainer <body> at (10,10) content-size 780x102 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 100x100 children: not-inline BlockContainer <div.outer> at (11,11) content-size 100x100 children: not-inline
BlockContainer <(anonymous)> at (12,12) content-size 50x50 children: inline BlockContainer <(anonymous)> at (12,12) content-size 50x50 children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 0, rect: [12,12 0x21.835937] frag 0 from TextNode start: 0, length: 0, rect: [12,12 0x21.828125]
"" ""
TextNode <#text> TextNode <#text>
BlockContainer <div.inner> at (12,64) content-size 98x0 children: inline BlockContainer <div.inner> at (12,64) content-size 98x0 children: inline

8
Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-presentational-hints.txt
View file

@ -5,9 +5,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <table> at (11,11) content-size 108x104 table-box [TFC] children: not-inline Box <table> at (11,11) content-size 108x104 table-box [TFC] children: not-inline
Box <tbody> at (11,11) content-size 104x100 table-row-group children: not-inline Box <tbody> at (11,11) content-size 104x100 table-row-group children: not-inline
Box <tr> at (13,13) content-size 104x100 table-row children: not-inline Box <tr> at (13,13) content-size 104x100 table-row children: not-inline
BlockContainer <td> at (15,51.082031) content-size 100x23.835937 table-cell [BFC] children: not-inline BlockContainer <td> at (15,51.078125) content-size 100x23.828125 table-cell [BFC] children: not-inline
BlockContainer <(anonymous)> at (16,52.082031) content-size 98x21.835937 children: inline BlockContainer <(anonymous)> at (16,52.078125) content-size 98x21.828125 children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 0, rect: [16,52.082031 0x21.835937] frag 0 from TextNode start: 0, length: 0, rect: [16,52.078125 0x21.828125]
"" ""
TextNode <#text> TextNode <#text>

44
Tests/LibWeb/Layout/expected/div_align.txt
View file

@ -13,7 +13,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,165.46875) content-size 784x137.46875 children: not-inline BlockContainer <div> at (8,165.46875) content-size 784x137.46875 children: not-inline
BlockContainer <(anonymous)> at (8,165.46875) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,165.46875) content-size 784x17.46875 children: inline
line 0 width: 418.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 418.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 49, rect: [191,165.46875 418.6875x17.46875] frag 0 from TextNode start: 0, length: 49, rect: [190.65625,165.46875 418.6875x17.46875]
"This text and the green square are both centered:" "This text and the green square are both centered:"
TextNode <#text> TextNode <#text>
BlockContainer <div.square> at (350,202.9375) content-size 100x100 children: not-inline BlockContainer <div.square> at (350,202.9375) content-size 100x100 children: not-inline
@ -22,7 +22,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,322.9375) content-size 784x137.46875 children: not-inline BlockContainer <div> at (8,322.9375) content-size 784x137.46875 children: not-inline
BlockContainer <(anonymous)> at (8,322.9375) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,322.9375) content-size 784x17.46875 children: inline
line 0 width: 447.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 447.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 54, rect: [345,322.9375 447.484375x17.46875] frag 0 from TextNode start: 0, length: 54, rect: [344.515625,322.9375 447.484375x17.46875]
"This text and the green square are both right aligned:" "This text and the green square are both right aligned:"
TextNode <#text> TextNode <#text>
BlockContainer <div.square> at (672,360.40625) content-size 100x100 children: not-inline BlockContainer <div.square> at (672,360.40625) content-size 100x100 children: not-inline
@ -33,45 +33,45 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 512.53125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 512.53125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,480.40625 35.5x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [8,480.40625 35.5x17.46875]
"This" "This"
frag 1 from TextNode start: 4, length: 1, rect: [44,480.40625 8x17.46875] frag 1 from TextNode start: 4, length: 1, rect: [43.5,480.40625 8x17.46875]
" " " "
frag 2 from TextNode start: 5, length: 4, rect: [52,480.40625 32.140625x17.46875] frag 2 from TextNode start: 5, length: 4, rect: [51.5,480.40625 32.140625x17.46875]
"text" "text"
frag 3 from TextNode start: 9, length: 1, rect: [84,480.40625 8x17.46875] frag 3 from TextNode start: 9, length: 1, rect: [83.640625,480.40625 8x17.46875]
" " " "
frag 4 from TextNode start: 10, length: 2, rect: [92,480.40625 13.90625x17.46875] frag 4 from TextNode start: 10, length: 2, rect: [91.640625,480.40625 13.90625x17.46875]
"is" "is"
frag 5 from TextNode start: 12, length: 1, rect: [106,480.40625 8x17.46875] frag 5 from TextNode start: 12, length: 1, rect: [105.546875,480.40625 8x17.46875]
" " " "
frag 6 from TextNode start: 13, length: 16, rect: [114,480.40625 102.96875x17.46875] frag 6 from TextNode start: 13, length: 16, rect: [113.546875,480.40625 102.96875x17.46875]
"'full-justified'" "'full-justified'"
frag 7 from TextNode start: 29, length: 1, rect: [217,480.40625 8x17.46875] frag 7 from TextNode start: 29, length: 1, rect: [216.515625,480.40625 8x17.46875]
" " " "
frag 8 from TextNode start: 30, length: 3, rect: [225,480.40625 26.8125x17.46875] frag 8 from TextNode start: 30, length: 3, rect: [224.515625,480.40625 26.8125x17.46875]
"and" "and"
frag 9 from TextNode start: 33, length: 1, rect: [251,480.40625 8x17.46875] frag 9 from TextNode start: 33, length: 1, rect: [251.328125,480.40625 8x17.46875]
" " " "
frag 10 from TextNode start: 34, length: 3, rect: [259,480.40625 24.875x17.46875] frag 10 from TextNode start: 34, length: 3, rect: [259.328125,480.40625 24.875x17.46875]
"the" "the"
frag 11 from TextNode start: 37, length: 1, rect: [284,480.40625 8x17.46875] frag 11 from TextNode start: 37, length: 1, rect: [284.203125,480.40625 8x17.46875]
" " " "
frag 12 from TextNode start: 38, length: 5, rect: [292,480.40625 43.4375x17.46875] frag 12 from TextNode start: 38, length: 5, rect: [292.203125,480.40625 43.4375x17.46875]
"green" "green"
frag 13 from TextNode start: 43, length: 1, rect: [336,480.40625 8x17.46875] frag 13 from TextNode start: 43, length: 1, rect: [335.640625,480.40625 8x17.46875]
" " " "
frag 14 from TextNode start: 44, length: 6, rect: [344,480.40625 57.0625x17.46875] frag 14 from TextNode start: 44, length: 6, rect: [343.640625,480.40625 57.0625x17.46875]
"square" "square"
frag 15 from TextNode start: 50, length: 1, rect: [401,480.40625 8x17.46875] frag 15 from TextNode start: 50, length: 1, rect: [400.703125,480.40625 8x17.46875]
" " " "
frag 16 from TextNode start: 51, length: 2, rect: [409,480.40625 13.90625x17.46875] frag 16 from TextNode start: 51, length: 2, rect: [408.703125,480.40625 13.90625x17.46875]
"is" "is"
frag 17 from TextNode start: 53, length: 1, rect: [423,480.40625 8x17.46875] frag 17 from TextNode start: 53, length: 1, rect: [422.609375,480.40625 8x17.46875]
" " " "
frag 18 from TextNode start: 54, length: 4, rect: [431,480.40625 26.25x17.46875] frag 18 from TextNode start: 54, length: 4, rect: [430.609375,480.40625 26.25x17.46875]
"left" "left"
frag 19 from TextNode start: 58, length: 1, rect: [457,480.40625 8x17.46875] frag 19 from TextNode start: 58, length: 1, rect: [456.859375,480.40625 8x17.46875]
" " " "
frag 20 from TextNode start: 59, length: 8, rect: [465,480.40625 55.671875x17.46875] frag 20 from TextNode start: 59, length: 8, rect: [464.859375,480.40625 55.671875x17.46875]
"aligned:" "aligned:"
TextNode <#text> TextNode <#text>
BlockContainer <div.square> at (28,517.875) content-size 100x100 children: not-inline BlockContainer <div.square> at (28,517.875) content-size 100x100 children: not-inline

20
Tests/LibWeb/Layout/expected/div_align_nested.txt
View file

@ -1,27 +1,27 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x252.875 children: not-inline BlockContainer <body> at (8,8) content-size 784x252.40625 children: not-inline
BlockContainer <div> at (8,8) content-size 784x252.875 children: not-inline BlockContainer <div> at (8,8) content-size 784x252.40625 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 447.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 447.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 54, rect: [345,8 447.484375x17.46875] frag 0 from TextNode start: 0, length: 54, rect: [344.515625,8 447.484375x17.46875]
"This text and the green square are both right aligned:" "This text and the green square are both right aligned:"
TextNode <#text> TextNode <#text>
BlockContainer <div.square> at (692,25.46875) content-size 100x100 children: not-inline BlockContainer <div.square> at (692,25.46875) content-size 100x100 children: not-inline
BlockContainer <(anonymous)> at (8,125.46875) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,125.46875) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,125.46875) content-size 784x135.40625 children: not-inline BlockContainer <div> at (8,125.46875) content-size 784x134.9375 children: not-inline
BlockContainer <(anonymous)> at (8,125.46875) content-size 784x35.40625 children: inline BlockContainer <(anonymous)> at (8,125.46875) content-size 784x34.9375 children: inline
line 0 width: 711.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 711.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 87, rect: [8,125.46875 711.4375x17.46875] frag 0 from TextNode start: 1, length: 87, rect: [8,125.46875 711.4375x17.46875]
"This text and the green square are both left aligned despite being nested in a div with" "This text and the green square are both left aligned despite being nested in a div with"
line 1 width: 94.296875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 94.296875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 89, length: 14, rect: [8,142.46875 94.296875x17.46875] frag 0 from TextNode start: 89, length: 14, rect: [8,142.9375 94.296875x17.46875]
"align="right":" "align="right":"
TextNode <#text> TextNode <#text>
BlockContainer <div.square> at (8,160.875) content-size 100x100 children: inline BlockContainer <div.square> at (8,160.40625) content-size 100x100 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,260.875) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,260.40625) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,260.875) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,260.40625) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>

10
Tests/LibWeb/Layout/expected/flex-auto.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 164.666666x100 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 164.65625x100 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (176.666666,10) content-size 164.666666x100 flex-item [BFC] children: inline BlockContainer <div.box> at (176.65625,10) content-size 164.65625x100 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [176.666666,10 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [176.65625,10 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (343.333333,10) content-size 164.666666x100 flex-item [BFC] children: inline BlockContainer <div.box> at (343.3125,10) content-size 164.65625x100 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [343.333333,10 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [343.3125,10 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/flex-column-constrained-nowrap.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container.column> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline Box <div.container.column> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,93.333333) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,93.34375) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,93.333333 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,93.34375 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,176.666666) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,176.6875) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,176.666666 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,176.6875 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/flex-column-height-constrained-width-constrained.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,93.333333) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,93.34375) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,93.333333 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,93.34375 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,176.666666) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,176.6875) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,176.666666 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,176.6875 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/flex-column-height-constrained.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline Box <div.container> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,93.333333) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,93.34375) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,93.333333 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,93.34375 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,176.666666) content-size 100x81.333333 flex-item [BFC] children: inline BlockContainer <div.box> at (10,176.6875) content-size 100x81.34375 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,176.666666 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,176.6875 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

22
Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt
View file

@ -1,20 +1,20 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x92.21875 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x91.34375 [BFC] children: not-inline
Box <body> at (2,2) content-size 796x90.21875 flex-container(column) [FFC] children: not-inline Box <body> at (2,2) content-size 796x89.34375 flex-container(column) [FFC] children: not-inline
BlockContainer <main> at (3,3) content-size 400x88.21875 flex-item [BFC] children: inline BlockContainer <main> at (3,3) content-size 400x87.34375 flex-item [BFC] children: inline
line 0 width: 346.984375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 346.984375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 41, rect: [3,3 346.984375x17.46875] frag 0 from TextNode start: 0, length: 41, rect: [3,3 346.984375x17.46875]
"For my day job I'm currently working as a" "For my day job I'm currently working as a"
line 1 width: 337.59375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 337.59375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 42, length: 39, rect: [3,20 337.59375x17.46875] frag 0 from TextNode start: 42, length: 39, rect: [3,20.46875 337.59375x17.46875]
"Software Engineer at For my day job I'm" "Software Engineer at For my day job I'm"
line 2 width: 368.203125, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 368.203125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 82, length: 43, rect: [3,37 368.203125x17.46875] frag 0 from TextNode start: 82, length: 43, rect: [3,37.9375 368.203125x17.46875]
"currently working as a Software Engineer at" "currently working as a Software Engineer at"
line 3 width: 346.984375, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 346.984375, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 126, length: 41, rect: [3,55 346.984375x17.46875] frag 0 from TextNode start: 126, length: 41, rect: [3,55.40625 346.984375x17.46875]
"For my day job I'm currently working as a" "For my day job I'm currently working as a"
line 4 width: 175.40625, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 175.40625, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 168, length: 20, rect: [3,72 175.40625x17.46875] frag 0 from TextNode start: 168, length: 20, rect: [3,72.875 175.40625x17.46875]
"Software Engineer at" "Software Engineer at"
TextNode <#text> TextNode <#text>

26
Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-auto-width-with-max-width-constraint.txt
View file

@ -1,20 +1,20 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x331.570312 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x331.5 [BFC] children: not-inline
Box <body.hero> at (2,2) content-size 600x329.570312 flex-container(column) [FFC] children: not-inline Box <body.hero> at (2,2) content-size 600x329.5 flex-container(column) [FFC] children: not-inline
BlockContainer <div.header> at (102,3) content-size 400x327.570312 flex-item [BFC] children: inline BlockContainer <div.header> at (102,3) content-size 400x327.5 flex-item [BFC] children: inline
line 0 width: 340.488281, height: 65.507812, bottom: 65.507812, baseline: 50.742187 line 0 width: 340.484375, height: 65.5, bottom: 65.5, baseline: 50.734375
frag 0 from TextNode start: 0, length: 11, rect: [102,3 340.488281x65.507812] frag 0 from TextNode start: 0, length: 11, rect: [102,3 340.484375x65.5]
"This entire" "This entire"
line 1 width: 341.25, height: 66.015625, bottom: 131.523437, baseline: 50.742187 line 1 width: 341.234375, height: 65.5, bottom: 131, baseline: 50.734375
frag 0 from TextNode start: 12, length: 11, rect: [102,68 341.25x65.507812] frag 0 from TextNode start: 12, length: 11, rect: [102,68.5 341.234375x65.5]
"text should" "text should"
line 2 width: 274.160156, height: 65.523437, bottom: 196.539062, baseline: 50.742187 line 2 width: 274.140625, height: 65.5, bottom: 196.5, baseline: 50.734375
frag 0 from TextNode start: 24, length: 8, rect: [102,134 274.160156x65.507812] frag 0 from TextNode start: 24, length: 8, rect: [102,134 274.140625x65.5]
"be on an" "be on an"
line 3 width: 204.082031, height: 66.03125, bottom: 262.554687, baseline: 50.742187 line 3 width: 204.078125, height: 65.5, bottom: 262, baseline: 50.734375
frag 0 from TextNode start: 33, length: 6, rect: [102,199 204.082031x65.507812] frag 0 from TextNode start: 33, length: 6, rect: [102,199.5 204.078125x65.5]
"orange" "orange"
line 4 width: 351.5625, height: 65.539062, bottom: 327.570312, baseline: 50.742187 line 4 width: 351.5625, height: 65.5, bottom: 327.5, baseline: 50.734375
frag 0 from TextNode start: 40, length: 11, rect: [102,265 351.5625x65.507812] frag 0 from TextNode start: 40, length: 11, rect: [102,265 351.5625x65.5]
"background." "background."
TextNode <#text> TextNode <#text>

22
Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-on-auto-width.txt
View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x457.09375 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x456.71875 [BFC] children: not-inline
Box <body.hero> at (10,10) content-size 500x439.09375 flex-container(column) [FFC] children: not-inline Box <body.hero> at (10,10) content-size 500x438.71875 flex-container(column) [FFC] children: not-inline
BlockContainer <div.upper> at (10,11) content-size 500x437.09375 flex-item [BFC] children: inline BlockContainer <div.upper> at (10,11) content-size 500x436.71875 flex-item [BFC] children: inline
line 0 width: 453.984375, height: 87.34375, bottom: 87.34375, baseline: 67.65625 line 0 width: 453.984375, height: 87.34375, bottom: 87.34375, baseline: 67.65625
frag 0 from TextNode start: 0, length: 11, rect: [10,11 453.984375x87.34375] frag 0 from TextNode start: 0, length: 11, rect: [10,11 453.984375x87.34375]
"This entire" "This entire"
line 1 width: 455, height: 87.6875, bottom: 175.03125, baseline: 67.65625 line 1 width: 455, height: 87.34375, bottom: 174.6875, baseline: 67.65625
frag 0 from TextNode start: 12, length: 11, rect: [10,98 455x87.34375] frag 0 from TextNode start: 12, length: 11, rect: [10,98.34375 455x87.34375]
"text should" "text should"
line 2 width: 230.78125, height: 88.03125, bottom: 262.71875, baseline: 67.65625 line 2 width: 230.78125, height: 87.34375, bottom: 262.03125, baseline: 67.65625
frag 0 from TextNode start: 24, length: 5, rect: [10,185 230.78125x87.34375] frag 0 from TextNode start: 24, length: 5, rect: [10,185.6875 230.78125x87.34375]
"be on" "be on"
line 3 width: 272.109375, height: 87.375, bottom: 349.40625, baseline: 67.65625 line 3 width: 272.109375, height: 87.34375, bottom: 349.375, baseline: 67.65625
frag 0 from TextNode start: 30, length: 6, rect: [10,273 272.109375x87.34375] frag 0 from TextNode start: 30, length: 6, rect: [10,273.03125 272.109375x87.34375]
"orange" "orange"
line 4 width: 468.75, height: 87.71875, bottom: 437.09375, baseline: 67.65625 line 4 width: 468.75, height: 87.34375, bottom: 436.71875, baseline: 67.65625
frag 0 from TextNode start: 37, length: 11, rect: [10,360 468.75x87.34375] frag 0 from TextNode start: 37, length: 11, rect: [10,360.375 468.75x87.34375]
"background." "background."
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/flex-container-constrained-nowrap.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 81.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 81.34375x100 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (93.333333,10) content-size 81.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (93.34375,10) content-size 81.34375x100 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [93.333333,10 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [93.34375,10 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (176.666666,10) content-size 81.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (176.6875,10) content-size 81.34375x100 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [176.666666,10 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [176.6875,10 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/flex-container-width-constrained.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container.width-constrained> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline Box <div.container.width-constrained> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 81.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 81.34375x100 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (93.333333,10) content-size 81.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (93.34375,10) content-size 81.34375x100 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [93.333333,10 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [93.34375,10 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (176.666666,10) content-size 81.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (176.6875,10) content-size 81.34375x100 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [176.666666,10 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [176.6875,10 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/flex-grow-1.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 229.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 229.328125x100 flex-item [BFC] children: inline
line 0 width: 144.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 144.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 17, rect: [10,10 144.546875x17.46875] frag 0 from TextNode start: 0, length: 17, rect: [10,10 144.546875x17.46875]
"1 I grow the most" "1 I grow the most"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (241.333333,10) content-size 164.666666x100 flex-item [BFC] children: inline BlockContainer <div.box> at (241.328125,10) content-size 164.65625x100 flex-item [BFC] children: inline
line 0 width: 67.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 67.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [241.333333,10 67.375x17.46875] frag 0 from TextNode start: 0, length: 8, rect: [241.328125,10 67.375x17.46875]
"2 I grow" "2 I grow"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (408,10) content-size 100x100 flex-item [BFC] children: inline BlockContainer <div.box> at (407.984375,10) content-size 100x100 flex-item [BFC] children: inline
line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [408,10 68x17.46875] frag 0 from TextNode start: 0, length: 9, rect: [407.984375,10 68x17.46875]
"3 I don't" "3 I don't"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/flex-grow-2.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 82.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 82.328125x100 flex-item [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (94.333333,10) content-size 164.666666x100 flex-item [BFC] children: inline BlockContainer <div.box> at (94.328125,10) content-size 164.65625x100 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [94.333333,10 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [94.328125,10 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (261,10) content-size 247x100 flex-item [BFC] children: inline BlockContainer <div.box> at (260.984375,10) content-size 247x100 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [261,10 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [260.984375,10 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

22
Tests/LibWeb/Layout/expected/flex-shrink-1.txt
View file

@ -4,32 +4,32 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (10,10) content-size 62.666666x100 flex-item [BFC] children: inline BlockContainer <div.box> at (10,10) content-size 62.671875x100 flex-item [BFC] children: inline
line 0 width: 18.9375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 18.9375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [10,10 18.9375x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [10,10 18.9375x17.46875]
"1 I" "1 I"
line 1 width: 49.359375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 49.359375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 4, length: 6, rect: [10,27 49.359375x17.46875] frag 0 from TextNode start: 4, length: 6, rect: [10,27.46875 49.359375x17.46875]
"shrink" "shrink"
line 2 width: 24.875, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 24.875, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 11, length: 3, rect: [10,44 24.875x17.46875] frag 0 from TextNode start: 11, length: 3, rect: [10,44.9375 24.875x17.46875]
"the" "the"
line 3 width: 38.765625, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 38.765625, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 15, length: 4, rect: [10,62 38.765625x17.46875] frag 0 from TextNode start: 15, length: 4, rect: [10,62.40625 38.765625x17.46875]
"most" "most"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (74.666666,10) content-size 81.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (74.671875,10) content-size 81.34375x100 flex-item [BFC] children: inline
line 0 width: 78.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 78.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [74.666666,10 78.765625x17.46875] frag 0 from TextNode start: 0, length: 10, rect: [74.671875,10 78.765625x17.46875]
"2 I shrink" "2 I shrink"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (158,10) content-size 100x100 flex-item [BFC] children: inline BlockContainer <div.box> at (158.015625,10) content-size 100x100 flex-item [BFC] children: inline
line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [158,10 68x17.46875] frag 0 from TextNode start: 0, length: 9, rect: [158.015625,10 68x17.46875]
"3 I don't" "3 I don't"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

6
Tests/LibWeb/Layout/expected/flex-shrink-2.txt
View file

@ -11,16 +11,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (59,10) content-size 164.666666x100 flex-item [BFC] children: inline BlockContainer <div.box> at (59,10) content-size 164.671875x100 flex-item [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [59,10 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [59,10 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.box> at (225.666666,10) content-size 282.333333x100 flex-item [BFC] children: inline BlockContainer <div.box> at (225.671875,10) content-size 282.34375x100 flex-item [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [225.666666,10 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [225.671875,10 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

16
Tests/LibWeb/Layout/expected/flex/calc-flex-basis.txt
View file

@ -3,22 +3,22 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x62 children: not-inline BlockContainer <body> at (10,10) content-size 780x62 children: not-inline
Box <div.flex-container> at (11,11) content-size 778x60 flex-container(row) [FFC] children: not-inline Box <div.flex-container> at (11,11) content-size 778x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div.flex-item> at (12,12) content-size 386x28 flex-item [BFC] children: inline BlockContainer <div.flex-item> at (12,12) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 58.398437, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 58.390625, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.398437x21.835937] frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.390625x21.828125]
"Item 1" "Item 1"
TextNode <#text> TextNode <#text>
BlockContainer <div.flex-item> at (401,12) content-size 386x28 flex-item [BFC] children: inline BlockContainer <div.flex-item> at (401,12) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 61.484375, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 61.484375, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x21.835937] frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x21.828125]
"Item 2" "Item 2"
TextNode <#text> TextNode <#text>
BlockContainer <div.flex-item> at (12,42) content-size 386x28 flex-item [BFC] children: inline BlockContainer <div.flex-item> at (12,42) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 61.835937, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 61.828125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.835937x21.835937] frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.828125x21.828125]
"Item 3" "Item 3"
TextNode <#text> TextNode <#text>
BlockContainer <div.flex-item> at (401,42) content-size 386x28 flex-item [BFC] children: inline BlockContainer <div.flex-item> at (401,42) content-size 386x28 flex-item [BFC] children: inline
line 0 width: 60.15625, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 60.15625, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x21.835937] frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x21.828125]
"Item 4" "Item 4"
TextNode <#text> TextNode <#text>

32
Tests/LibWeb/Layout/expected/flex/cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt
View file

@ -1,27 +1,27 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x245.09375 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x244.28125 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x227.09375 children: not-inline BlockContainer <body> at (10,10) content-size 780x226.28125 children: not-inline
Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x225.09375 flex-container(row) [FFC] children: not-inline Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x224.28125 flex-container(row) [FFC] children: not-inline
BlockContainer <div.inner> at (12,62) content-size 776x123.09375 flex-item [BFC] children: inline BlockContainer <div.inner> at (12,62) content-size 776x122.28125 flex-item [BFC] children: inline
line 0 width: 741.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 741.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17.46875] frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17.46875]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum libero et urna" "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum libero et urna"
line 1 width: 765.03125, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 765.03125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 91, length: 95, rect: [12,79 765.03125x17.46875] frag 0 from TextNode start: 91, length: 95, rect: [12,79.46875 765.03125x17.46875]
"sodales auctor. Nullam sodales bibendum turpis quis blandit. Ut fringilla erat et erat laoreet," "sodales auctor. Nullam sodales bibendum turpis quis blandit. Ut fringilla erat et erat laoreet,"
line 2 width: 747.5625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 747.5625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 187, length: 90, rect: [12,96 747.5625x17.46875] frag 0 from TextNode start: 187, length: 90, rect: [12,96.9375 747.5625x17.46875]
"faucibus rhoncus orci hendrerit. Etiam at sagittis diam. Etiam nec neque non dolor iaculis" "faucibus rhoncus orci hendrerit. Etiam at sagittis diam. Etiam nec neque non dolor iaculis"
line 3 width: 732.109375, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 732.109375, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 278, length: 90, rect: [12,114 732.109375x17.46875] frag 0 from TextNode start: 278, length: 90, rect: [12,114.40625 732.109375x17.46875]
"finibus euismod eget erat. Pellentesque vitae purus vitae nisi vehicula vestibulum quis ut" "finibus euismod eget erat. Pellentesque vitae purus vitae nisi vehicula vestibulum quis ut"
line 4 width: 759.453125, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 759.453125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 369, length: 95, rect: [12,131 759.453125x17.46875] frag 0 from TextNode start: 369, length: 95, rect: [12,131.875 759.453125x17.46875]
"diam. Integer convallis, justo ullamcorper sollicitudin varius, enim enim pellentesque erat, eu" "diam. Integer convallis, justo ullamcorper sollicitudin varius, enim enim pellentesque erat, eu"
line 5 width: 767.1875, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 767.1875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 465, length: 94, rect: [12,149 767.1875x17.46875] frag 0 from TextNode start: 465, length: 94, rect: [12,149.34375 767.1875x17.46875]
"pellentesque sem arcu eu purus. Phasellus id erat sed felis luctus mollis eget sit amet dolor." "pellentesque sem arcu eu purus. Phasellus id erat sed felis luctus mollis eget sit amet dolor."
line 6 width: 765.578125, height: 18.28125, bottom: 123.09375, baseline: 13.53125 line 6 width: 765.578125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 560, length: 95, rect: [12,166 765.578125x17.46875] frag 0 from TextNode start: 560, length: 95, rect: [12,166.8125 765.578125x17.46875]
"Pellentesque eget justo nulla. Duis consectetur imperdiet nisi, ac tincidunt urna blandit quis." "Pellentesque eget justo nulla. Duis consectetur imperdiet nisi, ac tincidunt urna blandit quis."
TextNode <#text> TextNode <#text>

6
Tests/LibWeb/Layout/expected/flex/flex-item-min-width-fit-content.txt
View file

@ -9,14 +9,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.buttons> at (394.625,11) content-size 114.375x50 flex-item [BFC] children: inline BlockContainer <div.buttons> at (394.625,11) content-size 114.375x50 flex-item [BFC] children: inline
line 0 width: 114.375, height: 19.46875, bottom: 19.46875, baseline: 14.53125 line 0 width: 114.375, height: 19.46875, bottom: 19.46875, baseline: 14.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17.46875] frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17.46875]
frag 1 from BlockContainer start: 0, length: 0, rect: [454.625,12 53.328125x17.46875] frag 1 from BlockContainer start: 0, length: 0, rect: [454.671875,12 53.328125x17.46875]
BlockContainer <div.button> at (395.625,12) content-size 57.046875x17.46875 inline-block [BFC] children: inline BlockContainer <div.button> at (395.625,12) content-size 57.046875x17.46875 inline-block [BFC] children: inline
line 0 width: 57.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 57.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17.46875]
"Accept" "Accept"
TextNode <#text> TextNode <#text>
BlockContainer <div.button> at (454.625,12) content-size 53.328125x17.46875 inline-block [BFC] children: inline BlockContainer <div.button> at (454.671875,12) content-size 53.328125x17.46875 inline-block [BFC] children: inline
line 0 width: 53.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 53.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [454.625,12 53.328125x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [454.671875,12 53.328125x17.46875]
"Reject" "Reject"
TextNode <#text> TextNode <#text>

16
Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt
View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x69.34375 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x68.40625 [BFC] children: not-inline
Box <body.pink> at (8,8) content-size 784x53.34375 flex-container(row) [FFC] children: not-inline Box <body.pink> at (8,8) content-size 784x52.40625 flex-container(row) [FFC] children: not-inline
Box <div.orange> at (8,8) content-size 194.71875x53.34375 flex-container(row) flex-item [FFC] children: not-inline Box <div.orange> at (8,8) content-size 194.71875x52.40625 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div.lime> at (8,8) content-size 87.358999x53.34375 flex-item [BFC] children: inline BlockContainer <div.lime> at (8,8) content-size 87.34375x52.40625 flex-item [BFC] children: inline
line 0 width: 74.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 74.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17.46875] frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17.46875]
"This is a" "This is a"
line 1 width: 71.828125, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 71.828125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 10, length: 8, rect: [8,25 71.828125x17.46875] frag 0 from TextNode start: 10, length: 8, rect: [8,25.46875 71.828125x17.46875]
"bunch of" "bunch of"
line 2 width: 32.140625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 32.140625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 19, length: 4, rect: [8,42 32.140625x17.46875] frag 0 from TextNode start: 19, length: 4, rect: [8,42.9375 32.140625x17.46875]
"text" "text"
TextNode <#text> TextNode <#text>

6
Tests/LibWeb/Layout/expected/flex/flex-item-with-intrinsic-aspect-ratio-and-max-height.txt
View file

@ -1,6 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x70 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x69.96875 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x52 flex-container(row) [FFC] children: not-inline Box <body> at (10,10) content-size 780x51.96875 flex-container(row) [FFC] children: not-inline
ImageBox <img> at (11,11) content-size 66.666668x50 flex-item children: not-inline ImageBox <img> at (11,11) content-size 66.65625x49.984375 flex-item children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>

24
Tests/LibWeb/Layout/expected/flex/reverse-flex-layout-with-space-between-and-space-around.txt
View file

@ -2,37 +2,37 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x616 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x616 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x600 children: not-inline BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline
BlockContainer <div.inner> at (12.619791,8) content-size 30.078125x150 flex-item [BFC] children: inline BlockContainer <div.inner> at (12.609375,8) content-size 30.078125x150 flex-item [BFC] children: inline
line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [12.619791,8 30.078125x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17.46875]
"Well" "Well"
TextNode <#text> TextNode <#text>
BlockContainer <div.inner> at (51.9375,8) content-size 36.84375x150 flex-item [BFC] children: inline BlockContainer <div.inner> at (51.921875,8) content-size 36.84375x150 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [51.9375,8 36.84375x17.46875] frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17.46875]
"hello" "hello"
TextNode <#text> TextNode <#text>
BlockContainer <div.inner> at (98.020833,8) content-size 55.359375x150 flex-item [BFC] children: inline BlockContainer <div.inner> at (98,8) content-size 55.359375x150 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [98.020833,8 55.359375x17.46875] frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17.46875]
"friends" "friends"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div.inner> at (123.302083,158) content-size 30.078125x150 flex-item [BFC] children: inline BlockContainer <div.inner> at (123.3125,158) content-size 30.078125x150 flex-item [BFC] children: inline
line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [123.302083,158 30.078125x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17.46875]
"Well" "Well"
TextNode <#text> TextNode <#text>
BlockContainer <div.inner> at (77.21875,158) content-size 36.84375x150 flex-item [BFC] children: inline BlockContainer <div.inner> at (77.234375,158) content-size 36.84375x150 flex-item [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [77.21875,158 36.84375x17.46875] frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17.46875]
"hello" "hello"
TextNode <#text> TextNode <#text>
BlockContainer <div.inner> at (12.619791,158) content-size 55.359375x150 flex-item [BFC] children: inline BlockContainer <div.inner> at (12.640625,158) content-size 55.359375x150 flex-item [BFC] children: inline
line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 7, rect: [12.619791,158 55.359375x17.46875] frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17.46875]
"friends" "friends"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline

8
Tests/LibWeb/Layout/expected/flex/stretch-alignment-with-cross-gap.txt
View file

@ -4,7 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.flex> at (11,11) content-size 300x200 flex-container(row) [FFC] children: not-inline Box <div.flex> at (11,11) content-size 300x200 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,12) content-size 100x20 flex-item [BFC] children: not-inline BlockContainer <div> at (12,12) content-size 100x20 flex-item [BFC] children: not-inline
BlockContainer <div> at (114,12) content-size 100x20 flex-item [BFC] children: not-inline BlockContainer <div> at (114,12) content-size 100x20 flex-item [BFC] children: not-inline
BlockContainer <div> at (12,95.333333) content-size 100x20 flex-item [BFC] children: not-inline BlockContainer <div> at (12,95.328125) content-size 100x20 flex-item [BFC] children: not-inline
BlockContainer <div> at (114,95.333333) content-size 100x20 flex-item [BFC] children: not-inline BlockContainer <div> at (114,95.328125) content-size 100x20 flex-item [BFC] children: not-inline
BlockContainer <div> at (12,178.666666) content-size 100x20 flex-item [BFC] children: not-inline BlockContainer <div> at (12,178.65625) content-size 100x20 flex-item [BFC] children: not-inline
BlockContainer <div> at (114,178.666666) content-size 100x20 flex-item [BFC] children: not-inline BlockContainer <div> at (114,178.65625) content-size 100x20 flex-item [BFC] children: not-inline

18
Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
View file

@ -1,20 +1,20 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x215.984375 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x200 children: inline BlockContainer <body> at (8,8) content-size 784x199.984375 children: inline
line 0 width: 424, height: 200, bottom: 200, baseline: 159.960937 line 0 width: 424, height: 199.984375, bottom: 199.984375, baseline: 159.953125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 79.296875x200] frag 0 from TextNode start: 0, length: 1, rect: [8,8 79.296875x200]
"1" "1"
frag 1 from TextNode start: 0, length: 1, rect: [87,154 8x17.46875] frag 1 from TextNode start: 0, length: 1, rect: [87.296875,154.421875 8x17.46875]
" " " "
frag 2 from TextNode start: 0, length: 1, rect: [95,8 110.15625x200] frag 2 from TextNode start: 0, length: 1, rect: [95.296875,8 110.15625x200]
"2" "2"
frag 3 from TextNode start: 0, length: 1, rect: [205,154 8x17.46875] frag 3 from TextNode start: 0, length: 1, rect: [205.453125,154.421875 8x17.46875]
" " " "
frag 4 from TextNode start: 0, length: 1, rect: [213,8 113.671875x200] frag 4 from TextNode start: 0, length: 1, rect: [213.453125,8 113.671875x200]
"3" "3"
frag 5 from TextNode start: 0, length: 1, rect: [327,154 8x17.46875] frag 5 from TextNode start: 0, length: 1, rect: [327.125,154.421875 8x17.46875]
" " " "
frag 6 from TextNode start: 0, length: 1, rect: [335,8 96.875x200] frag 6 from TextNode start: 0, length: 1, rect: [335.125,8 96.875x200]
"4" "4"
InlineNode <span.one> InlineNode <span.one>
TextNode <#text> TextNode <#text>

8
Tests/LibWeb/Layout/expected/getComputedStyle-on-unconnected-element.txt
View file

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x37.835937 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x37.828125 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x21.835937 children: inline BlockContainer <body> at (8,8) content-size 784x21.828125 children: inline
line 0 width: 362.617187, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 362.59375, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 35, rect: [8,8 362.617187x21.835937] frag 0 from TextNode start: 0, length: 35, rect: [8,8 362.59375x21.828125]
"This test passes if we don't crash." "This test passes if we don't crash."
TextNode <#text> TextNode <#text>

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

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,8 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,8 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

@ -103,14 +103,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,275.34375) content-size 784x90.9375 [GFC] children: not-inline Box <div.grid-container> at (8,275.34375) content-size 784x90.9375 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (444.2,285.34375) content-size 337.8x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (444.1875,285.34375) content-size 337.796875x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [444.2,285.34375 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [444.1875,285.34375 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (18,338.8125) content-size 337.8x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (18,338.8125) content-size 337.796875x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,338.8125 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [18,338.8125 8.8125x17.46875]
"2" "2"

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

@ -2,12 +2,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 <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x50.9375 children: not-inline BlockContainer <body> at (8,8) content-size 784x50.9375 children: not-inline
Box <div.container> at (8,8) content-size 784x50.9375 [GFC] children: not-inline Box <div.container> at (8,8) content-size 784x50.9375 [GFC] children: not-inline
BlockContainer <div.item> at (434.2,8) content-size 357.8x17.46875 [BFC] children: inline BlockContainer <div.item> at (434.1875,8) content-size 357.796875x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [434.2,8 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [434.1875,8 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <div.item> at (8,41.46875) content-size 357.8x17.46875 [BFC] children: inline BlockContainer <div.item> at (8,41.46875) content-size 357.796875x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,41.46875 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,41.46875 8.8125x17.46875]
"2" "2"

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

@ -1,36 +1,36 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x355.507812 children: not-inline BlockContainer <body> at (8,8) content-size 784x355.5 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x355.507812 [GFC] children: not-inline Box <div.grid-container> at (8,8) content-size 784x355.5 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (68,68) content-size 17.050781x32.753906 [BFC] children: inline BlockContainer <div.grid-item> at (68,68) content-size 17.046875x32.75 [BFC] children: inline
line 0 width: 11.894531, height: 32.753906, bottom: 32.753906, baseline: 25.371093 line 0 width: 11.890625, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [71,68 11.894531x32.753906] frag 0 from TextNode start: 0, length: 1, rect: [70.578125,68 11.890625x32.75]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (255.050781,68) content-size 16.523437x32.753906 [BFC] children: inline BlockContainer <div.grid-item> at (255.046875,68) content-size 16.515625x32.75 [BFC] children: inline
line 0 width: 16.523437, height: 32.753906, bottom: 32.753906, baseline: 25.371093 line 0 width: 16.515625, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [255.050781,68 16.523437x32.753906] frag 0 from TextNode start: 0, length: 1, rect: [255.046875,68 16.515625x32.75]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (68,270.753906) content-size 17.050781x32.753906 [BFC] children: inline BlockContainer <div.grid-item> at (68,270.75) content-size 17.046875x32.75 [BFC] children: inline
line 0 width: 17.050781, height: 32.753906, bottom: 32.753906, baseline: 25.371093 line 0 width: 17.046875, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [68,270.753906 17.050781x32.753906] frag 0 from TextNode start: 0, length: 1, rect: [68,270.75 17.046875x32.75]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (255.050781,270.753906) content-size 16.523437x32.753906 [BFC] children: inline BlockContainer <div.grid-item> at (255.046875,270.75) content-size 16.515625x32.75 [BFC] children: inline
line 0 width: 14.53125, height: 32.753906, bottom: 32.753906, baseline: 25.371093 line 0 width: 14.53125, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [256.050781,270.753906 14.53125x32.753906] frag 0 from TextNode start: 0, length: 1, rect: [256.03125,270.75 14.53125x32.75]
"4" "4"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,363.507812) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,363.5) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>

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

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x458.28125 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x457.25 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x440.28125 children: not-inline BlockContainer <body> at (10,10) content-size 780x439.25 children: not-inline
Box <div.grid> at (11,11) content-size 500x438.28125 [GFC] children: not-inline Box <div.grid> at (11,11) content-size 500x437.25 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto> at (99.71875,12) content-size 322.5625x17.46875 [BFC] children: inline BlockContainer <div.left-margin-auto.right-margin-auto> at (99.71875,12) content-size 322.5625x17.46875 [BFC] children: inline
@ -25,9 +25,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.257812,70.40625) content-size 371.484375x17.46875 [BFC] children: inline BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.25,70.40625) content-size 371.484375x17.46875 [BFC] children: inline
line 0 width: 371.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 371.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 45, rect: [75.257812,70.40625 371.484375x17.46875] frag 0 from TextNode start: 0, length: 45, rect: [75.25,70.40625 371.484375x17.46875]
"auto horizontal margins and fit-content width" "auto horizontal margins and fit-content width"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -46,71 +46,71 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto.fixed-width> at (236,128.8125) content-size 50x105.15625 [BFC] children: inline BlockContainer <div.left-margin-auto.right-margin-auto.fixed-width> at (236,128.8125) content-size 50x104.8125 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [236,128.8125 36.328125x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [236,128.8125 36.328125x17.46875]
"auto" "auto"
line 1 width: 81.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 81.84375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 5, length: 10, rect: [236,145.8125 81.84375x17.46875] frag 0 from TextNode start: 5, length: 10, rect: [236,146.28125 81.84375x17.46875]
"horizontal" "horizontal"
line 2 width: 61.453125, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 61.453125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 16, length: 7, rect: [236,162.8125 61.453125x17.46875] frag 0 from TextNode start: 16, length: 7, rect: [236,163.75 61.453125x17.46875]
"margins" "margins"
line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 26.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 24, length: 3, rect: [236,180.8125 26.8125x17.46875] frag 0 from TextNode start: 24, length: 3, rect: [236,181.21875 26.8125x17.46875]
"and" "and"
line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 37.28125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 28, length: 5, rect: [236,197.8125 37.28125x17.46875] frag 0 from TextNode start: 28, length: 5, rect: [236,198.6875 37.28125x17.46875]
"fixed" "fixed"
line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 39.796875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 34, length: 5, rect: [236,215.8125 39.796875x17.46875] frag 0 from TextNode start: 34, length: 5, rect: [236,216.15625 39.796875x17.46875]
"width" "width"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.left-margin-auto.fixed-width> at (460,235.96875) content-size 50x105.15625 [BFC] children: inline BlockContainer <div.left-margin-auto.fixed-width> at (460,235.625) content-size 50x104.8125 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [460,235.96875 36.328125x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [460,235.625 36.328125x17.46875]
"auto" "auto"
line 1 width: 26.25, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 26.25, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 5, length: 4, rect: [460,252.96875 26.25x17.46875] frag 0 from TextNode start: 5, length: 4, rect: [460,253.09375 26.25x17.46875]
"left" "left"
line 2 width: 52.109375, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 52.109375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 10, length: 6, rect: [460,269.96875 52.109375x17.46875] frag 0 from TextNode start: 10, length: 6, rect: [460,270.5625 52.109375x17.46875]
"margin" "margin"
line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 26.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 17, length: 3, rect: [460,287.96875 26.8125x17.46875] frag 0 from TextNode start: 17, length: 3, rect: [460,288.03125 26.8125x17.46875]
"and" "and"
line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 37.28125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 21, length: 5, rect: [460,304.96875 37.28125x17.46875] frag 0 from TextNode start: 21, length: 5, rect: [460,305.5 37.28125x17.46875]
"fixed" "fixed"
line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 39.796875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 27, length: 5, rect: [460,322.96875 39.796875x17.46875] frag 0 from TextNode start: 27, length: 5, rect: [460,322.96875 39.796875x17.46875]
"width" "width"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.right-margin-auto.fixed-width> at (12,343.125) content-size 50x105.15625 [BFC] children: inline BlockContainer <div.right-margin-auto.fixed-width> at (12,342.4375) content-size 50x104.8125 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [12,343.125 36.328125x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [12,342.4375 36.328125x17.46875]
"auto" "auto"
line 1 width: 37.109375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 37.109375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 5, length: 5, rect: [12,360.125 37.109375x17.46875] frag 0 from TextNode start: 5, length: 5, rect: [12,359.90625 37.109375x17.46875]
"right" "right"
line 2 width: 52.109375, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 52.109375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 11, length: 6, rect: [12,377.125 52.109375x17.46875] frag 0 from TextNode start: 11, length: 6, rect: [12,377.375 52.109375x17.46875]
"margin" "margin"
line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 26.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 18, length: 3, rect: [12,395.125 26.8125x17.46875] frag 0 from TextNode start: 18, length: 3, rect: [12,394.84375 26.8125x17.46875]
"and" "and"
line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 37.28125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 22, length: 5, rect: [12,412.125 37.28125x17.46875] frag 0 from TextNode start: 22, length: 5, rect: [12,412.3125 37.28125x17.46875]
"fixed" "fixed"
line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 39.796875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 28, length: 5, rect: [12,430.125 39.796875x17.46875] frag 0 from TextNode start: 28, length: 5, rect: [12,429.78125 39.796875x17.46875]
"width" "width"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (10,450.28125) content-size 780x0 children: inline BlockContainer <(anonymous)> at (10,449.25) content-size 780x0 children: inline
TextNode <#text> TextNode <#text>

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

@ -3,8 +3,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
BlockContainer <div> at (8,8) content-size 784x17.46875 children: not-inline BlockContainer <div> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item> at (243.2,8) content-size 313.6x17.46875 [BFC] children: inline BlockContainer <div.item> at (243.1875,8) content-size 313.625x17.46875 [BFC] children: inline
line 0 width: 121.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 121.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 16, rect: [243.2,8 121.0625x17.46875] frag 0 from TextNode start: 0, length: 16, rect: [243.1875,8 121.0625x17.46875]
"A filthy t-shirt" "A filthy t-shirt"
TextNode <#text> TextNode <#text>

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

@ -1,60 +1,60 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.container> at (8,8) content-size 200x315.40625 floating [GFC] children: not-inline Box <div.container> at (8,8) content-size 200x314.4375 floating [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 100x315.40625 [BFC] children: inline BlockContainer <div.item> at (8,8) content-size 100x314.4375 [BFC] children: inline
line 0 width: 50.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 50.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17.46875] frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17.46875]
"Lorem" "Lorem"
line 1 width: 94.9375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 94.9375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17.46875] frag 0 from TextNode start: 7, length: 11, rect: [8,25.46875 94.9375x17.46875]
"ipsum dolor" "ipsum dolor"
line 2 width: 70.9375, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 70.9375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17.46875] frag 0 from TextNode start: 19, length: 9, rect: [8,42.9375 70.9375x17.46875]
"sit amet," "sit amet,"
line 3 width: 96.84375, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 96.84375, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 29, length: 11, rect: [8,60 96.84375x17.46875] frag 0 from TextNode start: 29, length: 11, rect: [8,60.40625 96.84375x17.46875]
"consectetur" "consectetur"
line 4 width: 75.71875, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 75.71875, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 41, length: 10, rect: [8,77 75.71875x17.46875] frag 0 from TextNode start: 41, length: 10, rect: [8,77.875 75.71875x17.46875]
"adipiscing" "adipiscing"
line 5 width: 28.71875, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 28.71875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 52, length: 5, rect: [8,95 28.71875x17.46875] frag 0 from TextNode start: 52, length: 5, rect: [8,95.34375 28.71875x17.46875]
"elit." "elit."
line 6 width: 65.40625, height: 18.28125, bottom: 123.09375, baseline: 13.53125 line 6 width: 65.40625, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 58, length: 7, rect: [8,112 65.40625x17.46875] frag 0 from TextNode start: 58, length: 7, rect: [8,112.8125 65.40625x17.46875]
"Vivamus" "Vivamus"
line 7 width: 88.640625, height: 17.75, bottom: 140.03125, baseline: 13.53125 line 7 width: 88.640625, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 66, length: 11, rect: [8,130 88.640625x17.46875] frag 0 from TextNode start: 66, length: 11, rect: [8,130.28125 88.640625x17.46875]
"eget turpis" "eget turpis"
line 8 width: 77.40625, height: 18.21875, bottom: 157.96875, baseline: 13.53125 line 8 width: 77.40625, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 78, length: 9, rect: [8,147 77.40625x17.46875] frag 0 from TextNode start: 78, length: 9, rect: [8,147.75 77.40625x17.46875]
"eget urna" "eget urna"
line 9 width: 53.25, height: 17.6875, bottom: 174.90625, baseline: 13.53125 line 9 width: 53.25, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 88, length: 7, rect: [8,165 53.25x17.46875] frag 0 from TextNode start: 88, length: 7, rect: [8,165.21875 53.25x17.46875]
"feugiat" "feugiat"
line 10 width: 84.984375, height: 18.15625, bottom: 192.84375, baseline: 13.53125 line 10 width: 84.984375, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 96, length: 10, rect: [8,182 84.984375x17.46875] frag 0 from TextNode start: 96, length: 10, rect: [8,182.6875 84.984375x17.46875]
"pretium ut" "pretium ut"
line 11 width: 65.359375, height: 17.625, bottom: 209.78125, baseline: 13.53125 line 11 width: 65.359375, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 107, length: 8, rect: [8,200 65.359375x17.46875] frag 0 from TextNode start: 107, length: 8, rect: [8,200.15625 65.359375x17.46875]
"eu ante." "eu ante."
line 12 width: 72.46875, height: 18.09375, bottom: 227.71875, baseline: 13.53125 line 12 width: 72.46875, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 116, length: 8, rect: [8,217 72.46875x17.46875] frag 0 from TextNode start: 116, length: 8, rect: [8,217.625 72.46875x17.46875]
"Nunc sed" "Nunc sed"
line 13 width: 70.640625, height: 17.5625, bottom: 244.65625, baseline: 13.53125 line 13 width: 70.640625, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 125, length: 8, rect: [8,235 70.640625x17.46875] frag 0 from TextNode start: 125, length: 8, rect: [8,235.09375 70.640625x17.46875]
"pharetra" "pharetra"
line 14 width: 39.015625, height: 18.03125, bottom: 262.59375, baseline: 13.53125 line 14 width: 39.015625, height: 17.46875, bottom: 262.03125, baseline: 13.53125
frag 0 from TextNode start: 134, length: 5, rect: [8,252 39.015625x17.46875] frag 0 from TextNode start: 134, length: 5, rect: [8,252.5625 39.015625x17.46875]
"diam," "diam,"
line 15 width: 56.25, height: 17.5, bottom: 279.53125, baseline: 13.53125 line 15 width: 56.25, height: 17.46875, bottom: 279.5, baseline: 13.53125
frag 0 from TextNode start: 140, length: 6, rect: [8,270 56.25x17.46875] frag 0 from TextNode start: 140, length: 6, rect: [8,270.03125 56.25x17.46875]
"rutrum" "rutrum"
line 16 width: 50.546875, height: 17.96875, bottom: 297.46875, baseline: 13.53125 line 16 width: 50.546875, height: 17.46875, bottom: 296.96875, baseline: 13.53125
frag 0 from TextNode start: 147, length: 7, rect: [8,287 50.546875x17.46875] frag 0 from TextNode start: 147, length: 7, rect: [8,287.5 50.546875x17.46875]
"lacinia" "lacinia"
line 17 width: 47.5, height: 18.4375, bottom: 315.40625, baseline: 13.53125 line 17 width: 47.5, height: 17.46875, bottom: 314.4375, baseline: 13.53125
frag 0 from TextNode start: 155, length: 7, rect: [8,304 47.5x17.46875] frag 0 from TextNode start: 155, length: 7, rect: [8,304.96875 47.5x17.46875]
"tellus." "tellus."
TextNode <#text> TextNode <#text>

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

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

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

@ -1,8 +1,8 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x97.817501 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x97.8125 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x79.817501 [GFC] children: not-inline Box <body> at (10,10) content-size 780x79.8125 [GFC] children: not-inline
BlockContainer <h1> at (55.5,32.440000) content-size 689x34.9375 [BFC] children: inline BlockContainer <h1> at (55.5,32.4375) content-size 689x34.9375 [BFC] children: inline
line 0 width: 492.96875, height: 34.9375, bottom: 34.9375, baseline: 27.0625 line 0 width: 492.96875, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 31, rect: [55.5,32.440000 492.96875x34.9375] frag 0 from TextNode start: 0, length: 31, rect: [55.5,32.4375 492.96875x34.9375]
"Null publishes fine indie games" "Null publishes fine indie games"
TextNode <#text> TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/image-in-grid.txt
View file

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x23.999999 children: not-inline BlockContainer <body> at (8,8) content-size 784x24 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x23.999999 [GFC] children: not-inline Box <div.grid-container> at (8,8) content-size 784x24 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.wrapper> at (8,8) content-size 64x23.999999 [BFC] children: inline BlockContainer <div.wrapper> at (8,8) content-size 64.015625x24 [BFC] children: inline
line 0 width: 64, height: 23.999999, bottom: 23.999999, baseline: 23.999999 line 0 width: 64.015625, height: 24, bottom: 24, baseline: 24
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64x23.999999] frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.015625x24]
TextNode <#text> TextNode <#text>
ImageBox <img> at (8,8) content-size 64x23.999999 children: not-inline ImageBox <img> at (8,8) content-size 64.015625x24 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>

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

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

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

@ -12,9 +12,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> at (10,31.46875) content-size 780x0 children: inline BlockContainer <(anonymous)> at (10,31.46875) content-size 780x0 children: inline
TextNode <#text> TextNode <#text>
Box <div.grid.center> at (11,32.46875) content-size 778x19.46875 [GFC] children: not-inline Box <div.grid.center> at (11,32.46875) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div> at (373.476562,33.46875) content-size 53.046875x17.46875 [BFC] children: inline BlockContainer <div> at (373.46875,33.46875) content-size 53.046875x17.46875 [BFC] children: inline
line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [373.476562,33.46875 53.046875x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [373.46875,33.46875 53.046875x17.46875]
"Center" "Center"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (10,52.9375) content-size 780x0 children: inline BlockContainer <(anonymous)> at (10,52.9375) content-size 780x0 children: inline

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

@ -10,9 +10,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div> at (373.476562,30.46875) content-size 53.046875x17.46875 [BFC] children: inline BlockContainer <div> at (373.46875,30.46875) content-size 53.046875x17.46875 [BFC] children: inline
line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [373.476562,30.46875 53.046875x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [373.46875,30.46875 53.046875x17.46875]
"Center" "Center"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

@ -2,22 +2,22 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.grid> at (8,8) content-size 784x34.9375 [GFC] children: not-inline Box <div.grid> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875]
"a" "a"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (269.333333,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,8 9.46875x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 9.46875x17.46875]
"b" "b"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 8.890625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 8.890625x17.46875]
"c" "c"
TextNode <#text> TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div> at (8,25.46875) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 7.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 7.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 7.859375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 7.859375x17.46875]
"d" "d"

14
Tests/LibWeb/Layout/expected/grid/named-tracks.txt
View file

@ -25,30 +25,30 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,25.46875) content-size 784x75 [GFC] children: not-inline Box <div.grid-container> at (8,25.46875) content-size 784x75 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333333x75 [BFC] children: inline BlockContainer <div.grid-item> at (8,25.46875) content-size 261.328125x75 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,25.46875) content-size 261.333333x50 [BFC] children: inline BlockContainer <div.grid-item> at (530.65625,25.46875) content-size 261.328125x50 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,25.46875 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [530.65625,25.46875 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,25.46875) content-size 261.333333x25 [BFC] children: inline BlockContainer <div.grid-item> at (269.328125,25.46875) content-size 261.328125x25 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,25.46875 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [269.328125,25.46875 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,75.46875) content-size 522.666666x25 [BFC] children: inline BlockContainer <div.grid-item> at (269.328125,75.46875) content-size 522.65625x25 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,75.46875 7.75x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [269.328125,75.46875 7.75x17.46875]
"4" "4"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

12
Tests/LibWeb/Layout/expected/grid/positions-and-spans.txt
View file

@ -4,16 +4,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 522.666666x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (8,8) content-size 522.5x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (530.5,8) content-size 261.25x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [530.5,8 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -25,16 +25,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,25.46875) content-size 784x17.46875 [GFC] children: not-inline Box <div.grid-container> at (8,25.46875) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (8,25.46875) content-size 261.25x17.46875 [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,25.46875) content-size 522.666666x17.46875 [BFC] children: inline BlockContainer <div.grid-item> at (269.25,25.46875) content-size 522.5x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,25.46875 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [269.25,25.46875 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

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

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

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

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

@ -1,107 +1,107 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x352.34375 children: not-inline BlockContainer <body> at (8,8) content-size 784x351.90625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x352.34375 [GFC] children: not-inline Box <div.grid-container> at (8,8) content-size 784x351.90625 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (411.46875,8) content-size 382x139.765625 [BFC] children: inline BlockContainer <div.grid-item.item-span-one-one> at (411.46875,8) content-size 382x139.75 [BFC] children: inline
line 0 width: 319.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 319.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 40, rect: [411.46875,8 319.171875x17.46875] frag 0 from TextNode start: 1, length: 40, rect: [411.46875,8 319.171875x17.46875]
"In a sollicitudin augue. Sed ante augue," "In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 335.125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [411.46875,25 335.125x17.46875] frag 0 from TextNode start: 42, length: 42, rect: [411.46875,25.46875 335.125x17.46875]
"rhoncus nec porttitor id, lacinia et nibh." "rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 378.625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 85, length: 48, rect: [411.46875,42 378.625x17.46875] frag 0 from TextNode start: 85, length: 48, rect: [411.46875,42.9375 378.625x17.46875]
"Pellentesque diam libero, ultrices eget eleifend" "Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 182.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 134, length: 22, rect: [411.46875,60 182.8125x17.46875] frag 0 from TextNode start: 134, length: 22, rect: [411.46875,60.40625 182.8125x17.46875]
"at, consequat ut orci." "at, consequat ut orci."
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (411.46875,167.765625) content-size 382x192.578125 [BFC] children: inline BlockContainer <div.grid-item.item-span-one-two> at (411.46875,167.75) content-size 382x192.15625 [BFC] children: inline
line 0 width: 359.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 359.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 43, rect: [411.46875,167.765625 359.15625x17.46875] frag 0 from TextNode start: 1, length: 43, rect: [411.46875,167.75 359.15625x17.46875]
"Suspendisse potenti. Pellentesque at varius" "Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 318.5625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 45, length: 41, rect: [411.46875,184.765625 318.5625x17.46875] frag 0 from TextNode start: 45, length: 41, rect: [411.46875,185.21875 318.5625x17.46875]
"lacus, sed sollicitudin leo. Pellentesque" "lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 377.640625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 87, length: 44, rect: [411.46875,201.765625 377.640625x17.46875] frag 0 from TextNode start: 87, length: 44, rect: [411.46875,202.6875 377.640625x17.46875]
"malesuada mi eget pellentesque tempor. Donec" "malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 378.03125, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 132, length: 47, rect: [411.46875,219.765625 378.03125x17.46875] frag 0 from TextNode start: 132, length: 47, rect: [411.46875,220.15625 378.03125x17.46875]
"egestas mauris est, ut lobortis nisi luctus at." "egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 345.953125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 180, length: 41, rect: [411.46875,236.765625 345.953125x17.46875] frag 0 from TextNode start: 180, length: 41, rect: [411.46875,237.625 345.953125x17.46875]
"Vivamus eleifend, lorem vulputate maximus" "Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 312.765625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 222, length: 37, rect: [411.46875,254.765625 312.765625x17.46875] frag 0 from TextNode start: 222, length: 37, rect: [411.46875,255.09375 312.765625x17.46875]
"porta, nunc metus porttitor nibh, nec" "porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 18.28125, bottom: 123.09375, baseline: 13.53125 line 6 width: 242.921875, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 260, length: 31, rect: [411.46875,271.765625 242.921875x17.46875] frag 0 from TextNode start: 260, length: 31, rect: [411.46875,272.5625 242.921875x17.46875]
"bibendum nulla lectus ut felis." "bibendum nulla lectus ut felis."
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 383.46875x352.34375 [BFC] children: inline BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 383.46875x351.90625 [BFC] children: inline
line 0 width: 337.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 337.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17.46875] frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17.46875]
"Lorem ipsum dolor sit amet, consectetur" "Lorem ipsum dolor sit amet, consectetur"
line 1 width: 376.34375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 376.34375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875] frag 0 from TextNode start: 41, length: 47, rect: [8,25.46875 376.34375x17.46875]
"adipiscing elit. Sed vitae condimentum erat, ac" "adipiscing elit. Sed vitae condimentum erat, ac"
line 2 width: 365.84375, height: 18.40625, bottom: 53.34375, baseline: 13.53125 line 2 width: 365.84375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17.46875] frag 0 from TextNode start: 89, length: 45, rect: [8,42.9375 365.84375x17.46875]
"posuere arcu. Aenean tincidunt mi ligula, vel" "posuere arcu. Aenean tincidunt mi ligula, vel"
line 3 width: 381.96875, height: 17.875, bottom: 70.28125, baseline: 13.53125 line 3 width: 381.96875, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 135, length: 46, rect: [8,60 381.96875x17.46875] frag 0 from TextNode start: 135, length: 46, rect: [8,60.40625 381.96875x17.46875]
"semper dolor aliquet at. Phasellus scelerisque" "semper dolor aliquet at. Phasellus scelerisque"
line 4 width: 377.203125, height: 18.34375, bottom: 88.21875, baseline: 13.53125 line 4 width: 377.203125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 182, length: 45, rect: [8,77 377.203125x17.46875] frag 0 from TextNode start: 182, length: 45, rect: [8,77.875 377.203125x17.46875]
"dapibus diam sed rhoncus. Proin sed orci leo." "dapibus diam sed rhoncus. Proin sed orci leo."
line 5 width: 375.390625, height: 17.8125, bottom: 105.15625, baseline: 13.53125 line 5 width: 375.390625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 228, length: 45, rect: [8,95 375.390625x17.46875] frag 0 from TextNode start: 228, length: 45, rect: [8,95.34375 375.390625x17.46875]
"Praesent pellentesque mi eu nunc gravida, vel" "Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 271.078125, height: 18.28125, bottom: 123.09375, baseline: 13.53125 line 6 width: 271.078125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 274, length: 32, rect: [8,112 271.078125x17.46875] frag 0 from TextNode start: 274, length: 32, rect: [8,112.8125 271.078125x17.46875]
"consectetur nulla malesuada. Sed" "consectetur nulla malesuada. Sed"
line 7 width: 303.5625, height: 17.75, bottom: 140.03125, baseline: 13.53125 line 7 width: 303.5625, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 307, length: 40, rect: [8,130 303.5625x17.46875] frag 0 from TextNode start: 307, length: 40, rect: [8,130.28125 303.5625x17.46875]
"pellentesque, elit sit amet sollicitudin" "pellentesque, elit sit amet sollicitudin"
line 8 width: 346.625, height: 18.21875, bottom: 157.96875, baseline: 13.53125 line 8 width: 346.625, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 348, length: 46, rect: [8,147 346.625x17.46875] frag 0 from TextNode start: 348, length: 46, rect: [8,147.75 346.625x17.46875]
"sollicitudin, lectus justo facilisis lacus, ac" "sollicitudin, lectus justo facilisis lacus, ac"
line 9 width: 350.234375, height: 17.6875, bottom: 174.90625, baseline: 13.53125 line 9 width: 350.234375, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 395, length: 42, rect: [8,165 350.234375x17.46875] frag 0 from TextNode start: 395, length: 42, rect: [8,165.21875 350.234375x17.46875]
"vehicula metus neque ac mi. In in augue et" "vehicula metus neque ac mi. In in augue et"
line 10 width: 361.0625, height: 18.15625, bottom: 192.84375, baseline: 13.53125 line 10 width: 361.0625, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 438, length: 40, rect: [8,182 361.0625x17.46875] frag 0 from TextNode start: 438, length: 40, rect: [8,182.6875 361.0625x17.46875]
"massa maximus venenatis auctor fermentum" "massa maximus venenatis auctor fermentum"
line 11 width: 371.734375, height: 17.625, bottom: 209.78125, baseline: 13.53125 line 11 width: 371.734375, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 479, length: 46, rect: [8,200 371.734375x17.46875] frag 0 from TextNode start: 479, length: 46, rect: [8,200.15625 371.734375x17.46875]
"dui. Aliquam dictum finibus urna, quis lacinia" "dui. Aliquam dictum finibus urna, quis lacinia"
line 12 width: 369.59375, height: 18.09375, bottom: 227.71875, baseline: 13.53125 line 12 width: 369.59375, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 526, length: 42, rect: [8,217 369.59375x17.46875] frag 0 from TextNode start: 526, length: 42, rect: [8,217.625 369.59375x17.46875]
"massa laoreet a. Suspendisse elementum non" "massa laoreet a. Suspendisse elementum non"
line 13 width: 323.78125, height: 17.5625, bottom: 244.65625, baseline: 13.53125 line 13 width: 323.78125, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 569, length: 39, rect: [8,235 323.78125x17.46875] frag 0 from TextNode start: 569, length: 39, rect: [8,235.09375 323.78125x17.46875]
"lectus nec elementum. Quisque ultricies" "lectus nec elementum. Quisque ultricies"
line 14 width: 337, height: 18.03125, bottom: 262.59375, baseline: 13.53125 line 14 width: 337, height: 17.46875, bottom: 262.03125, baseline: 13.53125
frag 0 from TextNode start: 609, length: 40, rect: [8,252 337x17.46875] frag 0 from TextNode start: 609, length: 40, rect: [8,252.5625 337x17.46875]
"suscipit porttitor. Sed non urna rutrum," "suscipit porttitor. Sed non urna rutrum,"
line 15 width: 351.828125, height: 17.5, bottom: 279.53125, baseline: 13.53125 line 15 width: 351.828125, height: 17.46875, bottom: 279.5, baseline: 13.53125
frag 0 from TextNode start: 650, length: 46, rect: [8,270 351.828125x17.46875] frag 0 from TextNode start: 650, length: 46, rect: [8,270.03125 351.828125x17.46875]
"mattis nulla at, feugiat erat. Duis orci elit," "mattis nulla at, feugiat erat. Duis orci elit,"
line 16 width: 361.328125, height: 17.96875, bottom: 297.46875, baseline: 13.53125 line 16 width: 361.328125, height: 17.46875, bottom: 296.96875, baseline: 13.53125
frag 0 from TextNode start: 697, length: 45, rect: [8,287 361.328125x17.46875] frag 0 from TextNode start: 697, length: 45, rect: [8,287.5 361.328125x17.46875]
"vehicula sed blandit eget, auctor in arcu. Ut" "vehicula sed blandit eget, auctor in arcu. Ut"
line 17 width: 345.75, height: 18.4375, bottom: 315.40625, baseline: 13.53125 line 17 width: 345.75, height: 17.46875, bottom: 314.4375, baseline: 13.53125
frag 0 from TextNode start: 743, length: 41, rect: [8,304 345.75x17.46875] frag 0 from TextNode start: 743, length: 41, rect: [8,304.96875 345.75x17.46875]
"cursus magna sit amet nulla cursus, vitae" "cursus magna sit amet nulla cursus, vitae"
line 18 width: 180.234375, height: 17.90625, bottom: 332.34375, baseline: 13.53125 line 18 width: 180.234375, height: 17.46875, bottom: 331.90625, baseline: 13.53125
frag 0 from TextNode start: 785, length: 22, rect: [8,322 180.234375x17.46875] frag 0 from TextNode start: 785, length: 22, rect: [8,322.4375 180.234375x17.46875]
"gravida mauris dictum." "gravida mauris dictum."
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline

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

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

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

@ -2,13 +2,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item-left> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.item-left> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17.46875]
"1fr" "1fr"
TextNode <#text> TextNode <#text>
BlockContainer <div.item-right> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline BlockContainer <div.item-right> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [530.666666,8 21.609375x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [530.65625,8 21.609375x17.46875]
"1fr" "1fr"
TextNode <#text> TextNode <#text>

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

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x35.40625 children: not-inline BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x35.40625 flex-container(row) [FFC] children: not-inline Box <div.ipc-page-grid> at (8,8) content-size 784x34.9375 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x35.40625 flex-item [GFC] children: not-inline Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x34.9375 flex-item [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 401.281x35.40625 [BFC] children: inline BlockContainer <(anonymous)> at (8,8) content-size 401.265625x34.9375 [BFC] children: inline
line 0 width: 356.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 356.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 40, rect: [8,8 356.96875x17.46875] frag 0 from TextNode start: 0, length: 40, rect: [8,8 356.96875x17.46875]
"The 10 Most Anticipated Summer Movies of" "The 10 Most Anticipated Summer Movies of"
line 1 width: 36.3125, height: 17.9375, bottom: 35.40625, baseline: 13.53125 line 1 width: 36.3125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 41, length: 4, rect: [8,25 36.3125x17.46875] frag 0 from TextNode start: 41, length: 4, rect: [8,25.46875 36.3125x17.46875]
"2023" "2023"
TextNode <#text> TextNode <#text>

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

@ -3,7 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline Box <div.ipc-page-grid> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 36.84375x17.46875 flex-item [GFC] children: not-inline Box <div.ipc-sub-grid> at (8,8) content-size 36.84375x17.46875 flex-item [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 36.844x17.46875 [BFC] children: inline BlockContainer <div> at (8,8) content-size 36.84375x17.46875 [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17.46875] frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17.46875]
"hello" "hello"

6
Tests/LibWeb/Layout/expected/height-of-absolute-position-box-with-padding.txt
View file

@ -4,9 +4,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x0 children: inline BlockContainer <body> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <h1> at (76.590551,103.754331) content-size 126x38 positioned [BFC] children: inline BlockContainer <h1> at (76.578125,103.734375) content-size 126x38 positioned [BFC] children: inline
line 0 width: 46.523437, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 46.515625, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 4, rect: [116.590551,103.754331 46.523437x21.835937] frag 0 from TextNode start: 0, length: 4, rect: [116.3125,103.734375 46.515625x21.828125]
"Test" "Test"
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>

6
Tests/LibWeb/Layout/expected/image-with-multiple-constraint-violations.txt
View file

@ -1,6 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x80 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x80 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x62 children: inline BlockContainer <body> at (10,10) content-size 780x62 children: inline
line 0 width: 82, height: 62, bottom: 62, baseline: 62 line 0 width: 81.6875, height: 62, bottom: 62, baseline: 62
frag 0 from ImageBox start: 0, length: 0, rect: [11,11 80x60] frag 0 from ImageBox start: 0, length: 0, rect: [11,11 79.6875x60]
ImageBox <img> at (11,11) content-size 80x60 children: not-inline ImageBox <img> at (11,11) content-size 79.6875x60 children: not-inline

4
Tests/LibWeb/Layout/expected/img-with-percentage-max-width-and-min-content-containing-block-width.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 <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 0x17.46875 children: 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 line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from ImageBox start: 0, length: 0, rect: [8,21 0x0] frag 0 from ImageBox start: 0, length: 0, rect: [8,21.53125 0x0]
ImageBox <img> at (8,21) content-size 0x0 children: not-inline ImageBox <img> at (8,21.53125) content-size 0x0 children: not-inline

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

@ -1,20 +1,20 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x570.851562 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x570.84375 [BFC] children: not-inline
BlockContainer <body> at (8,70) content-size 784x492.851562 children: not-inline BlockContainer <body> at (8,70) content-size 784x492.84375 children: not-inline
BlockContainer <p.min-inline-test> at (8,70) content-size 784x200 children: inline BlockContainer <p.min-inline-test> at (8,70) content-size 784x200 children: inline
line 0 width: 85.859375, height: 76.425781, bottom: 76.425781, baseline: 59.199218 line 0 width: 85.859375, height: 76.421875, bottom: 76.421875, baseline: 59.1875
frag 0 from TextNode start: 0, length: 2, rect: [8,70 85.859375x76.425781] frag 0 from TextNode start: 0, length: 2, rect: [8,70 85.859375x76.421875]
"KK" "KK"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,340) content-size 784x76.425781 children: inline BlockContainer <(anonymous)> at (8,340) content-size 784x76.421875 children: inline
line 0 width: 0, height: 76.425781, bottom: 76.425781, baseline: 59.199218 line 0 width: 0, height: 76.421875, bottom: 76.421875, baseline: 59.1875
TextNode <#text> TextNode <#text>
BreakNode <br> BreakNode <br>
TextNode <#text> TextNode <#text>
BlockContainer <p.max-inline-test> at (8,486.425781) content-size 100x76.425781 children: inline BlockContainer <p.max-inline-test> at (8,486.421875) content-size 100x76.421875 children: inline
line 0 width: 85.859375, height: 76.425781, bottom: 76.425781, baseline: 59.199218 line 0 width: 85.859375, height: 76.421875, bottom: 76.421875, baseline: 59.1875
frag 0 from TextNode start: 0, length: 2, rect: [8,486.425781 85.859375x76.425781] frag 0 from TextNode start: 0, length: 2, rect: [8,486.421875 85.859375x76.421875]
"KK" "KK"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,632.851562) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,632.84375) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>

14
Tests/LibWeb/Layout/expected/input-element-with-display-inline.txt
View file

@ -1,9 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x45.835937 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x45.828125 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x27.835937 children: inline BlockContainer <body> at (10,10) content-size 780x27.828125 children: inline
line 0 width: 202, height: 27.835937, bottom: 27.835937, baseline: 23.835937 line 0 width: 202, height: 27.828125, bottom: 27.828125, baseline: 23.828125
frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 200x25.835937] frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 200x25.828125]
BlockContainer <input> at (11,11) content-size 200x25.835937 inline-block [BFC] children: not-inline BlockContainer <input> at (11,11) content-size 200x25.828125 inline-block [BFC] children: not-inline
Box <div> at (13,12) content-size 196x23.835937 flex-container(row) [FFC] children: not-inline Box <div> at (13,12) content-size 196x23.828125 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (14,13) content-size 0x21.835937 flex-item [BFC] children: inline BlockContainer <div> at (14,13) content-size 0x21.828125 flex-item [BFC] children: inline
TextNode <#text> TextNode <#text>

4
Tests/LibWeb/Layout/expected/place-content-shorthand-property.txt
View file

@ -2,8 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
Box <div.container> at (11,11) content-size 800x17.46875 flex-container(row) [FFC] children: not-inline Box <div.container> at (11,11) content-size 800x17.46875 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (392.210937,11) content-size 37.578125x17.46875 flex-item [BFC] children: inline BlockContainer <(anonymous)> at (392.203125,11) content-size 37.578125x17.46875 flex-item [BFC] children: inline
line 0 width: 37.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 37.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [392.210937,11 37.578125x17.46875] frag 0 from TextNode start: 0, length: 4, rect: [392.203125,11 37.578125x17.46875]
"Text" "Text"
TextNode <#text> TextNode <#text>

68
Tests/LibWeb/Layout/expected/pseudo-element-with-custom-properties-2.txt
View file

@ -1,26 +1,26 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x470.195312 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x468.796875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x454.195312 children: not-inline BlockContainer <body> at (8,8) content-size 784x452.796875 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x21.835937 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x21.828125 children: inline
line 0 width: 391.640625, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 391.578125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 40, rect: [8,8 391.640625x21.835937] frag 0 from TextNode start: 0, length: 40, rect: [8,8 391.578125x21.828125]
"Variable set by inline style of element:" "Variable set by inline style of element:"
TextNode <#text> TextNode <#text>
BreakNode <br> BreakNode <br>
TextNode <#text> TextNode <#text>
BlockContainer <div.a> at (8,29.835937) content-size 784x100 children: inline BlockContainer <div.a> at (8,29.828125) content-size 784x100 children: inline
line 0 width: 200, height: 100, bottom: 100, baseline: 16.914062 line 0 width: 200, height: 100, bottom: 100, baseline: 16.890625
frag 0 from BlockContainer start: 0, length: 0, rect: [8,29.835937 200x100] frag 0 from BlockContainer start: 0, length: 0, rect: [8,29.828125 200x100]
BlockContainer <(anonymous)> at (8,29.835937) content-size 200x100 inline-block [BFC] children: inline BlockContainer <(anonymous)> at (8,29.828125) content-size 200x100 inline-block [BFC] children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 0, rect: [8,29.835937 0x21.835937] frag 0 from TextNode start: 0, length: 0, rect: [8,29.828125 0x21.828125]
"" ""
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,129.835937) content-size 784x66.179687 children: inline BlockContainer <(anonymous)> at (8,129.828125) content-size 784x65.484375 children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
line 1 width: 0, height: 21.835937, bottom: 43.671875, baseline: 16.914062 line 1 width: 0, height: 21.828125, bottom: 43.65625, baseline: 16.890625
line 2 width: 441.269531, height: 22.507812, bottom: 66.179687, baseline: 16.914062 line 2 width: 441.21875, height: 21.828125, bottom: 65.484375, baseline: 16.890625
frag 0 from TextNode start: 1, length: 42, rect: [8,172.835937 441.269531x21.835937] frag 0 from TextNode start: 1, length: 42, rect: [8,173.484375 441.21875x21.828125]
"Variable set by CSS rule matching element:" "Variable set by CSS rule matching element:"
TextNode <#text> TextNode <#text>
BreakNode <br> BreakNode <br>
@ -28,19 +28,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BreakNode <br> BreakNode <br>
TextNode <#text> TextNode <#text>
BlockContainer <div.b> at (8,196.015625) content-size 784x100 children: inline BlockContainer <div.b> at (8,195.3125) content-size 784x100 children: inline
line 0 width: 200, height: 100, bottom: 100, baseline: 16.914062 line 0 width: 200, height: 100, bottom: 100, baseline: 16.890625
frag 0 from BlockContainer start: 0, length: 0, rect: [8,196.015625 200x100] frag 0 from BlockContainer start: 0, length: 0, rect: [8,195.3125 200x100]
BlockContainer <(anonymous)> at (8,196.015625) content-size 200x100 inline-block [BFC] children: inline BlockContainer <(anonymous)> at (8,195.3125) content-size 200x100 inline-block [BFC] children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 0, rect: [8,196.015625 0x21.835937] frag 0 from TextNode start: 0, length: 0, rect: [8,195.3125 0x21.828125]
"" ""
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,296.015625) content-size 784x66.179687 children: inline BlockContainer <(anonymous)> at (8,295.3125) content-size 784x65.484375 children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
line 1 width: 0, height: 21.835937, bottom: 43.671875, baseline: 16.914062 line 1 width: 0, height: 21.828125, bottom: 43.65625, baseline: 16.890625
line 2 width: 520.605468, height: 22.507812, bottom: 66.179687, baseline: 16.914062 line 2 width: 520.546875, height: 21.828125, bottom: 65.484375, baseline: 16.890625
frag 0 from TextNode start: 1, length: 49, rect: [8,339.015625 520.605468x21.835937] frag 0 from TextNode start: 1, length: 49, rect: [8,338.96875 520.546875x21.828125]
"Variable set by CSS rule matching pseudo element:" "Variable set by CSS rule matching pseudo element:"
TextNode <#text> TextNode <#text>
BreakNode <br> BreakNode <br>
@ -48,13 +48,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BreakNode <br> BreakNode <br>
TextNode <#text> TextNode <#text>
BlockContainer <div.c> at (8,362.195312) content-size 784x100 children: inline BlockContainer <div.c> at (8,360.796875) content-size 784x100 children: inline
line 0 width: 200, height: 100, bottom: 100, baseline: 16.914062 line 0 width: 200, height: 100, bottom: 100, baseline: 16.890625
frag 0 from BlockContainer start: 0, length: 0, rect: [8,362.195312 200x100] frag 0 from BlockContainer start: 0, length: 0, rect: [8,360.796875 200x100]
BlockContainer <(anonymous)> at (8,362.195312) content-size 200x100 inline-block [BFC] children: inline BlockContainer <(anonymous)> at (8,360.796875) content-size 200x100 inline-block [BFC] children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 0, rect: [8,362.195312 0x21.835937] frag 0 from TextNode start: 0, length: 0, rect: [8,360.796875 0x21.828125]
"" ""
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,462.195312) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,460.796875) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>

4
Tests/LibWeb/Layout/expected/pseudo-element-with-custom-properties.txt
View file

@ -3,7 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div.hello> at (8,8) content-size 784x0 children: not-inline BlockContainer <div.hello> at (8,8) content-size 784x0 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 500x100 positioned [BFC] children: inline BlockContainer <(anonymous)> at (8,8) content-size 500x100 positioned [BFC] children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
frag 0 from TextNode start: 0, length: 0, rect: [8,8 0x21.835937] frag 0 from TextNode start: 0, length: 0, rect: [8,8 0x21.828125]
"" ""
TextNode <#text> TextNode <#text>

12
Tests/LibWeb/Layout/expected/replaced-box-with-vertical-margins.txt
View file

@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x216.46875 children: inline BlockContainer <body> at (8,8) content-size 784x216.9375 children: inline
line 0 width: 174.828125, height: 216.46875, bottom: 216.46875, baseline: 213 line 0 width: 174.828125, height: 216.9375, bottom: 216.9375, baseline: 213
frag 0 from TextNode start: 0, length: 6, rect: [8,207 43.125x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [8,207.46875 43.125x17.46875]
"Well, " "Well, "
frag 1 from ImageBox start: 0, length: 0, rect: [51,33 64x138] frag 1 from ImageBox start: 0, length: 0, rect: [51.125,33 64x138]
frag 2 from TextNode start: 0, length: 9, rect: [115,207 67.703125x17.46875] frag 2 from TextNode start: 0, length: 9, rect: [115.125,207.46875 67.703125x17.46875]
" friends." " friends."
TextNode <#text> TextNode <#text>
ImageBox <img#image> at (51,33) content-size 64x138 children: not-inline ImageBox <img#image> at (51.125,33) content-size 64x138 children: not-inline
TextNode <#text> TextNode <#text>

4
Tests/LibWeb/Layout/expected/resolve-cyclic-percentage-against-zero-when-available-size-is-min-content.txt
View file

@ -3,8 +3,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x1233.46875 children: not-inline BlockContainer <body> at (10,10) content-size 780x1233.46875 children: not-inline
BlockContainer <div.w.min> at (11,11) content-size 2x17.46875 children: inline BlockContainer <div.w.min> at (11,11) content-size 2x17.46875 children: inline
line 0 width: 4, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 4, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from ImageBox start: 0, length: 0, rect: [12,21 2x2] frag 0 from ImageBox start: 0, length: 0, rect: [12,21.53125 2x2]
ImageBox <img> at (12,21) content-size 2x2 children: not-inline ImageBox <img> at (12,21.53125) content-size 2x2 children: not-inline
BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.w.max> at (11,30.46875) content-size 402x404 children: inline BlockContainer <div.w.max> at (11,30.46875) content-size 402x404 children: inline

30
Tests/LibWeb/Layout/expected/svg-preserve-aspect-ratio.txt
View file

@ -1,41 +1,41 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x257.46875 children: inline BlockContainer <body> at (8,8) content-size 784x257.9375 children: inline
line 0 width: 772, height: 130.46875, bottom: 130.46875, baseline: 127 line 0 width: 772, height: 130.9375, bottom: 130.9375, baseline: 127
frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,84 100x50] frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,84 100x50]
frag 1 from TextNode start: 0, length: 1, rect: [110,121 8x17.46875] frag 1 from TextNode start: 0, length: 1, rect: [110,121.46875 8x17.46875]
" " " "
frag 2 from SVGSVGBox start: 0, length: 0, rect: [119,84 100x50] frag 2 from SVGSVGBox start: 0, length: 0, rect: [119,84 100x50]
frag 3 from TextNode start: 0, length: 1, rect: [220,121 8x17.46875] frag 3 from TextNode start: 0, length: 1, rect: [220,121.46875 8x17.46875]
" " " "
frag 4 from SVGSVGBox start: 0, length: 0, rect: [229,84 100x50] frag 4 from SVGSVGBox start: 0, length: 0, rect: [229,84 100x50]
frag 5 from TextNode start: 0, length: 1, rect: [330,121 8x17.46875] frag 5 from TextNode start: 0, length: 1, rect: [330,121.46875 8x17.46875]
" " " "
frag 6 from SVGSVGBox start: 0, length: 0, rect: [339,84 100x50] frag 6 from SVGSVGBox start: 0, length: 0, rect: [339,84 100x50]
frag 7 from TextNode start: 0, length: 1, rect: [440,121 8x17.46875] frag 7 from TextNode start: 0, length: 1, rect: [440,121.46875 8x17.46875]
" " " "
frag 8 from SVGSVGBox start: 0, length: 0, rect: [449,84 100x50] frag 8 from SVGSVGBox start: 0, length: 0, rect: [449,84 100x50]
frag 9 from TextNode start: 0, length: 1, rect: [550,121 8x17.46875] frag 9 from TextNode start: 0, length: 1, rect: [550,121.46875 8x17.46875]
" " " "
frag 10 from SVGSVGBox start: 0, length: 0, rect: [559,84 100x50] frag 10 from SVGSVGBox start: 0, length: 0, rect: [559,84 100x50]
frag 11 from TextNode start: 0, length: 1, rect: [660,121 8x17.46875] frag 11 from TextNode start: 0, length: 1, rect: [660,121.46875 8x17.46875]
" " " "
frag 12 from SVGSVGBox start: 0, length: 0, rect: [669,9 50x125] frag 12 from SVGSVGBox start: 0, length: 0, rect: [669,9 50x125]
frag 13 from TextNode start: 0, length: 1, rect: [720,121 8x17.46875] frag 13 from TextNode start: 0, length: 1, rect: [720,121.46875 8x17.46875]
" " " "
frag 14 from SVGSVGBox start: 0, length: 0, rect: [729,9 50x125] frag 14 from SVGSVGBox start: 0, length: 0, rect: [729,9 50x125]
line 1 width: 402, height: 130.46875, bottom: 257.46875, baseline: 127 line 1 width: 402, height: 130.9375, bottom: 257.9375, baseline: 127
frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,136 50x125] frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,136 50x125]
frag 1 from TextNode start: 0, length: 1, rect: [60,248 8x17.46875] frag 1 from TextNode start: 0, length: 1, rect: [60,248.46875 8x17.46875]
" " " "
frag 2 from SVGSVGBox start: 0, length: 0, rect: [69,136 50x125] frag 2 from SVGSVGBox start: 0, length: 0, rect: [69,136 50x125]
frag 3 from TextNode start: 0, length: 1, rect: [120,248 8x17.46875] frag 3 from TextNode start: 0, length: 1, rect: [120,248.46875 8x17.46875]
" " " "
frag 4 from SVGSVGBox start: 0, length: 0, rect: [129,136 50x125] frag 4 from SVGSVGBox start: 0, length: 0, rect: [129,136 50x125]
frag 5 from TextNode start: 0, length: 1, rect: [180,248 8x17.46875] frag 5 from TextNode start: 0, length: 1, rect: [180,248.46875 8x17.46875]
" " " "
frag 6 from SVGSVGBox start: 0, length: 0, rect: [189,136 50x125] frag 6 from SVGSVGBox start: 0, length: 0, rect: [189,136 50x125]
frag 7 from TextNode start: 0, length: 1, rect: [240,248 8x17.46875] frag 7 from TextNode start: 0, length: 1, rect: [240,248.46875 8x17.46875]
" " " "
frag 8 from SVGSVGBox start: 0, length: 0, rect: [249,201 160x60] frag 8 from SVGSVGBox start: 0, length: 0, rect: [249,201 160x60]
SVGSVGBox <svg> at (9,84) content-size 100x50 [SVG] children: inline SVGSVGBox <svg> at (9,84) content-size 100x50 [SVG] children: inline
@ -100,6 +100,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
SVGSVGBox <svg> at (249,201) content-size 160x60 [SVG] children: inline SVGSVGBox <svg> at (249,201) content-size 160x60 [SVG] children: inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <circle> at (299,200.999998) content-size 60x60.000003 children: not-inline SVGGeometryBox <circle> at (299,201) content-size 60x60 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>

26
Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt
View file

@ -1,20 +1,20 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x700 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x700 [BFC] children: not-inline
BlockContainer <body> at (50,50) content-size 700x600 children: inline BlockContainer <body> at (50,50) content-size 700x600 children: inline
line 0 width: 616, height: 203.46875, bottom: 203.46875, baseline: 200 line 0 width: 616, height: 203.9375, bottom: 203.9375, baseline: 200
frag 0 from SVGSVGBox start: 0, length: 0, rect: [50,150 200x100] frag 0 from SVGSVGBox start: 0, length: 0, rect: [50,150 200x100]
frag 1 from TextNode start: 0, length: 1, rect: [250,236 8x17.46875] frag 1 from TextNode start: 0, length: 1, rect: [250,236.46875 8x17.46875]
" " " "
frag 2 from SVGSVGBox start: 0, length: 0, rect: [258,50 200x200] frag 2 from SVGSVGBox start: 0, length: 0, rect: [258,50 200x200]
frag 3 from TextNode start: 0, length: 1, rect: [458,236 8x17.46875] frag 3 from TextNode start: 0, length: 1, rect: [458,236.46875 8x17.46875]
" " " "
frag 4 from SVGSVGBox start: 0, length: 0, rect: [466,50 200x200] frag 4 from SVGSVGBox start: 0, length: 0, rect: [466,50 200x200]
line 1 width: 616, height: 203.46875, bottom: 403.46875, baseline: 200 line 1 width: 616, height: 203.9375, bottom: 403.9375, baseline: 200
frag 0 from SVGSVGBox start: 0, length: 0, rect: [50,250 200x200] frag 0 from SVGSVGBox start: 0, length: 0, rect: [50,250 200x200]
frag 1 from TextNode start: 0, length: 1, rect: [250,436 8x17.46875] frag 1 from TextNode start: 0, length: 1, rect: [250,436.46875 8x17.46875]
" " " "
frag 2 from SVGSVGBox start: 0, length: 0, rect: [258,250 200x200] frag 2 from SVGSVGBox start: 0, length: 0, rect: [258,250 200x200]
frag 3 from TextNode start: 0, length: 1, rect: [458,436 8x17.46875] frag 3 from TextNode start: 0, length: 1, rect: [458,436.46875 8x17.46875]
" " " "
frag 4 from SVGSVGBox start: 0, length: 0, rect: [466,250 200x200] frag 4 from SVGSVGBox start: 0, length: 0, rect: [466,250 200x200]
line 2 width: 200, height: 200, bottom: 600, baseline: 200 line 2 width: 200, height: 200, bottom: 600, baseline: 200
@ -23,12 +23,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
SVGGraphicsBox <g> at (50,150) content-size 0x0 children: inline SVGGraphicsBox <g> at (50,150) content-size 0x0 children: inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <path> at (45.690780,199.828884) content-size 118.784614x47.455844 children: not-inline SVGGeometryBox <path> at (45.703125,199.828125) content-size 118.78125x47.453125 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
SVGGraphicsBox <g> at (50,150) content-size 0x0 children: inline SVGGraphicsBox <g> at (50,150) content-size 0x0 children: inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <path> at (84.5,159.499996) content-size 81x81 children: not-inline SVGGeometryBox <path> at (84.5,159.484375) content-size 81x81 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
@ -43,18 +43,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (506,90) content-size 120x120 children: not-inline SVGGeometryBox <rect> at (506,90) content-size 120x120 children: not-inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (471.358985,90) content-size 189.282043x120 children: not-inline SVGGeometryBox <rect> at (471.34375,90) content-size 189.28125x120 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
SVGSVGBox <svg> at (50,250) content-size 200x200 [SVG] children: inline SVGSVGBox <svg> at (50,250) content-size 200x200 [SVG] children: inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (120.588233,320.588241) content-size 58.823524x58.823532 children: not-inline SVGGeometryBox <rect> at (120.578125,320.578125) content-size 58.8125x58.8125 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (52.443771,310.373641) content-size 68.144462x68.144454 children: not-inline SVGGeometryBox <rect> at (52.4375,310.375) content-size 68.140625x68.140625 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (179.411773,321.481903) content-size 68.14447x68.14447 children: not-inline SVGGeometryBox <rect> at (179.40625,321.484375) content-size 68.140625x68.140625 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
SVGSVGBox <svg> at (258,250) content-size 200x200 [SVG] children: inline SVGSVGBox <svg> at (258,250) content-size 200x200 [SVG] children: inline
@ -76,7 +76,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (506,290) content-size 120x120 children: not-inline SVGGeometryBox <rect> at (506,290) content-size 120x120 children: not-inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (506,255.358985) content-size 120x189.282043 children: not-inline SVGGeometryBox <rect> at (506,255.34375) content-size 120x189.28125 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
SVGSVGBox <svg> at (50,450) content-size 200x200 [SVG] children: inline SVGSVGBox <svg> at (50,450) content-size 200x200 [SVG] children: inline

4
Tests/LibWeb/Layout/expected/svg/dont-stretch-fit-svg-with-indefinite-containing-block-width.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 <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 0x17.46875 children: 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 line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,21 0x0] frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,21.53125 0x0]
SVGSVGBox <svg> at (8,21) content-size 0x0 [SVG] children: not-inline SVGSVGBox <svg> at (8,21.53125) content-size 0x0 [SVG] children: not-inline

2
Tests/LibWeb/Layout/expected/svg/svg-as-image.txt
View file

@ -6,5 +6,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Viewport <#document> at (0,0) content-size 784x1568 children: inline Viewport <#document> at (0,0) content-size 784x1568 children: inline
SVGSVGBox <svg> at (0,0) content-size 784x1568 [SVG] children: inline SVGSVGBox <svg> at (0,0) content-size 784x1568 [SVG] children: inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (-0.000007,-0.000015) content-size 784x1568 children: not-inline SVGGeometryBox <rect> at (0,0) content-size 784x1568 children: not-inline
TextNode <#text> TextNode <#text>

2
Tests/LibWeb/Layout/expected/svg/svg-fill-with-bogus-url.txt
View file

@ -4,4 +4,4 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 784, height: 784, bottom: 784, baseline: 784 line 0 width: 784, height: 784, bottom: 784, baseline: 784
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 784x784] frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 784x784]
SVGSVGBox <svg> at (8,8) content-size 784x784 [SVG] children: not-inline SVGSVGBox <svg> at (8,8) content-size 784x784 [SVG] children: not-inline
SVGGeometryBox <rect> at (7.999992,7.999992) content-size 784x784 children: not-inline SVGGeometryBox <rect> at (8,8) content-size 784x784 children: not-inline

2
Tests/LibWeb/Layout/expected/svg/svg-negative-elliptical-arg-number.txt
View file

@ -4,4 +4,4 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 100, height: 100, bottom: 100, baseline: 48 line 0 width: 100, height: 100, bottom: 100, baseline: 48
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 100x100] frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 100x100]
SVGSVGBox <svg> at (8,8) content-size 100x100 [SVG] children: not-inline SVGSVGBox <svg> at (8,8) content-size 100x100 [SVG] children: not-inline
SVGGeometryBox <path> at (8,9.999999) content-size 100x48 children: not-inline SVGGeometryBox <path> at (8,9.984375) content-size 100x48 children: not-inline

2
Tests/LibWeb/Layout/expected/svg/svg-with-display-block.txt
View file

@ -2,4 +2,4 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x800 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x800 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x784 children: not-inline BlockContainer <body> at (8,8) content-size 784x784 children: not-inline
SVGSVGBox <svg> at (8,8) content-size 784x784 [SVG] children: not-inline SVGSVGBox <svg> at (8,8) content-size 784x784 [SVG] children: not-inline
SVGGeometryBox <rect> at (7.999992,7.999992) content-size 784x784 children: not-inline SVGGeometryBox <rect> at (8,8) content-size 784x784 children: not-inline

10
Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt
View file

@ -2,11 +2,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 <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: inline BlockContainer <body> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 8, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from ImageBox start: 0, length: 0, rect: [8,21 0x0] frag 0 from ImageBox start: 0, length: 0, rect: [8,21.53125 0x0]
frag 1 from TextNode start: 0, length: 1, rect: [8,8 8x17.46875] frag 1 from TextNode start: 0, length: 1, rect: [8,8 8x17.46875]
" " " "
frag 2 from SVGSVGBox start: 0, length: 0, rect: [16,21 0x0] frag 2 from SVGSVGBox start: 0, length: 0, rect: [16,21.53125 0x0]
ImageBox <img> at (8,21) content-size 0x0 children: not-inline ImageBox <img> at (8,21.53125) content-size 0x0 children: not-inline
(SVG-as-image isolated context) (SVG-as-image isolated context)
Viewport <#document> at (0,0) content-size 0x0 children: inline Viewport <#document> at (0,0) content-size 0x0 children: inline
SVGSVGBox <svg> at (0,0) content-size 0x0 [SVG] children: inline SVGSVGBox <svg> at (0,0) content-size 0x0 [SVG] children: inline
@ -14,8 +14,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
SVGGeometryBox <rect> at (0,0) content-size 1x1 children: not-inline SVGGeometryBox <rect> at (0,0) content-size 1x1 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
SVGSVGBox <svg> at (16,21) content-size 0x0 [SVG] children: inline SVGSVGBox <svg> at (16,21.53125) content-size 0x0 [SVG] children: inline
TextNode <#text> TextNode <#text>
SVGGeometryBox <rect> at (16,21) content-size 1x1 children: not-inline SVGGeometryBox <rect> at (16,21.53125) content-size 1x1 children: not-inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>

10
Tests/LibWeb/Layout/expected/svg/text-fill-none.txt
View file

@ -1,8 +1,8 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x163 children: inline BlockContainer <body> at (8,8) content-size 784x163.53125 children: inline
line 0 width: 300, height: 163, bottom: 163, baseline: 13.53125 line 0 width: 300, height: 163.53125, bottom: 163.53125, baseline: 13.53125
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,21 300x150] frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,21.53125 300x150]
SVGSVGBox <svg> at (8,21) content-size 300x150 [SVG] children: not-inline SVGSVGBox <svg> at (8,21.53125) content-size 300x150 [SVG] children: not-inline
SVGTextBox <text> at (8,21) content-size 0x0 children: not-inline SVGTextBox <text> at (8,21.53125) content-size 0x0 children: not-inline
TextNode <#text> TextNode <#text>

28
Tests/LibWeb/Layout/expected/table/align-top-and-bottom.txt
View file

@ -1,43 +1,43 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x100.9375 children: not-inline BlockContainer <body> at (8,8) content-size 784x98.9375 children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 200.328125x100.9375 [BFC] children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 197.328125x98.9375 [BFC] children: not-inline
Box <table> at (9,9) content-size 198.328125x98.9375 table-box [TFC] children: not-inline Box <table> at (9,9) content-size 195.328125x96.9375 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tbody> at (9,9) content-size 198.328125x98.9375 table-row-group children: not-inline Box <tbody> at (9,9) content-size 195.328125x96.9375 table-row-group children: not-inline
Box <tr> at (9,9) content-size 198.328125x49.46875 table-row children: not-inline Box <tr> at (9,9) content-size 195.328125x48.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (25,25) content-size 32.078125x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (24.5,24.5) content-size 32.078125x17.46875 table-cell [BFC] children: inline
line 0 width: 32.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 32.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [25,25 32.078125x17.46875] frag 0 from TextNode start: 0, length: 3, rect: [24.5,24.5 32.078125x17.46875]
"Top" "Top"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (89.078125,74.46875) content-size 55.984375x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (87.578125,72.96875) content-size 55.984375x17.46875 table-cell [BFC] children: inline
line 0 width: 55.984375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 55.984375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [89.078125,74.46875 55.984375x17.46875] frag 0 from TextNode start: 0, length: 6, rect: [87.578125,72.96875 55.984375x17.46875]
"Bottom" "Bottom"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (177.0625,25) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (174.5625,24.5) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [177.0625,25 14.265625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [174.5625,24.5 14.265625x17.46875]
"A" "A"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (9,58.46875) content-size 198.328125x49.46875 table-row children: not-inline Box <tr> at (9,57.46875) content-size 195.328125x48.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (177.0625,74.46875) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (174.5625,72.96875) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [177.0625,74.46875 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [174.5625,72.96875 9.34375x17.46875]
"B" "B"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline

26
Tests/LibWeb/Layout/expected/table/basic.txt
View file

@ -12,20 +12,20 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <caption> at (8,10) content-size 82.734375x17.46875 [BFC] children: inline BlockContainer <caption> at (8,10) content-size 82.734375x17.46875 [BFC] children: inline
line 0 width: 82.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 82.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 9, rect: [16,10 82.734375x17.46875] frag 0 from TextNode start: 1, length: 9, rect: [16.21875,10 82.734375x17.46875]
"A Caption" "A Caption"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <thead> at (8,10) content-size 95.171875x19.46875 table-header-group children: not-inline Box <thead> at (8,10) content-size 95.171875x19.15625 table-header-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (10,29.46875) content-size 95.171875x19.46875 table-row children: not-inline Box <tr> at (10,29.46875) content-size 95.171875x19.15625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (11,30.46875) content-size 93.171875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (11,30.3125) content-size 93.171875x17.46875 table-cell [BFC] children: inline
line 0 width: 73.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 73.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [11,30.46875 73.65625x17.46875] frag 0 from TextNode start: 0, length: 9, rect: [11,30.3125 73.65625x17.46875]
"Head Cell" "Head Cell"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
@ -34,15 +34,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tbody> at (8,29.46875) content-size 95.171875x19.46875 table-row-group children: not-inline Box <tbody> at (8,29.15625) content-size 95.171875x19.15625 table-row-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (10,50.9375) content-size 95.171875x19.46875 table-row children: not-inline Box <tr> at (10,50.625) content-size 95.171875x19.15625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (11,51.9375) content-size 93.171875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (11,51.46875) content-size 93.171875x17.46875 table-cell [BFC] children: inline
line 0 width: 70.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 70.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [11,51.9375 70.234375x17.46875] frag 0 from TextNode start: 0, length: 9, rect: [11,51.46875 70.234375x17.46875]
"Body Cell" "Body Cell"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
@ -51,15 +51,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tfoot> at (8,48.9375) content-size 95.171875x19.46875 table-footer-group children: not-inline Box <tfoot> at (8,48.3125) content-size 95.171875x19.15625 table-footer-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (10,72.40625) content-size 95.171875x19.46875 table-row children: not-inline Box <tr> at (10,71.78125) content-size 95.171875x19.15625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (11,73.40625) content-size 93.171875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (11,72.625) content-size 93.171875x17.46875 table-cell [BFC] children: inline
line 0 width: 93.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 93.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [11,73.40625 93.171875x17.46875] frag 0 from TextNode start: 0, length: 11, rect: [11,72.625 93.171875x17.46875]
"Footer Cell" "Footer Cell"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline

94
Tests/LibWeb/Layout/expected/table/border-collapse-is-inherited.txt
View file

@ -1,154 +1,154 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x228.34375 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x223.875 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x212.34375 children: not-inline BlockContainer <body> at (8,8) content-size 784x207.875 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <div.horizontal> at (8,8) content-size 784x212.34375 children: inline BlockContainer <div.horizontal> at (8,8) content-size 784x207.875 children: inline
line 0 width: 163.90625, height: 212.34375, bottom: 212.34375, baseline: 13.53125 line 0 width: 160.90625, height: 207.875, bottom: 207.875, baseline: 13.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [9,22 161.90625x197.34375] frag 0 from BlockContainer start: 0, length: 0, rect: [9,22.53125 158.90625x192.34375]
TextNode <#text> TextNode <#text>
BlockContainer <table> at (9,22) content-size 161.90625x197.34375 inline-block [BFC] children: not-inline BlockContainer <table> at (9,22.53125) content-size 158.90625x192.34375 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (9,22) content-size 161.90625x0 children: inline BlockContainer <(anonymous)> at (9,22.53125) content-size 158.90625x0 children: inline
TextNode <#text> TextNode <#text>
TableWrapper <(anonymous)> at (9,22) content-size 161.90625x197.34375 inline-block [BFC] children: not-inline TableWrapper <(anonymous)> at (9,22.53125) content-size 158.90625x192.34375 inline-block [BFC] children: not-inline
Box <(anonymous)> at (9,22) content-size 161.90625x197.34375 inline-table table-box [TFC] children: not-inline Box <(anonymous)> at (9,22.53125) content-size 158.90625x192.34375 inline-table table-box [TFC] children: not-inline
Box <tbody> at (9,22) content-size 161.90625x197.34375 table-row-group children: not-inline Box <tbody> at (9,22.53125) content-size 158.90625x180.3125 table-row-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (9,22) content-size 161.90625x39.46875 table-row children: not-inline Box <tr> at (9,22.53125) content-size 158.90625x36.0625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (30,33) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (29.5,31.828125) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [30,33 14.265625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [29.5,31.828125 14.265625x17.46875]
"A" "A"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (86.265625,33) content-size 12.546875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (84.765625,31.828125) content-size 12.546875x17.46875 table-cell [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [88.265625,33 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [86.359375,31.828125 9.34375x17.46875]
"B" "B"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (140.8125,33) content-size 9.09375x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (138.3125,31.828125) content-size 9.09375x17.46875 table-cell [BFC] children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [141.8125,33 6.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [139.6875,31.828125 6.34375x17.46875]
"1" "1"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (9,61.46875) content-size 161.90625x39.46875 table-row children: not-inline Box <tr> at (9,58.59375) content-size 158.90625x36.0625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (30,72.46875) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (29.5,67.890625) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [32,72.46875 10.3125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [31.46875,67.890625 10.3125x17.46875]
"C" "C"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (86.265625,72.46875) content-size 12.546875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (84.765625,67.890625) content-size 12.546875x17.46875 table-cell [BFC] children: inline
line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [87.265625,72.46875 11.140625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [85.46875,67.890625 11.140625x17.46875]
"D" "D"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (140.8125,72.46875) content-size 9.09375x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (138.3125,67.890625) content-size 9.09375x17.46875 table-cell [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [140.8125,72.46875 8.8125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [138.453125,67.890625 8.8125x17.46875]
"2" "2"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (9,100.9375) content-size 161.90625x39.46875 table-row children: not-inline Box <tr> at (9,94.65625) content-size 158.90625x36.0625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (30,111.9375) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (29.5,103.953125) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 11.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 11.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [31,111.9375 11.859375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [30.703125,103.953125 11.859375x17.46875]
"E" "E"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (86.265625,111.9375) content-size 12.546875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (84.765625,103.953125) content-size 12.546875x17.46875 table-cell [BFC] children: inline
line 0 width: 12.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 12.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [86.265625,111.9375 12.546875x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [84.765625,103.953125 12.546875x17.46875]
"F" "F"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (140.8125,111.9375) content-size 9.09375x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (138.3125,103.953125) content-size 9.09375x17.46875 table-cell [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [140.8125,111.9375 9.09375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [138.3125,103.953125 9.09375x17.46875]
"3" "3"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (9,140.40625) content-size 161.90625x39.46875 table-row children: not-inline Box <tr> at (9,130.71875) content-size 158.90625x36.0625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (30,151.40625) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (29.5,140.015625) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 13.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 13.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [31,151.40625 13.234375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [30.015625,140.015625 13.234375x17.46875]
"G" "G"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (86.265625,151.40625) content-size 12.546875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (84.765625,140.015625) content-size 12.546875x17.46875 table-cell [BFC] children: inline
line 0 width: 12.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 12.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [86.265625,151.40625 12.234375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [84.921875,140.015625 12.234375x17.46875]
"H" "H"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (140.8125,151.40625) content-size 9.09375x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (138.3125,140.015625) content-size 9.09375x17.46875 table-cell [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [141.8125,151.40625 7.75x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [138.984375,140.015625 7.75x17.46875]
"4" "4"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (9,179.875) content-size 161.90625x39.46875 table-row children: not-inline Box <tr> at (9,166.78125) content-size 158.90625x36.0625 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (30,190.875) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (29.5,176.078125) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 4.59375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 4.59375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [35,190.875 4.59375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [34.328125,176.078125 4.59375x17.46875]
"I" "I"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (86.265625,190.875) content-size 12.546875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (84.765625,176.078125) content-size 12.546875x17.46875 table-cell [BFC] children: inline
line 0 width: 8.90625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.90625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [88.265625,190.875 8.90625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [86.578125,176.078125 8.90625x17.46875]
"J" "J"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (140.8125,190.875) content-size 9.09375x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (138.3125,176.078125) content-size 9.09375x17.46875 table-cell [BFC] children: inline
line 0 width: 8.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 8.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [140.8125,190.875 8.453125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [138.625,176.078125 8.453125x17.46875]
"5" "5"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (9,22) content-size 0x0 children: inline BlockContainer <(anonymous)> at (9,22.53125) content-size 0x0 children: inline
TextNode <#text> TextNode <#text>
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,220.34375) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,215.875) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>

36
Tests/LibWeb/Layout/expected/table/border-conflict-resolution-with-cell.txt
View file

@ -1,59 +1,59 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x86.9375 children: not-inline BlockContainer <body> at (8,8) content-size 784x84.9375 children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 172.671875x86.9375 [BFC] children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 169.671875x84.9375 [BFC] children: not-inline
Box <table> at (8,8) content-size 172.671875x86.9375 table-box [TFC] children: not-inline Box <table> at (8,8) content-size 169.671875x84.9375 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tbody> at (8,8) content-size 172.671875x86.9375 table-row-group children: not-inline Box <tbody> at (8,8) content-size 169.671875x84.9375 table-row-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (8,8) content-size 172.671875x43.46875 table-row children: not-inline Box <tr> at (8,8) content-size 169.671875x42.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (29,21) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (28.5,20.5) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [29,21 14.265625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [28.5,20.5 14.265625x17.46875]
"A" "A"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td.td-thick-border> at (89.265625,21) content-size 9.859375x17.46875 table-cell [BFC] children: inline BlockContainer <td.td-thick-border> at (87.765625,20.5) content-size 9.859375x17.46875 table-cell [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [89.265625,21 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [87.765625,20.5 9.34375x17.46875]
"B" "B"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (145.125,20) content-size 14.546875x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (142.625,19.5) content-size 14.546875x17.46875 table-cell [BFC] children: inline
line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [145.125,20 10.3125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [142.625,19.5 10.3125x17.46875]
"C" "C"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (8,51.46875) content-size 172.671875x43.46875 table-row children: not-inline Box <tr> at (8,50.46875) content-size 169.671875x42.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (29,64.46875) content-size 16.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (28.5,62.96875) content-size 16.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [29,64.46875 11.140625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [28.5,62.96875 11.140625x17.46875]
"D" "D"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (87.265625,65.46875) content-size 11.859375x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (85.765625,63.96875) content-size 11.859375x17.46875 table-cell [BFC] children: inline
line 0 width: 11.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 11.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [87.265625,65.46875 11.859375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [85.765625,63.96875 11.859375x17.46875]
"E" "E"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td.td-thick-border> at (145.125,64.46875) content-size 12.546875x17.46875 table-cell [BFC] children: inline BlockContainer <td.td-thick-border> at (142.625,62.96875) content-size 12.546875x17.46875 table-cell [BFC] children: inline
line 0 width: 12.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 12.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [145.125,64.46875 12.546875x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [142.625,62.96875 12.546875x17.46875]
"F" "F"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline

36
Tests/LibWeb/Layout/expected/table/border-conflict-resolution-with-col.txt
View file

@ -1,63 +1,63 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x177.875 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x173.875 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text> TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x161.875 children: not-inline BlockContainer <body> at (8,8) content-size 784x157.875 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
TableWrapper <(anonymous)> at (8,8) content-size 60.265625x161.875 [BFC] children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 59.265625x157.875 [BFC] children: not-inline
Box <table> at (8,8) content-size 60.265625x161.875 table-box [TFC] children: not-inline Box <table> at (8,8) content-size 59.265625x157.875 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <colgroup> (not painted) table-column-group children: not-inline BlockContainer <colgroup> (not painted) table-column-group children: not-inline
BlockContainer <col> (not painted) children: not-inline BlockContainer <col> (not painted) children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tbody> at (8,8) content-size 60.265625x161.875 table-row-group children: not-inline Box <tbody> at (8,8) content-size 59.265625x152.9375 table-row-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (8,8) content-size 60.265625x41.468749 table-row children: not-inline Box <tr> at (8,8) content-size 59.265625x39.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (31,20.999999) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (30.5,20) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [31,20.999999 14.265625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [30.5,20 14.265625x17.46875]
"A" "A"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (8,49.468749) content-size 60.265625x39.46875 table-row children: not-inline Box <tr> at (8,47.46875) content-size 59.265625x37 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (31,60.468749) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (30.5,57.234375) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [31,60.468749 9.34375x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [30.5,57.234375 9.34375x17.46875]
"B" "B"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (8,88.9375) content-size 60.265625x39.46875 table-row children: not-inline Box <tr> at (8,84.46875) content-size 59.265625x37 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (31,99.9375) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (30.5,94.234375) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [31,99.9375 10.3125x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [30.5,94.234375 10.3125x17.46875]
"C" "C"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
Box <tr> at (8,128.40625) content-size 60.265625x41.468749 table-row children: not-inline Box <tr> at (8,121.46875) content-size 59.265625x39.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <td> at (31,139.40625) content-size 14.265625x17.46875 table-cell [BFC] children: inline BlockContainer <td> at (30.5,131.46875) content-size 14.265625x17.46875 table-cell [BFC] children: inline
line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [31,139.40625 11.140625x17.46875] frag 0 from TextNode start: 0, length: 1, rect: [30.5,131.46875 11.140625x17.46875]
"D" "D"
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
@ -66,5 +66,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,169.875) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,165.875) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>

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