mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-07-28 19:59:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

LibWeb: Scale font size by 1.15 for line-height: normal

Browse source 
Browsers such as Chrome and Firefox apply an arbitrary scale to the
current font size if `normal` is used for `line-height`. Firefox uses
1.2 while Chrome uses 1.15. Let's go with the latter for now, it's
relatively easy to change if we ever want to go back on that decision.

This also requires updating the expectations for a lot of layout tests.
The upside of this is that it's a bit easier to compare our layout
results to other browsers', especially Chrome.
This commit is contained in:
Jelle Raaijmakers 2025-04-04 15:08:15 +02:00 • committed by Andreas Kling
commit 71665fa504
Notes: github-actions[bot] 2025-05-05 11:16:57 +00:00
523 changed files with 8103 additions and 8060 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Libraries/LibWeb/CSS/ComputedProperties.cpp
View file

@ -285,7 +285,7 @@ CSSPixels ComputedProperties::compute_line_height(CSSPixelRect const& viewport_r
auto const& line_height = property(PropertyID::LineHeight);
if (line_height.is_keyword() && line_height.to_keyword() == Keyword::Normal)
return font_metrics.line_height;
return CSSPixels { round_to<i32>(font_metrics.font_size * normal_line_height_scale) };
if (line_height.is_length()) {
auto line_height_length = line_height.as_length().length();

1
Libraries/LibWeb/CSS/ComputedProperties.h
View file

@ -29,6 +29,7 @@ class ComputedProperties final : public JS::Cell {
GC_DECLARE_ALLOCATOR(ComputedProperties);
public:
static constexpr double normal_line_height_scale = 1.15;
static constexpr size_t number_of_properties = to_underlying(last_property_id) + 1;
virtual ~ComputedProperties() override;

1
Libraries/LibWeb/CSS/Length.cpp
View file

@ -15,7 +15,6 @@
#include <LibWeb/CSS/StyleComputer.h>
#include <LibWeb/DOM/Document.h>
#include <LibWeb/HTML/BrowsingContext.h>
#include <LibWeb/HTML/HTMLHtmlElement.h>
#include <LibWeb/HTML/Window.h>
#include <LibWeb/Layout/Node.h>

14
Libraries/LibWeb/HTML/HTMLInputElement.cpp
View file

@ -145,13 +145,15 @@ void HTMLInputElement::adjust_computed_style(CSS::ComputedProperties& style)
style.set_property(CSS::PropertyID::Width, CSS::LengthStyleValue::create(CSS::Length(size(), CSS::Length::Type::Ch)));
}
// NOTE: The following line-height check is done for web compatibility and usability reasons.
// FIXME: The "normal" line-height value should be calculated but assume 1.0 for now.
double normal_line_height = 1.0;
double current_line_height = style.line_height().to_double();
// NOTE: Other browsers apply a minimum height of a single line's line-height to single-line input elements.
if (is_single_line() && style.property(CSS::PropertyID::Height).has_auto()) {
auto current_line_height = style.line_height().to_double();
auto minimum_line_height = style.first_available_computed_font().pixel_size() * CSS::ComputedProperties::normal_line_height_scale;
if (is_single_line() && current_line_height < normal_line_height)
style.set_property(CSS::PropertyID::LineHeight, CSS::CSSKeywordValue::create(CSS::Keyword::Normal));
// FIXME: Instead of overriding line-height, we should set height here instead.
if (current_line_height < minimum_line_height)
style.set_property(CSS::PropertyID::LineHeight, CSS::CSSKeywordValue::create(CSS::Keyword::Normal));
}
}
void HTMLInputElement::set_checked(bool checked)

42
Tests/LibWeb/Layout/expected/Element-insertAdjacentHTML.txt
View file

@ -1,43 +1,43 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x211 children: not-inline
BlockContainer <div> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 38, rect: [8,8 312.4375x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x216 children: not-inline
BlockContainer <div> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 38, rect: [8,8 312.4375x18] baseline: 13.796875
"This is inserted before the container."
TextNode <#text>
BlockContainer <div#container> at (39,56) content-size 722x115 children: not-inline
BlockContainer <p> at (39,72) content-size 722x17 children: inline
frag 0 from TextNode start: 0, length: 34, rect: [39,72 270.59375x17] baseline: 13.296875
BlockContainer <div#container> at (39,57) content-size 722x118 children: not-inline
BlockContainer <p> at (39,73) content-size 722x18 children: inline
frag 0 from TextNode start: 0, length: 34, rect: [39,73 270.59375x18] baseline: 13.796875
"This is inserted at the beginning."
TextNode <#text>
BlockContainer <p> at (39,105) content-size 722x17 children: inline
frag 0 from TextNode start: 0, length: 29, rect: [39,105 230.59375x17] baseline: 13.296875
BlockContainer <p> at (39,107) content-size 722x18 children: inline
frag 0 from TextNode start: 0, length: 29, rect: [39,107 230.59375x18] baseline: 13.796875
"This is the original content."
TextNode <#text>
BlockContainer <p> at (39,138) content-size 722x17 children: inline
frag 0 from TextNode start: 0, length: 28, rect: [39,138 225.515625x17] baseline: 13.296875
BlockContainer <p> at (39,141) content-size 722x18 children: inline
frag 0 from TextNode start: 0, length: 28, rect: [39,141 225.515625x18] baseline: 13.796875
"This is inserted at the end."
TextNode <#text>
BlockContainer <div> at (8,202) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 37, rect: [8,202 300.09375x17] baseline: 13.296875
BlockContainer <div> at (8,206) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 37, rect: [8,206 300.09375x18] baseline: 13.796875
"This is inserted after the container."
TextNode <#text>
BlockContainer <(anonymous)> at (8,219) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,224) content-size 784x0 children: inline
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x211]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x216]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#container) [28,45 744x137]
PaintableWithLines (BlockContainer<P>) [39,72 722x17]
PaintableWithLines (BlockContainer<DIV>#container) [28,46 744x140]
PaintableWithLines (BlockContainer<P>) [39,73 722x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<P>) [39,105 722x17]
PaintableWithLines (BlockContainer<P>) [39,107 722x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<P>) [39,138 722x17]
PaintableWithLines (BlockContainer<P>) [39,141 722x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,202 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,206 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,219 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,224 784x0]

38
Tests/LibWeb/Layout/expected/HTMLSelectElement-selected-index.txt
View file

@ -1,27 +1,27 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x37 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x21 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 78.390625x17] baseline: 18.5
BlockContainer <select#select> at (13,10) content-size 78.390625x17 inline-block [BFC] children: not-inline
Box <div> at (13,10) content-size 78.390625x17 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (13,10) content-size 58.390625x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [13,10 58.390625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x22 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 78.390625x18] baseline: 19
BlockContainer <select#select> at (13,10) content-size 78.390625x18 inline-block [BFC] children: not-inline
Box <div> at (13,10) content-size 78.390625x18 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (13,10) content-size 58.390625x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [13,10 58.390625x18] baseline: 13.796875
"Value 1"
TextNode <#text>
BlockContainer <div> at (75.390625,10.5) content-size 16x16 flex-item [BFC] children: inline
frag 0 from SVGSVGBox start: 0, length: 0, rect: [75.390625,10.5 16x16] baseline: 16
SVGSVGBox <svg> at (75.390625,10.5) content-size 16x16 [SVG] children: not-inline
SVGGeometryBox <path> at (79.390625,16.21875) content-size 8x4.953125 children: not-inline
BlockContainer <div> at (75.390625,11) content-size 16x16 flex-item [BFC] children: inline
frag 0 from SVGSVGBox start: 0, length: 0, rect: [75.390625,11 16x16] baseline: 16
SVGSVGBox <svg> at (75.390625,11) content-size 16x16 [SVG] children: not-inline
SVGGeometryBox <path> at (79.390625,16.71875) content-size 8x4.953125 children: not-inline
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x37]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<SELECT>#select) [8,8 88.390625x21]
PaintableBox (Box<DIV>) [13,10 78.390625x17]
PaintableWithLines (BlockContainer<DIV>) [13,10 58.390625x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
PaintableWithLines (BlockContainer<SELECT>#select) [8,8 88.390625x22]
PaintableBox (Box<DIV>) [13,10 78.390625x18]
PaintableWithLines (BlockContainer<DIV>) [13,10 58.390625x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [75.390625,10.5 16x16]
SVGSVGPaintable (SVGSVGBox<svg>) [75.390625,10.5 16x16]
SVGPathPaintable (SVGGeometryBox<path>) [79.390625,16.21875 8x4.953125]
PaintableWithLines (BlockContainer<DIV>) [75.390625,11 16x16]
SVGSVGPaintable (SVGSVGBox<svg>) [75.390625,11 16x16]
SVGPathPaintable (SVGGeometryBox<path>) [79.390625,16.71875 8x4.953125]

10
Tests/LibWeb/Layout/expected/abspos-flex-container-with-auto-height.txt
View file

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
Box <body> at (9,9) content-size 512.859375x19 positioned flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (10,10) content-size 510.859375x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17] baseline: 13.296875
Box <body> at (9,9) content-size 512.859375x20 positioned flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (10,10) content-size 510.859375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x18] baseline: 13.796875
"Diese Website nutzt Cookies und vergleichbare Funktionen zur"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2]
PaintableBox (Box<BODY>) [8,8 514.859375x21]
PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19]
PaintableBox (Box<BODY>) [8,8 514.859375x22]
PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x20]
TextPaintable (TextNode<#text>)

10
Tests/LibWeb/Layout/expected/abspos-flexbox-with-auto-height.txt
View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x18 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
Box <nav> at (11,11) content-size 310.453125x19 positioned flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (12,12) content-size 308.453125x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 36, rect: [12,12 308.453125x17] baseline: 13.296875
Box <nav> at (11,11) content-size 310.453125x20 positioned flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (12,12) content-size 308.453125x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 36, rect: [12,12 308.453125x18] baseline: 13.796875
"This should have a green background."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2]
PaintableBox (Box<NAV>) [10,10 312.453125x21]
PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x19]
PaintableBox (Box<NAV>) [10,10 312.453125x22]
PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x20]
TextPaintable (TextNode<#text>)

2
Tests/LibWeb/Layout/expected/abspos-non-bfc-root-with-min-height-constraint.txt
View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x0 [BFC] children: not-inline
Box <body> at (8,8) content-size 31.15625x300 positioned flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 31.15625x300 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.15625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 31.15625x18] baseline: 13.796875
"Sup"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/abspos-with-percentage-insets.txt
View file

@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 500x400 positioned [BFC] children: inline
BlockContainer <div.one> at (311,211) content-size 28.6875x17 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [311,211 28.6875x17] baseline: 13.296875
BlockContainer <div.one> at (311,211) content-size 28.6875x18 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [311,211 28.6875x18] baseline: 13.796875
"one"
TextNode <#text>
BlockContainer <div.two> at (330.5625,352) content-size 28.4375x17 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [330.5625,352 28.4375x17] baseline: 13.296875
BlockContainer <div.two> at (330.5625,351) content-size 28.4375x18 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [330.5625,351 28.4375x18] baseline: 13.796875
"two"
TextNode <#text>
TextNode <#text>
@ -14,7 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2]
PaintableWithLines (BlockContainer<BODY>) [9,9 502x402]
PaintableWithLines (BlockContainer<DIV>.one) [310,210 30.6875x19]
PaintableWithLines (BlockContainer<DIV>.one) [310,210 30.6875x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.two) [329.5625,351 30.4375x19]
PaintableWithLines (BlockContainer<DIV>.two) [329.5625,350 30.4375x20]
TextPaintable (TextNode<#text>)

18
Tests/LibWeb/Layout/expected/abspos-with-static-position-in-one-axis.txt
View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <div> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [8,8 100.203125x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
BlockContainer <div> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [8,8 100.203125x18] baseline: 13.796875
"hello friends"
TextNode <#text>
ImageBox <img> at (50,25) content-size 100x100 positioned children: not-inline
ImageBox <img> at (50,26) content-size 100x100 positioned children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x18]
TextPaintable (TextNode<#text>)
ImagePaintable (ImageBox<IMG>) [50,25 100x100]
ImagePaintable (ImageBox<IMG>) [50,26 100x100]

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

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x102.875 [BFC] children: not-inline
BlockContainer <body> at (8,21.4375) content-size 784x73.4375 children: not-inline
BlockContainer <h1> at (8,21.4375) content-size 784x35 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x35] baseline: 27.09375
BlockContainer <html> at (0,0) content-size 800x105.875 [BFC] children: not-inline
BlockContainer <body> at (8,21.4375) content-size 784x76.4375 children: not-inline
BlockContainer <h1> at (8,21.4375) content-size 784x37 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x37] baseline: 28.09375
"header"
TextNode <#text>
BlockContainer <(anonymous)> at (8,77.875) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,77.875 212.125x17] baseline: 13.296875
BlockContainer <(anonymous)> at (8,79.875) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,79.875 212.125x18] baseline: 13.796875
"anonymously wrapped text"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x102.875]
PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.4375]
PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x35]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x105.875]
PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x76.4375]
PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,77.875 784x17]
PaintableWithLines (BlockContainer(anonymous)) [8,79.875 784x18]
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/block-and-inline/abspos-br.txt
View file

@ -1,9 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x18] baseline: 13.796875
"a"
frag 1 from TextNode start: 0, length: 1, rect: [17.34375,8 9.46875x17] baseline: 13.296875
frag 1 from TextNode start: 0, length: 1, rect: [17.34375,8 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BreakNode <br>
@ -11,6 +11,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)

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

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x18 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
Box <div.box> at (1,11) content-size 200x68 positioned [GFC] children: not-inline
BlockContainer <(anonymous)> at (1,11) content-size 200x68 [BFC] children: inline
frag 0 from TextNode start: 0, length: 21, rect: [1,11 181.78125x17] baseline: 13.296875
Box <div.box> at (1,11) content-size 200x72 positioned [GFC] children: not-inline
BlockContainer <(anonymous)> at (1,11) content-size 200x72 [BFC] children: inline
frag 0 from TextNode start: 0, length: 21, rect: [1,11 181.78125x18] baseline: 13.796875
"Giveaways in Channels"
frag 1 from TextNode start: 22, length: 16, rect: [1,28 149.4375x17] baseline: 13.296875
frag 1 from TextNode start: 22, length: 16, rect: [1,29 149.4375x18] baseline: 13.796875
"and Free Premium"
frag 2 from TextNode start: 39, length: 21, rect: [1,45 181.78125x17] baseline: 13.296875
frag 2 from TextNode start: 39, length: 21, rect: [1,47 181.78125x18] baseline: 13.796875
"Giveaways in Channels"
frag 3 from TextNode start: 61, length: 16, rect: [1,62 149.4375x17] baseline: 13.296875
frag 3 from TextNode start: 61, length: 16, rect: [1,65 149.4375x18] baseline: 13.796875
"and Free Premium"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x20]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x2]
PaintableBox (Box<DIV>.box) [0,10 202x70]
PaintableWithLines (BlockContainer(anonymous)) [1,11 200x68]
PaintableBox (Box<DIV>.box) [0,10 202x74]
PaintableWithLines (BlockContainer(anonymous)) [1,11 200x72]
TextPaintable (TextNode<#text>)

2
Tests/LibWeb/Layout/expected/block-and-inline/abspos-with-insets-and-auto-margins.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 784x402 children: not-inline
BlockContainer <div.features-list> at (9,9) content-size 400x400 positioned children: not-inline
BlockContainer <div.feature> at (109,10) content-size 200x200 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [109,10 102.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [109,10 102.625x18] baseline: 13.796875
"Autocorrect"
TextNode <#text>

2
Tests/LibWeb/Layout/expected/block-and-inline/aspect-ratio-but-width-and-height-are-auto.txt
View file

@ -6,7 +6,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.aspectratio> at (8,8) content-size 192x192 children: not-inline
BlockContainer <div.box> at (8,8) content-size 192x192 children: not-inline
BlockContainer <(anonymous)> at (200,8) content-size 36.84375x192 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [200,8 36.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [200,8 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>

2
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-aspect-ratio-2.txt
View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
Box <body> at (8,8) content-size 100x100 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 9.46875x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>

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

@ -1,6 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x62.59375 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.59375 children: inline
BlockContainer <html> at (1,1) content-size 798x62.40625 [BFC] children: not-inline
BlockContainer <body> at (2,2) content-size 796x60.40625 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [4,3 30x30] baseline: 32
frag 1 from BlockContainer start: 0, length: 0, rect: [3,35 30x30] baseline: 32
BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
@ -8,7 +8,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.59375] overflow: [1,1 798x64]
PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.59375] overflow: [2,2 796x63]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.40625] overflow: [1,1 798x64]
PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.40625] overflow: [2,2 796x63]
PaintableWithLines (BlockContainer<DIV>.clump) [3,2 32x32]
PaintableWithLines (BlockContainer<DIV>.clump) [2,34 32x32]

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

@ -1,8 +1,8 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 37.15625x17 children: not-inline
BlockContainer <div> at (8,8) content-size 37.15625x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 37.15625x18 children: not-inline
BlockContainer <div> at (8,8) content-size 37.15625x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x18] baseline: 13.796875
"foo"
frag 1 from ImageBox start: 0, length: 0, rect: [35.15625,11 10x10] baseline: 10
TextNode <#text>
@ -10,8 +10,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x18]
TextPaintable (TextNode<#text>)
ImagePaintable (ImageBox<IMG>) [35.15625,11 10x10]

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

@ -2,40 +2,40 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x108 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [137.109375,8 27.640625x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [137.109375,8 27.640625x18] baseline: 13.796875
"bar"
BlockContainer <div.big-float> at (8,8) content-size 100x100 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.xxx> at (108,8) content-size 29.109375x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x17] baseline: 13.296875
BlockContainer <div.xxx> at (108,8) content-size 29.109375x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x18] baseline: 13.796875
"xxx"
TextNode <#text>
TextNode <#text>
BlockContainer <div> at (8,25) content-size 784x17 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [129.515625,25 27.203125x17] baseline: 13.296875
BlockContainer <div> at (8,26) content-size 784x18 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [129.515625,26 27.203125x18] baseline: 13.796875
"baz"
TextNode <#text>
BlockContainer <div.yyy> at (108,25) content-size 21.515625x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [108,25 21.515625x17] baseline: 13.296875
BlockContainer <div.yyy> at (108,26) content-size 21.515625x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [108,26 21.515625x18] baseline: 13.796875
"yyy"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
PaintableWithLines (BlockContainer<DIV>.big-float) [8,8 100x100]
PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x17]
PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x18]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25 784x17]
PaintableWithLines (BlockContainer<DIV>.yyy) [108,25 21.515625x17]
PaintableWithLines (BlockContainer<DIV>) [8,26 784x18]
PaintableWithLines (BlockContainer<DIV>.yyy) [108,26 21.515625x18]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]

6
Tests/LibWeb/Layout/expected/block-and-inline/bfc-root-auto-height-expands-for-descendants-with-margin-top.txt
View file

@ -2,8 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 100x308 [BFC] children: not-inline
BlockContainer <body> at (8,200) content-size 100x100 children: not-inline
BlockContainer <div#pink> at (8,200) content-size 100x100 children: not-inline
BlockContainer <div#orange> at (8,200) content-size 50x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,200 18.828125x17] baseline: 13.296875
BlockContainer <div#orange> at (8,200) content-size 50x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,200 18.828125x18] baseline: 13.796875
"lol"
TextNode <#text>
@ -11,5 +11,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 100x308] overflow: [0,0 108x308]
PaintableWithLines (BlockContainer<BODY>) [8,200 100x100]
PaintableWithLines (BlockContainer<DIV>#pink) [8,200 100x100]
PaintableWithLines (BlockContainer<DIV>#orange) [8,200 50x17]
PaintableWithLines (BlockContainer<DIV>#orange) [8,200 50x18]
TextPaintable (TextNode<#text>)

6
Tests/LibWeb/Layout/expected/block-and-inline/block-level-floating-box-with-clearance.txt
View file

@ -3,15 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 600x960 children: not-inline
BlockContainer <div.normal> at (18,18) content-size 300x300 children: not-inline
BlockContainer <div#top> at (8,328) content-size 100x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,328 26.640625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,328 26.640625x18] baseline: 13.796875
"top"
TextNode <#text>
BlockContainer <div#left> at (8,428) content-size 100x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,428 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,428 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div#right> at (108,428) content-size 100x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [108,428 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [108,428 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div.normal> at (18,338) content-size 300x300 children: not-inline

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

@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x56 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x38 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x58 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x40 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x18 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x18] baseline: 13.796875
"Well hello friends"
TextNode <#text>
BlockContainer <div.box2> at (11,30) content-size 138.28125x17 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,30 138.28125x17] baseline: 13.296875
BlockContainer <div.box2> at (11,31) content-size 138.28125x18 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,31 138.28125x18] baseline: 13.796875
"Well hello friends"
TextNode <#text>
BlockContainer <(anonymous)> at (10,48) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,50) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x40]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x42]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.box2) [10,29 140.28125x19]
PaintableWithLines (BlockContainer<DIV>.box2) [10,30 140.28125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,50 780x0]

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x38 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x20 children: not-inline
BlockContainer <div.box> at (11,11) content-size 138.28125x18 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x18] baseline: 13.796875
"Well hello friends"
TextNode <#text>
BlockContainer <(anonymous)> at (10,29) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,30) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x40]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x22]
PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,29 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,30 780x0]

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

@ -1,43 +1,43 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div.ab> at (108,8) content-size 684x17 children: not-inline
BlockContainer <div.ab> at (108,8) content-size 684x18 children: not-inline
BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div.a> at (108,8) content-size 14.265625x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [108,8 14.265625x17] baseline: 13.296875
BlockContainer <div.a> at (108,8) content-size 14.265625x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [108,8 14.265625x18] baseline: 13.796875
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div.b> at (122.265625,8) content-size 669.734375x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [122.265625,8 9.34375x17] baseline: 13.296875
BlockContainer <div.b> at (122.265625,8) content-size 669.734375x18 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [122.265625,8 9.34375x18] baseline: 13.796875
"B"
TextNode <#text>
BlockContainer <(anonymous)> at (108,25) content-size 684x0 children: inline
BlockContainer <(anonymous)> at (108,26) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x17]
PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x18]
PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x17]
PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>.b) [122.265625,8 669.734375x17]
PaintableWithLines (BlockContainer<DIV>.b) [122.265625,8 669.734375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
PaintableWithLines (BlockContainer(anonymous)) [108,26 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0]

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

@ -1,68 +1,68 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
BlockContainer <div> at (8,8) content-size 784x34 children: not-inline
BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
BlockContainer <div> at (8,8) content-size 784x36 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div.a> at (8,8) content-size 57.0625x34 floating [BFC] children: not-inline
BlockContainer <div.a> at (8,8) content-size 57.0625x36 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 57.0625x0 children: inline
TextNode <#text>
BlockContainer <div.a4> at (8,8) content-size 57.0625x17 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,8 57.0625x17] baseline: 13.296875
BlockContainer <div.a4> at (8,8) content-size 57.0625x18 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,8 57.0625x18] baseline: 13.796875
"AAAA"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 57.0625x0 children: inline
BlockContainer <(anonymous)> at (8,26) content-size 57.0625x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,25) content-size 57.0625x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,25 14.265625x17] baseline: 13.296875
BlockContainer <div> at (8,26) content-size 57.0625x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,26 14.265625x18] baseline: 13.796875
"A"
TextNode <#text>
BlockContainer <(anonymous)> at (8,42) content-size 57.0625x0 children: inline
BlockContainer <(anonymous)> at (8,44) content-size 57.0625x0 children: inline
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x34 children: not-inline
BlockContainer <div> at (108,8) content-size 684x36 children: not-inline
BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div> at (108,8) content-size 684x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [108,8 9.34375x17] baseline: 13.296875
BlockContainer <div> at (108,8) content-size 684x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [108,8 9.34375x18] baseline: 13.796875
"B"
TextNode <#text>
BlockContainer <(anonymous)> at (108,25) content-size 684x0 children: inline
BlockContainer <(anonymous)> at (108,26) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <div.c> at (108,25) content-size 684x17 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [108,25 10.3125x17] baseline: 13.296875
BlockContainer <div.c> at (108,26) content-size 684x18 [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [108,26 10.3125x18] baseline: 13.796875
"C"
TextNode <#text>
BlockContainer <(anonymous)> at (108,42) content-size 684x0 children: inline
BlockContainer <(anonymous)> at (108,44) content-size 684x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x34]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 57.0625x0]
PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x17]
PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25 57.0625x0]
PaintableWithLines (BlockContainer<DIV>) [8,25 57.0625x17]
PaintableWithLines (BlockContainer(anonymous)) [8,26 57.0625x0]
PaintableWithLines (BlockContainer<DIV>) [8,26 57.0625x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42 57.0625x0]
PaintableWithLines (BlockContainer(anonymous)) [8,44 57.0625x0]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x34]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x36]
PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x17]
PaintableWithLines (BlockContainer<DIV>) [108,8 684x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
PaintableWithLines (BlockContainer<DIV>.c) [108,25 684x17]
PaintableWithLines (BlockContainer(anonymous)) [108,26 684x0]
PaintableWithLines (BlockContainer<DIV>.c) [108,26 684x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [108,42 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
PaintableWithLines (BlockContainer(anonymous)) [108,44 684x0]
PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]

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

@ -1,34 +1,34 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x75 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x57 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 150.21875x17 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 150.21875x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x78 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x60 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 150.21875x18 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 150.21875x18] baseline: 13.796875
"width: max-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,29) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,30) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.bar> at (11,30) content-size 187.953125x17 children: inline
frag 0 from TextNode start: 0, length: 22, rect: [11,30 187.953125x17] baseline: 13.296875
BlockContainer <div.bar> at (11,31) content-size 187.953125x18 children: inline
frag 0 from TextNode start: 0, length: 22, rect: [11,31 187.953125x18] baseline: 13.796875
"max-width: max-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,48) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,50) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.baz> at (11,49) content-size 183.078125x17 children: inline
frag 0 from TextNode start: 0, length: 22, rect: [11,49 183.078125x17] baseline: 13.296875
BlockContainer <div.baz> at (11,51) content-size 183.078125x18 children: inline
frag 0 from TextNode start: 0, length: 22, rect: [11,51 183.078125x18] baseline: 13.796875
"min-width: max-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,67) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,70) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x77]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x59]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x80]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x62]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,29 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,29 189.953125x19]
PaintableWithLines (BlockContainer(anonymous)) [10,30 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,30 189.953125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,48 185.078125x19]
PaintableWithLines (BlockContainer(anonymous)) [10,50 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,50 185.078125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,67 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,70 780x0]

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

@ -1,40 +1,40 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x126 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 93.765625x34 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x132 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x114 children: not-inline
BlockContainer <div.foo> at (11,11) content-size 93.765625x36 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x18] baseline: 13.796875
"width:"
frag 1 from TextNode start: 7, length: 11, rect: [11,28 93.765625x17] baseline: 13.296875
frag 1 from TextNode start: 7, length: 11, rect: [11,29 93.765625x18] baseline: 13.796875
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,46) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,48) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.bar> at (11,47) content-size 93.765625x34 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [11,47 81.3125x17] baseline: 13.296875
BlockContainer <div.bar> at (11,49) content-size 93.765625x36 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [11,49 81.3125x18] baseline: 13.796875
"max-width:"
frag 1 from TextNode start: 11, length: 11, rect: [11,64 93.765625x17] baseline: 13.296875
frag 1 from TextNode start: 11, length: 11, rect: [11,67 93.765625x18] baseline: 13.796875
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,82) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,86) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.baz> at (11,83) content-size 93.765625x34 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [11,83 76.4375x17] baseline: 13.296875
BlockContainer <div.baz> at (11,87) content-size 93.765625x36 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [11,87 76.4375x18] baseline: 13.796875
"min-width:"
frag 1 from TextNode start: 11, length: 11, rect: [11,100 93.765625x17] baseline: 13.296875
frag 1 from TextNode start: 11, length: 11, rect: [11,105 93.765625x18] baseline: 13.796875
"min-content"
TextNode <#text>
BlockContainer <(anonymous)> at (10,118) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,124) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x128]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x110]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x36]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x134]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x116]
PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x38]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,46 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,46 95.765625x36]
PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]
PaintableWithLines (BlockContainer<DIV>.bar) [10,48 95.765625x38]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,82 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,82 95.765625x36]
PaintableWithLines (BlockContainer(anonymous)) [10,86 780x0]
PaintableWithLines (BlockContainer<DIV>.baz) [10,86 95.765625x38]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,118 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,124 780x0]

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

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x54 [BFC] children: not-inline
BlockContainer <body> at (110,10) content-size 300x36 positioned children: not-inline
BlockContainer <div> at (61,11) content-size 200x34 children: inline
frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x56 [BFC] children: not-inline
BlockContainer <body> at (110,10) content-size 300x38 positioned children: not-inline
BlockContainer <div> at (61,11) content-size 200x36 children: inline
frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x18] baseline: 13.796875
"there are no floats"
frag 1 from TextNode start: 20, length: 21, rect: [61,28 163.875x17] baseline: 13.296875
frag 1 from TextNode start: 20, length: 21, rect: [61,29 163.875x18] baseline: 13.796875
"intruding on this div"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x56]
PaintableWithLines (BlockContainer<BODY>) [109,9 302x38] overflow: [60,10 350x36]
PaintableWithLines (BlockContainer<DIV>) [60,10 202x36]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableWithLines (BlockContainer<BODY>) [109,9 302x40] overflow: [60,10 350x38]
PaintableWithLines (BlockContainer<DIV>) [60,10 202x38]
TextPaintable (TextNode<#text>)

26
Tests/LibWeb/Layout/expected/block-and-inline/box-with-percentage-height-wrapped-in-anonymous.txt
View file

@ -2,28 +2,28 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
BlockContainer <div.outer> at (8,8) content-size 100x100 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 100x17 children: inline
BlockContainer <(anonymous)> at (8,8) content-size 100x18 children: inline
InlineNode <div.inline>
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 100x100 children: not-inline continuation
BlockContainer <div.inner> at (8,25) content-size 100x100 children: not-inline
BlockContainer <(anonymous)> at (8,125) content-size 100x17 children: inline
BlockContainer <(anonymous)> at (8,26) content-size 100x100 children: not-inline continuation
BlockContainer <div.inner> at (8,26) content-size 100x100 children: not-inline
BlockContainer <(anonymous)> at (8,126) content-size 100x18 children: inline
InlineNode <div.inline> continuation
frag 0 from TextNode start: 0, length: 1, rect: [8,125 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,126 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116] overflow: [0,0 800x142]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x100] overflow: [8,8 784x134]
PaintableWithLines (BlockContainer<DIV>.outer) [8,8 100x100] overflow: [8,8 100x134]
PaintableWithLines (BlockContainer(anonymous)) [8,8 100x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116] overflow: [0,0 800x144]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x100] overflow: [8,8 784x136]
PaintableWithLines (BlockContainer<DIV>.outer) [8,8 100x100] overflow: [8,8 100x136]
PaintableWithLines (BlockContainer(anonymous)) [8,8 100x18]
PaintableWithLines (InlineNode<DIV>.inline)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25 100x100]
PaintableWithLines (BlockContainer<DIV>.inner) [8,25 100x100]
PaintableWithLines (BlockContainer(anonymous)) [8,125 100x17]
PaintableWithLines (BlockContainer(anonymous)) [8,26 100x100]
PaintableWithLines (BlockContainer<DIV>.inner) [8,26 100x100]
PaintableWithLines (BlockContainer(anonymous)) [8,126 100x18]
PaintableWithLines (InlineNode<DIV>.inline)
TextPaintable (TextNode<#text>)

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

@ -1,34 +1,34 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x48 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48] baseline: 36
BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,27 17.828125x22] baseline: 18
frag 1 from TextNode start: 0, length: 1, rect: [27.828125,30 8x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x50 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x50] baseline: 37
BlockContainer <div.ib> at (8,8) content-size 61.1875x50 inline-block [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,27 17.828125x23] baseline: 18.5
frag 1 from TextNode start: 0, length: 1, rect: [27.828125,31 8x18] baseline: 13.796875
" "
frag 2 from BlockContainer start: 0, length: 0, rect: [40.828125,10 23.359375x44] baseline: 36
frag 2 from BlockContainer start: 0, length: 0, rect: [40.828125,10 23.359375x46] baseline: 37
TextNode <#text>
BlockContainer <div.label> at (9,27) content-size 17.828125x22 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [9,27 17.828125x22] baseline: 17
BlockContainer <div.label> at (9,27) content-size 17.828125x23 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [9,27 17.828125x23] baseline: 17.5
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <button> at (40.828125,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [40.828125,10 23.359375x44] baseline: 34
BlockContainer <button> at (40.828125,10) content-size 23.359375x46 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x46 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x46 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [40.828125,10 23.359375x46] baseline: 35
"B"
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x24]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x50]
PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x25]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [35.828125,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer<BUTTON>) [35.828125,8 33.359375x50]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x46]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x46]
TextPaintable (TextNode<#text>)

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

@ -1,24 +1,24 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x200 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [22,19 48.6875x178] baseline: 81.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [22,19 48.6875x178] baseline: 82.796875
TextNode <#text>
BlockContainer <button.button.border-black> at (22,19) content-size 48.6875x178 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (22,19) content-size 48.6875x178 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (22,29.5) content-size 48.6875x157 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (22,29.5) content-size 48.6875x0 children: inline
BlockContainer <(anonymous)> at (22,29) content-size 48.6875x158 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (22,29) content-size 48.6875x0 children: inline
TextNode <#text>
BlockContainer <div.border-black> at (32,39.5) content-size 28.6875x17 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [32,39.5 28.6875x17] baseline: 13.296875
BlockContainer <div.border-black> at (32,39) content-size 28.6875x18 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [32,39 28.6875x18] baseline: 13.796875
"one"
TextNode <#text>
BlockContainer <(anonymous)> at (22,66.5) content-size 48.6875x0 children: inline
BlockContainer <(anonymous)> at (22,67) content-size 48.6875x0 children: inline
TextNode <#text>
BlockContainer <div.border-black> at (32,76.5) content-size 28.6875x100 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [32.125,76.5 28.4375x17] baseline: 13.296875
BlockContainer <div.border-black> at (32,77) content-size 28.6875x100 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [32.125,77 28.4375x18] baseline: 13.796875
"two"
TextNode <#text>
BlockContainer <(anonymous)> at (22,186.5) content-size 48.6875x0 children: inline
BlockContainer <(anonymous)> at (22,187) content-size 48.6875x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
@ -26,11 +26,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
PaintableWithLines (BlockContainer<BUTTON>.button.border-black) [8,8 76.6875x200]
PaintableWithLines (BlockContainer(anonymous)) [22,19 48.6875x178]
PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x157]
PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,29.5 48.6875x37]
PaintableWithLines (BlockContainer(anonymous)) [22,29 48.6875x158]
PaintableWithLines (BlockContainer(anonymous)) [22,29 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,29 48.6875x38]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [22,66.5 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,66.5 48.6875x120]
PaintableWithLines (BlockContainer(anonymous)) [22,67 48.6875x0]
PaintableWithLines (BlockContainer<DIV>.border-black) [22,67 48.6875x120]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [22,186.5 48.6875x0]
PaintableWithLines (BlockContainer(anonymous)) [22,187 48.6875x0]

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

@ -1,27 +1,27 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x58 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x42 children: not-inline
BlockContainer <button.btn.fixed-width> at (13,10) content-size 190x17 children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [60.53125,10 94.921875x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x60 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x44 children: not-inline
BlockContainer <button.btn.fixed-width> at (13,10) content-size 190x18 children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x18 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [60.53125,10 94.921875x18] baseline: 13.796875
"200px width"
TextNode <#text>
BlockContainer <button.btn> at (13,31) content-size 324.671875x17 children: not-inline
BlockContainer <(anonymous)> at (13,31) content-size 324.671875x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,31) content-size 324.671875x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 39, rect: [13,31 324.671875x17] baseline: 13.296875
BlockContainer <button.btn> at (13,32) content-size 324.671875x18 children: not-inline
BlockContainer <(anonymous)> at (13,32) content-size 324.671875x18 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,32) content-size 324.671875x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 39, rect: [13,32 324.671875x18] baseline: 13.796875
"auto width should behave as fit-content"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x42]
PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x44]
PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x22]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x18]
PaintableWithLines (BlockContainer(anonymous)) [13,10 190x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>.btn) [8,29 334.671875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
PaintableWithLines (BlockContainer<BUTTON>.btn) [8,30 334.671875x22]
PaintableWithLines (BlockContainer(anonymous)) [13,32 324.671875x18]
PaintableWithLines (BlockContainer(anonymous)) [13,32 324.671875x18]
TextPaintable (TextNode<#text>)

28
Tests/LibWeb/Layout/expected/block-and-inline/button-with-after-pseudo.txt
View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x75 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x59 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.703125x55] baseline: 44.484375
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.703125x55 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x55 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x55 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.703125x55] baseline: 42.484375
BlockContainer <html> at (0,0) content-size 800x77 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x61 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.703125x57] baseline: 45.484375
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.703125x57 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x57 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x57 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.703125x57] baseline: 43.484375
"See more games"
TextNode <#text>
BlockContainer <(anonymous)> at (9,9) content-size 422.703125x57 positioned [BFC] children: inline
BlockContainer <(anonymous)> at (9,9) content-size 422.703125x59 positioned [BFC] children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.703125x59]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x55]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x55]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x77]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x61]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.703125x61]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x57]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x57]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.703125x57]
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.703125x59]

28
Tests/LibWeb/Layout/expected/block-and-inline/button-with-before-pseudo.txt
View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x75 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x59 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.703125x55] baseline: 44.484375
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.703125x55 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x55 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x55 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.703125x55] baseline: 42.484375
BlockContainer <html> at (0,0) content-size 800x77 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x61 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.703125x57] baseline: 45.484375
BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.703125x57 positioned inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x57 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 414.703125x57 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.703125x57] baseline: 43.484375
"See more games"
BlockContainer <(anonymous)> at (9,9) content-size 422.703125x57 positioned [BFC] children: inline
BlockContainer <(anonymous)> at (9,9) content-size 422.703125x59 positioned [BFC] children: inline
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.703125x59]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x55]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x55]
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.703125x57]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x77]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x61]
PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.703125x61]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x57]
PaintableWithLines (BlockContainer(anonymous)) [13,10 414.703125x57]
PaintableWithLines (BlockContainer(anonymous)) [9,9 422.703125x59]
TextPaintable (TextNode<#text>)

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

@ -1,42 +1,42 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x48 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48] baseline: 36
BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,27 17.828125x22] baseline: 18
frag 1 from TextNode start: 0, length: 1, rect: [27.828125,30 8x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x50 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x50] baseline: 37
BlockContainer <div.ib> at (8,8) content-size 61.1875x50 inline-block [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,27 17.828125x23] baseline: 18.5
frag 1 from TextNode start: 0, length: 1, rect: [27.828125,31 8x18] baseline: 13.796875
" "
frag 2 from BlockContainer start: 0, length: 0, rect: [40.828125,10 23.359375x44] baseline: 36
frag 2 from BlockContainer start: 0, length: 0, rect: [40.828125,10 23.359375x46] baseline: 37
TextNode <#text>
BlockContainer <div.label> at (9,27) content-size 17.828125x22 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [9,27 17.828125x22] baseline: 17
BlockContainer <div.label> at (9,27) content-size 17.828125x23 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [9,27 17.828125x23] baseline: 17.5
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <button> at (40.828125,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-item [BFC] children: not-inline
BlockContainer <button> at (40.828125,10) content-size 23.359375x46 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x46 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x46 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x0 children: inline
TextNode <#text>
BlockContainer <div> at (40.828125,10) content-size 23.359375x44 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [40.828125,10 23.359375x44] baseline: 34
BlockContainer <div> at (40.828125,10) content-size 23.359375x46 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [40.828125,10 23.359375x46] baseline: 35
"B"
TextNode <#text>
BlockContainer <(anonymous)> at (40.828125,54) content-size 23.359375x0 children: inline
BlockContainer <(anonymous)> at (40.828125,56) content-size 23.359375x0 children: inline
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x24]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x50]
PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x25]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [35.828125,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer<BUTTON>) [35.828125,8 33.359375x50]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x46]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x46]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x0]
PaintableWithLines (BlockContainer<DIV>) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer<DIV>) [40.828125,10 23.359375x46]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [40.828125,54 23.359375x0]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,56 23.359375x0]

6
Tests/LibWeb/Layout/expected/block-and-inline/button-with-min-height.txt
View file

@ -4,8 +4,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 143.515625x100] baseline: 56.796875
BlockContainer <button> at (13,10) content-size 143.515625x100 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 143.515625x100 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,51.5) content-size 143.515625x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 19, rect: [13,51.5 143.515625x17] baseline: 13.296875
BlockContainer <(anonymous)> at (13,51) content-size 143.515625x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 19, rect: [13,51 143.515625x18] baseline: 13.796875
"Middle-aligned text"
TextNode <#text>
TextNode <#text>
@ -15,5 +15,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 153.515625x104]
PaintableWithLines (BlockContainer(anonymous)) [13,10 143.515625x100]
PaintableWithLines (BlockContainer(anonymous)) [13,51.5 143.515625x17]
PaintableWithLines (BlockContainer(anonymous)) [13,51 143.515625x18]
TextPaintable (TextNode<#text>)

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x21 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x17] baseline: 15.296875
BlockContainer <button> at (13,10) content-size 49.921875x17 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [13,10 49.921875x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x22 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x18] baseline: 15.796875
BlockContainer <button> at (13,10) content-size 49.921875x18 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x18 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 49.921875x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [13,10 49.921875x18] baseline: 13.796875
"A B C"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x22]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x18]
PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x18]
TextPaintable (TextNode<#text>)

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x56 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x52] baseline: 42.390625
BlockContainer <button> at (13,10) content-size 111.65625x52 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [13,10 111.65625x52] baseline: 40.390625
BlockContainer <body> at (8,8) content-size 784x59 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x55] baseline: 43.890625
BlockContainer <button> at (13,10) content-size 111.65625x55 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x55 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 111.65625x55 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [13,10 111.65625x55] baseline: 41.890625
"Test"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x56]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x56]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x59]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x55]
PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x55]
TextPaintable (TextNode<#text>)

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

@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x21 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x17] baseline: 15.296875
BlockContainer <button> at (13,10) content-size 37.21875x17 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [13,10 37.21875x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x22 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x18] baseline: 15.796875
BlockContainer <button> at (13,10) content-size 37.21875x18 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x18 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 37.21875x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [13,10 37.21875x18] baseline: 13.796875
"Test"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x21]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x22]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x18]
PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x18]
TextPaintable (TextNode<#text>)

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

@ -3,18 +3,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x35 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,29.4375 28.53125x35] baseline: 27.09375
BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x37 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,29.4375 28.53125x37] baseline: 28.09375
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x35 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [773.3125,29.4375 18.6875x35] baseline: 27.09375
BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x37 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [773.3125,29.4375 18.6875x37] baseline: 28.09375
"B"
TextNode <#text>
TextNode <#text>
BlockContainer <div.c> at (8,155.875) content-size 11.5625x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,155.875 11.5625x17] baseline: 13.296875
BlockContainer <div.c> at (8,157.875) content-size 11.5625x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,157.875 11.5625x18] baseline: 13.796875
"X"
TextNode <#text>
TextNode <#text>
@ -23,9 +23,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x35]
PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x35]
PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x37]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.c) [8,155.875 11.5625x17]
PaintableWithLines (BlockContainer<DIV>.c) [8,157.875 11.5625x18]
TextPaintable (TextNode<#text>)

24
Tests/LibWeb/Layout/expected/block-and-inline/clear-both-without-introducing-clearance.txt
View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x125 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109 children: not-inline
BlockContainer <div.upper> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,8 46.15625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x127 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x111 children: not-inline
BlockContainer <div.upper> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,8 46.15625x18] baseline: 13.796875
"upper"
TextNode <#text>
BlockContainer <div.mystery> at (8,100) content-size 784x0 children: not-inline
BlockContainer <div.lower> at (8,100) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,100 43.359375x17] baseline: 13.296875
BlockContainer <div.mystery> at (8,101) content-size 784x0 children: not-inline
BlockContainer <div.lower> at (8,101) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,101 43.359375x18] baseline: 13.796875
"lower"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x125]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x127]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x111]
PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.mystery) [8,100 784x0]
PaintableWithLines (BlockContainer<DIV>.lower) [8,100 784x17]
PaintableWithLines (BlockContainer<DIV>.mystery) [8,101 784x0]
PaintableWithLines (BlockContainer<DIV>.lower) [8,101 784x18]
TextPaintable (TextNode<#text>)

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

@ -1,20 +1,20 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 400x50 children: not-inline
BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17] baseline: 13.296875
BlockContainer <div.right> at (370.890625,8) content-size 37.109375x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
Box <div.flex> at (8,8) content-size 362.890625x50 flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 32.34375x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,8 32.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,8 32.34375x18] baseline: 13.796875
"item"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [8,8 400x50]
PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17]
PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x18]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.flex) [8,8 362.890625x50]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 32.34375x50]

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

@ -1,17 +1,17 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x323 children: not-inline
BlockContainer <body> at (8,8) content-size 784x342 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#lefty> at (8,8) content-size 100x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x18] baseline: 13.796875
"L"
TextNode <#text>
TextNode <#text>
BlockContainer <div#righty> at (742,8) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x18] baseline: 13.796875
"R"
TextNode <#text>
TextNode <#text>
@ -20,12 +20,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#lefty2> at (108,8) content-size 80x80 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x18] baseline: 13.796875
"L2"
TextNode <#text>
TextNode <#text>
BlockContainer <div#righty2> at (712,8) content-size 30x30 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x18] baseline: 13.796875
"R2"
TextNode <#text>
TextNode <#text>
@ -34,63 +34,63 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#lefty3> at (188,8) content-size 40x40 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x18] baseline: 13.796875
"L3"
TextNode <#text>
TextNode <#text>
BlockContainer <div#righty3> at (692,8) content-size 20x20 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x18] baseline: 13.796875
"R3"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 784x323 children: inline
frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17] baseline: 13.296875
BlockContainer <div> at (8,8) content-size 784x342 children: inline
frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x18] baseline: 13.796875
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
frag 1 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17] baseline: 13.296875
frag 1 from TextNode start: 49, length: 47, rect: [228,26 414.5625x18] baseline: 13.796875
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
frag 2 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17] baseline: 13.296875
frag 2 from TextNode start: 97, length: 53, rect: [228,44 466.90625x18] baseline: 13.796875
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 3 from TextNode start: 151, length: 65, rect: [188,59 573.5x17] baseline: 13.296875
frag 3 from TextNode start: 151, length: 65, rect: [188,62 573.5x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
frag 4 from TextNode start: 217, length: 65, rect: [188,76 572.546875x17] baseline: 13.296875
frag 4 from TextNode start: 217, length: 65, rect: [188,80 572.546875x18] baseline: 13.796875
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 5 from TextNode start: 283, length: 77, rect: [108,93 679.140625x17] baseline: 13.296875
frag 5 from TextNode start: 283, length: 77, rect: [108,98 679.140625x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
frag 6 from TextNode start: 361, length: 89, rect: [8,110 783.828125x17] baseline: 13.296875
frag 6 from TextNode start: 361, length: 89, rect: [8,116 783.828125x18] baseline: 13.796875
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 7 from TextNode start: 451, length: 83, rect: [8,127 731.484375x17] baseline: 13.296875
frag 7 from TextNode start: 451, length: 83, rect: [8,134 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 8 from TextNode start: 535, length: 83, rect: [8,144 731.484375x17] baseline: 13.296875
frag 8 from TextNode start: 535, length: 83, rect: [8,152 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 9 from TextNode start: 619, length: 83, rect: [8,161 731.484375x17] baseline: 13.296875
frag 9 from TextNode start: 619, length: 83, rect: [8,170 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 10 from TextNode start: 703, length: 83, rect: [8,178 731.484375x17] baseline: 13.296875
frag 10 from TextNode start: 703, length: 83, rect: [8,188 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 11 from TextNode start: 787, length: 83, rect: [8,195 731.484375x17] baseline: 13.296875
frag 11 from TextNode start: 787, length: 83, rect: [8,206 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 12 from TextNode start: 871, length: 83, rect: [8,212 731.484375x17] baseline: 13.296875
frag 12 from TextNode start: 871, length: 83, rect: [8,224 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 13 from TextNode start: 955, length: 83, rect: [8,229 731.484375x17] baseline: 13.296875
frag 13 from TextNode start: 955, length: 83, rect: [8,242 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 14 from TextNode start: 1039, length: 83, rect: [8,246 731.484375x17] baseline: 13.296875
frag 14 from TextNode start: 1039, length: 83, rect: [8,260 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 15 from TextNode start: 1123, length: 83, rect: [8,263 731.484375x17] baseline: 13.296875
frag 15 from TextNode start: 1123, length: 83, rect: [8,278 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 16 from TextNode start: 1207, length: 83, rect: [8,280 731.484375x17] baseline: 13.296875
frag 16 from TextNode start: 1207, length: 83, rect: [8,296 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 17 from TextNode start: 1291, length: 83, rect: [8,297 731.484375x17] baseline: 13.296875
frag 17 from TextNode start: 1291, length: 83, rect: [8,314 731.484375x18] baseline: 13.796875
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
frag 18 from TextNode start: 1375, length: 5, rect: [8,314 45.296875x17] baseline: 13.296875
frag 18 from TextNode start: 1375, length: 5, rect: [8,332 45.296875x18] baseline: 13.796875
"ipsum"
TextNode <#text>
BlockContainer <(anonymous)> at (8,331) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,350) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x323]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x342]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100]
@ -110,6 +110,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x323]
PaintableWithLines (BlockContainer<DIV>) [8,8 784x342]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,331 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,350 784x0]

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

@ -2,24 +2,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x60 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#b> at (9,9) content-size 50x50 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div#a> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [60,8 37.578125x17] baseline: 13.296875
BlockContainer <div#a> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [60,8 37.578125x18] baseline: 13.796875
"Text"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>#b) [8,8 52x52]
PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0]

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

@ -1,6 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 780x119 children: not-inline
BlockContainer <body> at (8,8) content-size 780x120 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div#top> at (8,8) content-size 780x100 [BFC] children: inline
@ -11,30 +11,30 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,108) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div#bottom> at (9,109) content-size 778x17 children: not-inline
BlockContainer <div#bottom> at (9,109) content-size 778x18 children: not-inline
BlockContainer <(anonymous)> at (9,109) content-size 778x0 children: inline
TextNode <#text>
TextNode <#text>
BlockContainer <div#text> at (9,109) content-size 778x17 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [370.59375,109 54.796875x17] baseline: 13.296875
BlockContainer <div#text> at (9,109) content-size 778x18 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [370.59375,109 54.796875x18] baseline: 13.796875
"foobar"
TextNode <#text>
BlockContainer <(anonymous)> at (9,126) content-size 778x0 children: inline
BlockContainer <(anonymous)> at (9,127) content-size 778x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,127) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (8,128) content-size 780x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 780x119]
PaintableWithLines (BlockContainer<BODY>) [8,8 780x120]
PaintableWithLines (BlockContainer(anonymous)) [8,8 780x0]
PaintableWithLines (BlockContainer<DIV>#top) [8,8 780x100]
PaintableWithLines (BlockContainer<DIV>#top-left.box) [8,8 300x100]
PaintableWithLines (BlockContainer<DIV>#top-right.box) [488,8 300x100]
PaintableWithLines (BlockContainer(anonymous)) [8,108 780x0]
PaintableWithLines (BlockContainer<DIV>#bottom) [8,108 780x19]
PaintableWithLines (BlockContainer<DIV>#bottom) [8,108 780x20]
PaintableWithLines (BlockContainer(anonymous)) [9,109 778x0]
PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17]
PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [9,126 778x0]
PaintableWithLines (BlockContainer(anonymous)) [8,127 780x0]
PaintableWithLines (BlockContainer(anonymous)) [9,127 778x0]
PaintableWithLines (BlockContainer(anonymous)) [8,128 780x0]

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

@ -5,22 +5,22 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.left> at (9,9) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [14.390625,9 39.21875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [14.390625,9 39.21875x18] baseline: 13.796875
"Left1"
TextNode <#text>
TextNode <#text>
BlockContainer <div.right> at (737,9) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [737.84375,9 48.3125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [737.84375,9 48.3125x18] baseline: 13.796875
"Right1"
TextNode <#text>
TextNode <#text>
BlockContainer <div.left> at (61,9) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [65.15625,9 41.6875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [65.15625,9 41.6875x18] baseline: 13.796875
"Left2"
TextNode <#text>
TextNode <#text>
BlockContainer <div.right> at (685,9) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [685,9 50.78125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [685,9 50.78125x18] baseline: 13.796875
"Right2"
TextNode <#text>
TextNode <#text>

2
Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break-at-end-of-block.txt
View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x416 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x400 children: not-inline
BlockContainer <div.a> at (8,8) content-size 784x200 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [8,8 27.15625x17] baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [8,8 27.15625x18] baseline: 13.796875
"foo"
TextNode <#text>
BlockContainer <div.b> at (292,8) content-size 500x200 floating [BFC] children: not-inline

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

@ -1,23 +1,23 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x157 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x133 children: not-inline
BlockContainer <html> at (0,0) content-size 800x158 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x134 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x100 children: inline
BlockContainer <div.a> at (8,8) content-size 100x100 floating [BFC] children: not-inline
TextNode <#text>
BreakNode <br.b>
TextNode <#text>
BlockContainer <p> at (8,124) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,124 27.15625x17] baseline: 13.296875
BlockContainer <p> at (8,124) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,124 27.15625x18] baseline: 13.796875
"foo"
TextNode <#text>
BlockContainer <(anonymous)> at (8,157) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x157]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x133]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x158]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x134]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x100]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x100]
PaintableWithLines (BlockContainer<P>) [8,124 784x17]
PaintableWithLines (BlockContainer<P>) [8,124 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,157 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]

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

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x133 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x117 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [8,108 27.15625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x134 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x118 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [8,108 27.15625x18] baseline: 13.796875
"foo"
BlockContainer <div.a> at (8,8) content-size 100x100 floating [BFC] children: not-inline
TextNode <#text>
@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x133]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x117]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x134]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x118]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x100]
TextPaintable (TextNode<#text>)

28
Tests/LibWeb/Layout/expected/block-and-inline/float-clear-right-should-not-affect-inline-left.txt
View file

@ -1,35 +1,35 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 650x466 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 634x384 children: not-inline
BlockContainer <body> at (8,16) content-size 634x388 children: not-inline
BlockContainer <(anonymous)> at (8,16) content-size 634x0 children: inline
BlockContainer <div.a> at (342,16) content-size 300x225 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <p> at (8,16) content-size 634x68 children: inline
frag 0 from TextNode start: 0, length: 27, rect: [8,16 232.84375x17] baseline: 13.296875
BlockContainer <p> at (8,16) content-size 634x72 children: inline
frag 0 from TextNode start: 0, length: 27, rect: [8,16 232.84375x18] baseline: 13.796875
"Lorem ipsum dolor sit amet,"
frag 1 from TextNode start: 28, length: 35, rect: [8,33 278.125x17] baseline: 13.296875
frag 1 from TextNode start: 28, length: 35, rect: [8,34 278.125x18] baseline: 13.796875
"consectetur adipiscing elit, sed do"
frag 2 from TextNode start: 64, length: 38, rect: [8,50 316.5x17] baseline: 13.296875
frag 2 from TextNode start: 64, length: 38, rect: [8,52 316.5x18] baseline: 13.796875
"eiusmod tempor incididunt ut labore et"
frag 3 from TextNode start: 103, length: 20, rect: [8,67 167.078125x17] baseline: 13.296875
frag 3 from TextNode start: 103, length: 20, rect: [8,70 167.078125x18] baseline: 13.796875
"dolore magna aliqua."
TextNode <#text>
BlockContainer <(anonymous)> at (8,100) content-size 634x0 children: inline
BlockContainer <(anonymous)> at (8,104) content-size 634x0 children: inline
TextNode <#text>
BlockContainer <div.a> at (342,241) content-size 300x225 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.b> at (8,100) content-size 634x300 children: not-inline
BlockContainer <(anonymous)> at (8,400) content-size 634x0 children: inline
BlockContainer <div.b> at (8,104) content-size 634x300 children: not-inline
BlockContainer <(anonymous)> at (8,404) content-size 634x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 650x466]
PaintableWithLines (BlockContainer<BODY>) [8,16 634x384]
PaintableWithLines (BlockContainer<BODY>) [8,16 634x388]
PaintableWithLines (BlockContainer(anonymous)) [8,16 634x0]
PaintableWithLines (BlockContainer<DIV>.a) [342,16 300x225]
PaintableWithLines (BlockContainer<P>) [8,16 634x68]
PaintableWithLines (BlockContainer<P>) [8,16 634x72]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,100 634x0]
PaintableWithLines (BlockContainer(anonymous)) [8,104 634x0]
PaintableWithLines (BlockContainer<DIV>.a) [342,241 300x225]
PaintableWithLines (BlockContainer<DIV>.b) [8,100 634x300]
PaintableWithLines (BlockContainer(anonymous)) [8,400 634x0]
PaintableWithLines (BlockContainer<DIV>.b) [8,104 634x300]
PaintableWithLines (BlockContainer(anonymous)) [8,404 634x0]

30
Tests/LibWeb/Layout/expected/block-and-inline/float-following-trailing-whitespace.txt
View file

@ -1,28 +1,28 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <div.a> at (8,8) content-size 100x17 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 50x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
BlockContainer <div.a> at (8,8) content-size 100x18 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 50x18] baseline: 13.796875
TextNode <#text>
BlockContainer <div.b> at (8,8) content-size 50x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17] baseline: 13.296875
BlockContainer <div.b> at (8,8) content-size 50x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x18] baseline: 13.796875
"foo"
TextNode <#text>
TextNode <#text>
BlockContainer <div.c> at (58,8) content-size 50x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [58,8 27.640625x17] baseline: 13.296875
BlockContainer <div.c> at (58,8) content-size 50x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [58,8 27.640625x18] baseline: 13.796875
"bar"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x17]
PaintableWithLines (BlockContainer<DIV>.b) [8,8 50x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x18]
PaintableWithLines (BlockContainer<DIV>.b) [8,8 50x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.c) [58,8 50x17]
PaintableWithLines (BlockContainer<DIV>.c) [58,8 50x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0]

30
Tests/LibWeb/Layout/expected/block-and-inline/float-initial-available-space-vs-height.txt
View file

@ -1,25 +1,25 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x413 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x5 children: not-inline
BlockContainer <div.a> at (8,8) content-size 100x5 children: inline
frag 0 from TextNode start: 1, length: 1, rect: [8,8 4.328125x5] baseline: 4
BlockContainer <html> at (0,0) content-size 800x414 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x6 children: not-inline
BlockContainer <div.a> at (8,8) content-size 100x6 children: inline
frag 0 from TextNode start: 1, length: 1, rect: [8,8 4.328125x6] baseline: 4.5
"H"
TextNode <#text>
BlockContainer <div.b.l> at (8,13) content-size 100x100 floating [BFC] children: not-inline
BlockContainer <div.b.l> at (8,14) content-size 100x100 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.c.l> at (8,113) content-size 30x300 floating [BFC] children: not-inline
BlockContainer <div.c.l> at (8,114) content-size 30x300 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <div.c.r> at (78,113) content-size 30x300 floating [BFC] children: not-inline
BlockContainer <div.c.r> at (78,114) content-size 30x300 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,13) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,14) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x413]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x5]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x5]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x414]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x6]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x6]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.b.l) [8,13 100x100]
PaintableWithLines (BlockContainer<DIV>.c.l) [8,113 30x300]
PaintableWithLines (BlockContainer<DIV>.c.r) [78,113 30x300]
PaintableWithLines (BlockContainer(anonymous)) [8,13 784x0]
PaintableWithLines (BlockContainer<DIV>.b.l) [8,14 100x100]
PaintableWithLines (BlockContainer<DIV>.c.l) [8,114 30x300]
PaintableWithLines (BlockContainer<DIV>.c.r) [78,114 30x300]
PaintableWithLines (BlockContainer(anonymous)) [8,14 784x0]

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

@ -1,205 +1,205 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (252,10) content-size 538x400 children: inline
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x22] baseline: 17
BlockContainer <body> at (252,10) content-size 538x432 children: inline
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x23] baseline: 17.5
"Lorem"
frag 1 from TextNode start: 6, length: 1, rect: [617.71875,10 12.53125x22] baseline: 17
frag 1 from TextNode start: 6, length: 1, rect: [617.71875,10 12.53125x23] baseline: 17.5
" "
frag 2 from TextNode start: 7, length: 5, rect: [630.25,10 56.625x22] baseline: 17
frag 2 from TextNode start: 7, length: 5, rect: [630.25,10 56.625x23] baseline: 17.5
"ipsum"
frag 3 from TextNode start: 12, length: 1, rect: [686.875,10 12.53125x22] baseline: 17
frag 3 from TextNode start: 12, length: 1, rect: [686.875,10 12.53125x23] baseline: 17.5
" "
frag 4 from TextNode start: 13, length: 5, rect: [699.40625,10 52.0625x22] baseline: 17
frag 4 from TextNode start: 13, length: 5, rect: [699.40625,10 52.0625x23] baseline: 17.5
"dolor"
frag 5 from TextNode start: 18, length: 1, rect: [751.46875,10 12.53125x22] baseline: 17
frag 5 from TextNode start: 18, length: 1, rect: [751.46875,10 12.53125x23] baseline: 17.5
" "
frag 6 from TextNode start: 19, length: 3, rect: [764,10 25.96875x22] baseline: 17
frag 6 from TextNode start: 19, length: 3, rect: [764,10 25.96875x23] baseline: 17.5
"sit"
frag 7 from TextNode start: 23, length: 4, rect: [554,32 46.421875x22] baseline: 17
frag 7 from TextNode start: 23, length: 4, rect: [554,33 46.421875x23] baseline: 17.5
"amet"
frag 8 from TextNode start: 27, length: 1, rect: [600.421875,32 6.3125x22] baseline: 17
frag 8 from TextNode start: 27, length: 1, rect: [600.421875,33 6.3125x23] baseline: 17.5
","
frag 9 from TextNode start: 28, length: 1, rect: [606.734375,32 62.1875x22] baseline: 17
frag 9 from TextNode start: 28, length: 1, rect: [606.734375,33 62.1875x23] baseline: 17.5
" "
frag 10 from TextNode start: 29, length: 11, rect: [668.921875,32 121.078125x22] baseline: 17
frag 10 from TextNode start: 29, length: 11, rect: [668.921875,33 121.078125x23] baseline: 17.5
"consectetur"
frag 11 from TextNode start: 41, length: 10, rect: [554,54 94.671875x22] baseline: 17
frag 11 from TextNode start: 41, length: 10, rect: [554,56 94.671875x23] baseline: 17.5
"adipiscing"
frag 12 from TextNode start: 51, length: 1, rect: [648.671875,54 105.40625x22] baseline: 17
frag 12 from TextNode start: 51, length: 1, rect: [648.671875,56 105.40625x23] baseline: 17.5
" "
frag 13 from TextNode start: 52, length: 4, rect: [754.078125,54 30.484375x22] baseline: 17
frag 13 from TextNode start: 52, length: 4, rect: [754.078125,56 30.484375x23] baseline: 17.5
"elit"
frag 14 from TextNode start: 56, length: 1, rect: [784.5625,54 5.4375x22] baseline: 17
frag 14 from TextNode start: 56, length: 1, rect: [784.5625,56 5.4375x23] baseline: 17.5
"."
frag 15 from TextNode start: 58, length: 11, rect: [554,76 123.375x22] baseline: 17
frag 15 from TextNode start: 58, length: 11, rect: [554,79 123.375x23] baseline: 17.5
"Suspendisse"
frag 16 from TextNode start: 69, length: 1, rect: [677.375,76 100.9375x22] baseline: 17
frag 16 from TextNode start: 69, length: 1, rect: [677.375,79 100.9375x23] baseline: 17.5
" "
frag 17 from TextNode start: 70, length: 1, rect: [778.3125,76 11.6875x22] baseline: 17
frag 17 from TextNode start: 70, length: 1, rect: [778.3125,79 11.6875x23] baseline: 17.5
"a"
frag 18 from TextNode start: 72, length: 8, rect: [554,98 82.078125x22] baseline: 17
frag 18 from TextNode start: 72, length: 8, rect: [554,102 82.078125x23] baseline: 17.5
"placerat"
frag 19 from TextNode start: 80, length: 1, rect: [636.078125,98 29.625x22] baseline: 17
frag 19 from TextNode start: 80, length: 1, rect: [636.078125,102 29.625x23] baseline: 17.5
" "
frag 20 from TextNode start: 81, length: 6, rect: [665.703125,98 67.5625x22] baseline: 17
frag 20 from TextNode start: 81, length: 6, rect: [665.703125,102 67.5625x23] baseline: 17.5
"mauris"
frag 21 from TextNode start: 87, length: 1, rect: [733.265625,98 6.3125x22] baseline: 17
frag 21 from TextNode start: 87, length: 1, rect: [733.265625,102 6.3125x23] baseline: 17.5
","
frag 22 from TextNode start: 88, length: 1, rect: [739.578125,98 29.625x22] baseline: 17
frag 22 from TextNode start: 88, length: 1, rect: [739.578125,102 29.625x23] baseline: 17.5
" "
frag 23 from TextNode start: 89, length: 2, rect: [769.203125,98 20.78125x22] baseline: 17
frag 23 from TextNode start: 89, length: 2, rect: [769.203125,102 20.78125x23] baseline: 17.5
"ut"
frag 24 from TextNode start: 92, length: 9, rect: [554,120 101.3125x22] baseline: 17
frag 24 from TextNode start: 92, length: 9, rect: [554,125 101.3125x23] baseline: 17.5
"elementum"
frag 25 from TextNode start: 101, length: 1, rect: [655.3125,120 10.421875x22] baseline: 17
frag 25 from TextNode start: 101, length: 1, rect: [655.3125,125 10.421875x23] baseline: 17.5
" "
frag 26 from TextNode start: 102, length: 2, rect: [665.734375,120 20.953125x22] baseline: 17
frag 26 from TextNode start: 102, length: 2, rect: [665.734375,125 20.953125x23] baseline: 17.5
"mi"
frag 27 from TextNode start: 104, length: 1, rect: [686.6875,120 5.4375x22] baseline: 17
frag 27 from TextNode start: 104, length: 1, rect: [686.6875,125 5.4375x23] baseline: 17.5
"."
frag 28 from TextNode start: 105, length: 1, rect: [692.125,120 10.421875x22] baseline: 17
frag 28 from TextNode start: 105, length: 1, rect: [692.125,125 10.421875x23] baseline: 17.5
" "
frag 29 from TextNode start: 106, length: 5, rect: [702.546875,120 56.234375x22] baseline: 17
frag 29 from TextNode start: 106, length: 5, rect: [702.546875,125 56.234375x23] baseline: 17.5
"Morbi"
frag 30 from TextNode start: 111, length: 1, rect: [758.78125,120 10.421875x22] baseline: 17
frag 30 from TextNode start: 111, length: 1, rect: [758.78125,125 10.421875x23] baseline: 17.5
" "
frag 31 from TextNode start: 112, length: 2, rect: [769.203125,120 20.78125x22] baseline: 17
frag 31 from TextNode start: 112, length: 2, rect: [769.203125,125 20.78125x23] baseline: 17.5
"ut"
frag 32 from TextNode start: 115, length: 8, rect: [554,142 78.78125x22] baseline: 17
frag 32 from TextNode start: 115, length: 8, rect: [554,148 78.78125x23] baseline: 17.5
"vehicula"
frag 33 from TextNode start: 123, length: 1, rect: [632.78125,142 27.21875x22] baseline: 17
frag 33 from TextNode start: 123, length: 1, rect: [632.78125,148 27.21875x23] baseline: 17.5
" "
frag 34 from TextNode start: 124, length: 5, rect: [660,142 56.625x22] baseline: 17
frag 34 from TextNode start: 124, length: 5, rect: [660,148 56.625x23] baseline: 17.5
"ipsum"
frag 35 from TextNode start: 129, length: 1, rect: [716.625,142 6.3125x22] baseline: 17
frag 35 from TextNode start: 129, length: 1, rect: [716.625,148 6.3125x23] baseline: 17.5
","
frag 36 from TextNode start: 130, length: 1, rect: [722.9375,142 27.21875x22] baseline: 17
frag 36 from TextNode start: 130, length: 1, rect: [722.9375,148 27.21875x23] baseline: 17.5
" "
frag 37 from TextNode start: 131, length: 4, rect: [750.15625,142 39.84375x22] baseline: 17
frag 37 from TextNode start: 131, length: 4, rect: [750.15625,148 39.84375x23] baseline: 17.5
"eget"
frag 38 from TextNode start: 136, length: 8, rect: [554,164 82.078125x22] baseline: 17
frag 38 from TextNode start: 136, length: 8, rect: [554,171 82.078125x23] baseline: 17.5
"placerat"
frag 39 from TextNode start: 144, length: 1, rect: [636.078125,164 11.6875x22] baseline: 17
frag 39 from TextNode start: 144, length: 1, rect: [636.078125,171 11.6875x23] baseline: 17.5
" "
frag 40 from TextNode start: 145, length: 5, rect: [647.765625,164 56.453125x22] baseline: 17
frag 40 from TextNode start: 145, length: 5, rect: [647.765625,171 56.453125x23] baseline: 17.5
"augue"
frag 41 from TextNode start: 150, length: 1, rect: [704.21875,164 5.4375x22] baseline: 17
frag 41 from TextNode start: 150, length: 1, rect: [704.21875,171 5.4375x23] baseline: 17.5
"."
frag 42 from TextNode start: 151, length: 1, rect: [709.65625,164 11.6875x22] baseline: 17
frag 42 from TextNode start: 151, length: 1, rect: [709.65625,171 11.6875x23] baseline: 17.5
" "
frag 43 from TextNode start: 152, length: 7, rect: [721.34375,164 68.640625x22] baseline: 17
frag 43 from TextNode start: 152, length: 7, rect: [721.34375,171 68.640625x23] baseline: 17.5
"Integer"
frag 44 from TextNode start: 160, length: 6, rect: [554,186 70.296875x22] baseline: 17
frag 44 from TextNode start: 160, length: 6, rect: [252,212 70.296875x23] baseline: 17.5
"rutrum"
frag 45 from TextNode start: 166, length: 1, rect: [624.296875,186 21x22] baseline: 17
frag 45 from TextNode start: 166, length: 1, rect: [322.296875,212 21x23] baseline: 17.5
" "
frag 46 from TextNode start: 167, length: 4, rect: [645.296875,186 35.109375x22] baseline: 17
frag 46 from TextNode start: 167, length: 4, rect: [343.296875,212 35.109375x23] baseline: 17.5
"nisi"
frag 47 from TextNode start: 171, length: 1, rect: [680.40625,186 21x22] baseline: 17
frag 47 from TextNode start: 171, length: 1, rect: [378.40625,212 21x23] baseline: 17.5
" "
frag 48 from TextNode start: 172, length: 4, rect: [701.40625,186 39.84375x22] baseline: 17
frag 48 from TextNode start: 172, length: 4, rect: [399.40625,212 39.84375x23] baseline: 17.5
"eget"
frag 49 from TextNode start: 176, length: 1, rect: [741.25,186 21x22] baseline: 17
frag 49 from TextNode start: 176, length: 1, rect: [439.25,212 21x23] baseline: 17.5
" "
frag 50 from TextNode start: 177, length: 3, rect: [762.25,186 27.734375x22] baseline: 17
frag 50 from TextNode start: 177, length: 3, rect: [460.25,212 27.734375x23] baseline: 17.5
"dui"
frag 51 from TextNode start: 181, length: 6, rect: [252,212 62.671875x22] baseline: 17
frag 51 from TextNode start: 181, length: 6, rect: [252,235 62.671875x23] baseline: 17.5
"dictum"
frag 52 from TextNode start: 187, length: 1, rect: [314.671875,212 6.3125x22] baseline: 17
frag 52 from TextNode start: 187, length: 1, rect: [314.671875,235 6.3125x23] baseline: 17.5
","
frag 53 from TextNode start: 188, length: 1, rect: [320.984375,212 23.578125x22] baseline: 17
frag 53 from TextNode start: 188, length: 1, rect: [320.984375,235 23.578125x23] baseline: 17.5
" "
frag 54 from TextNode start: 189, length: 2, rect: [344.5625,212 23.109375x22] baseline: 17
frag 54 from TextNode start: 189, length: 2, rect: [344.5625,235 23.109375x23] baseline: 17.5
"eu"
frag 55 from TextNode start: 191, length: 1, rect: [367.671875,212 23.578125x22] baseline: 17
frag 55 from TextNode start: 191, length: 1, rect: [367.671875,235 23.578125x23] baseline: 17.5
" "
frag 56 from TextNode start: 192, length: 8, rect: [391.25,212 96.75x22] baseline: 17
frag 56 from TextNode start: 192, length: 8, rect: [391.25,235 96.75x23] baseline: 17.5
"accumsan"
frag 57 from TextNode start: 201, length: 4, rect: [252,234 43.875x22] baseline: 17
frag 57 from TextNode start: 201, length: 4, rect: [252,258 43.875x23] baseline: 17.5
"enim"
frag 58 from TextNode start: 205, length: 1, rect: [295.875,234 37.875x22] baseline: 17
frag 58 from TextNode start: 205, length: 1, rect: [295.875,258 37.875x23] baseline: 17.5
" "
frag 59 from TextNode start: 206, length: 9, rect: [333.75,234 88.21875x22] baseline: 17
frag 59 from TextNode start: 206, length: 9, rect: [333.75,258 88.21875x23] baseline: 17.5
"tristique"
frag 60 from TextNode start: 215, length: 1, rect: [421.96875,234 5.4375x22] baseline: 17
frag 60 from TextNode start: 215, length: 1, rect: [421.96875,258 5.4375x23] baseline: 17.5
"."
frag 61 from TextNode start: 216, length: 1, rect: [427.40625,234 37.875x22] baseline: 17
frag 61 from TextNode start: 216, length: 1, rect: [427.40625,258 37.875x23] baseline: 17.5
" "
frag 62 from TextNode start: 217, length: 2, rect: [465.28125,234 22.703125x22] baseline: 17
frag 62 from TextNode start: 217, length: 2, rect: [465.28125,258 22.703125x23] baseline: 17.5
"Ut"
frag 63 from TextNode start: 220, length: 8, rect: [252,256 80.046875x22] baseline: 17
frag 63 from TextNode start: 220, length: 8, rect: [252,281 80.046875x23] baseline: 17.5
"lobortis"
frag 64 from TextNode start: 228, length: 1, rect: [332.046875,256 30.328125x22] baseline: 17
frag 64 from TextNode start: 228, length: 1, rect: [332.046875,281 30.328125x23] baseline: 17.5
" "
frag 65 from TextNode start: 229, length: 5, rect: [362.375,256 55.4375x22] baseline: 17
frag 65 from TextNode start: 229, length: 5, rect: [362.375,281 55.4375x23] baseline: 17.5
"lorem"
frag 66 from TextNode start: 234, length: 1, rect: [417.8125,256 30.328125x22] baseline: 17
frag 66 from TextNode start: 234, length: 1, rect: [417.8125,281 30.328125x23] baseline: 17.5
" "
frag 67 from TextNode start: 235, length: 4, rect: [448.140625,256 39.84375x22] baseline: 17
frag 67 from TextNode start: 235, length: 4, rect: [448.140625,281 39.84375x23] baseline: 17.5
"eget"
frag 68 from TextNode start: 240, length: 3, rect: [252,278 31.171875x22] baseline: 17
frag 68 from TextNode start: 240, length: 3, rect: [252,304 31.171875x23] baseline: 17.5
"est"
frag 69 from TextNode start: 243, length: 1, rect: [283.171875,278 16.5x22] baseline: 17
frag 69 from TextNode start: 243, length: 1, rect: [283.171875,304 16.5x23] baseline: 17.5
" "
frag 70 from TextNode start: 244, length: 9, rect: [299.671875,278 91.484375x22] baseline: 17
frag 70 from TextNode start: 244, length: 9, rect: [299.671875,304 91.484375x23] baseline: 17.5
"vulputate"
frag 71 from TextNode start: 253, length: 1, rect: [391.15625,278 16.5x22] baseline: 17
frag 71 from TextNode start: 253, length: 1, rect: [391.15625,304 16.5x23] baseline: 17.5
" "
frag 72 from TextNode start: 254, length: 7, rect: [407.65625,278 74.90625x22] baseline: 17
frag 72 from TextNode start: 254, length: 7, rect: [407.65625,304 74.90625x23] baseline: 17.5
"egestas"
frag 73 from TextNode start: 261, length: 1, rect: [482.5625,278 5.4375x22] baseline: 17
frag 73 from TextNode start: 261, length: 1, rect: [482.5625,304 5.4375x23] baseline: 17.5
"."
frag 74 from TextNode start: 263, length: 7, rect: [252,300 68.640625x22] baseline: 17
frag 74 from TextNode start: 263, length: 7, rect: [252,327 68.640625x23] baseline: 17.5
"Integer"
frag 75 from TextNode start: 270, length: 1, rect: [320.640625,300 16.390625x22] baseline: 17
frag 75 from TextNode start: 270, length: 1, rect: [320.640625,327 16.390625x23] baseline: 17.5
" "
frag 76 from TextNode start: 271, length: 7, rect: [337.03125,300 71.359375x22] baseline: 17
frag 76 from TextNode start: 271, length: 7, rect: [337.03125,327 71.359375x23] baseline: 17.5
"laoreet"
frag 77 from TextNode start: 278, length: 1, rect: [408.390625,300 16.390625x22] baseline: 17
frag 77 from TextNode start: 278, length: 1, rect: [408.390625,327 16.390625x23] baseline: 17.5
" "
frag 78 from TextNode start: 279, length: 7, rect: [424.78125,300 63.203125x22] baseline: 17
frag 78 from TextNode start: 279, length: 7, rect: [424.78125,327 63.203125x23] baseline: 17.5
"lacinia"
frag 79 from TextNode start: 287, length: 4, rect: [252,322 43.1875x22] baseline: 17
frag 79 from TextNode start: 287, length: 4, rect: [252,350 43.1875x23] baseline: 17.5
"ante"
frag 80 from TextNode start: 291, length: 1, rect: [295.1875,322 16.640625x22] baseline: 17
frag 80 from TextNode start: 291, length: 1, rect: [295.1875,350 16.640625x23] baseline: 17.5
" "
frag 81 from TextNode start: 292, length: 7, rect: [311.828125,322 74.046875x22] baseline: 17
frag 81 from TextNode start: 292, length: 7, rect: [311.828125,350 74.046875x23] baseline: 17.5
"sodales"
frag 82 from TextNode start: 299, length: 1, rect: [385.875,322 16.640625x22] baseline: 17
frag 82 from TextNode start: 299, length: 1, rect: [385.875,350 16.640625x23] baseline: 17.5
" "
frag 83 from TextNode start: 300, length: 8, rect: [402.515625,322 80.046875x22] baseline: 17
frag 83 from TextNode start: 300, length: 8, rect: [402.515625,350 80.046875x23] baseline: 17.5
"lobortis"
frag 84 from TextNode start: 308, length: 1, rect: [482.5625,322 5.4375x22] baseline: 17
frag 84 from TextNode start: 308, length: 1, rect: [482.5625,350 5.4375x23] baseline: 17.5
"."
frag 85 from TextNode start: 310, length: 5, rect: [252,344 60.90625x22] baseline: 17
frag 85 from TextNode start: 310, length: 5, rect: [252,373 60.90625x23] baseline: 17.5
"Donec"
frag 86 from TextNode start: 315, length: 1, rect: [312.90625,344 38.828125x22] baseline: 17
frag 86 from TextNode start: 315, length: 1, rect: [312.90625,373 38.828125x23] baseline: 17.5
" "
frag 87 from TextNode start: 316, length: 1, rect: [351.734375,344 11.6875x22] baseline: 17
frag 87 from TextNode start: 316, length: 1, rect: [351.734375,373 11.6875x23] baseline: 17.5
"a"
frag 88 from TextNode start: 317, length: 1, rect: [363.421875,344 38.828125x22] baseline: 17
frag 88 from TextNode start: 317, length: 1, rect: [363.421875,373 38.828125x23] baseline: 17.5
" "
frag 89 from TextNode start: 318, length: 9, rect: [402.25,344 85.734375x22] baseline: 17
frag 89 from TextNode start: 318, length: 9, rect: [402.25,373 85.734375x23] baseline: 17.5
"tincidunt"
frag 90 from TextNode start: 328, length: 4, rect: [252,366 43.1875x22] baseline: 17
frag 90 from TextNode start: 328, length: 4, rect: [252,396 43.1875x23] baseline: 17.5
"ante"
frag 91 from TextNode start: 332, length: 1, rect: [295.1875,366 5.4375x22] baseline: 17
frag 91 from TextNode start: 332, length: 1, rect: [295.1875,396 5.4375x23] baseline: 17.5
"."
frag 92 from TextNode start: 333, length: 1, rect: [300.625,366 11.609375x22] baseline: 17
frag 92 from TextNode start: 333, length: 1, rect: [300.625,396 11.609375x23] baseline: 17.5
" "
frag 93 from TextNode start: 334, length: 9, rect: [312.234375,366 94.8125x22] baseline: 17
frag 93 from TextNode start: 334, length: 9, rect: [312.234375,396 94.8125x23] baseline: 17.5
"Phasellus"
frag 94 from TextNode start: 343, length: 1, rect: [407.046875,366 11.609375x22] baseline: 17
frag 94 from TextNode start: 343, length: 1, rect: [407.046875,396 11.609375x23] baseline: 17.5
" "
frag 95 from TextNode start: 344, length: 1, rect: [418.65625,366 11.6875x22] baseline: 17
frag 95 from TextNode start: 344, length: 1, rect: [418.65625,396 11.6875x23] baseline: 17.5
"a"
frag 96 from TextNode start: 345, length: 1, rect: [430.34375,366 11.609375x22] baseline: 17
frag 96 from TextNode start: 345, length: 1, rect: [430.34375,396 11.609375x23] baseline: 17.5
" "
frag 97 from TextNode start: 346, length: 4, rect: [441.953125,366 46.03125x22] baseline: 17
frag 97 from TextNode start: 346, length: 4, rect: [441.953125,396 46.03125x23] baseline: 17.5
"arcu"
frag 98 from TextNode start: 351, length: 6, rect: [252,388 65.125x22] baseline: 17
frag 98 from TextNode start: 351, length: 6, rect: [252,419 65.125x23] baseline: 17.5
"tortor"
frag 99 from TextNode start: 357, length: 1, rect: [317.125,388 5.4375x22] baseline: 17
frag 99 from TextNode start: 357, length: 1, rect: [317.125,419 5.4375x23] baseline: 17.5
"."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@ -208,7 +208,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x402]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x434]
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>)

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

@ -1,41 +1,41 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (252,10) content-size 538x400 children: inline
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.375x22] baseline: 17
BlockContainer <body> at (252,10) content-size 538x432 children: inline
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.375x23] baseline: 17.5
"Lorem ipsum dolor sit"
frag 1 from TextNode start: 23, length: 17, rect: [554,32 183.8125x22] baseline: 17
frag 1 from TextNode start: 23, length: 17, rect: [554,33 183.8125x23] baseline: 17.5
"amet, consectetur"
frag 2 from TextNode start: 41, length: 16, rect: [554,54 140.59375x22] baseline: 17
frag 2 from TextNode start: 41, length: 16, rect: [554,56 140.59375x23] baseline: 17.5
"adipiscing elit."
frag 3 from TextNode start: 58, length: 13, rect: [554,76 145.0625x22] baseline: 17
frag 3 from TextNode start: 58, length: 13, rect: [554,79 145.0625x23] baseline: 17.5
"Suspendisse a"
frag 4 from TextNode start: 72, length: 19, rect: [554,98 196.734375x22] baseline: 17
frag 4 from TextNode start: 72, length: 19, rect: [554,102 196.734375x23] baseline: 17.5
"placerat mauris, ut"
frag 5 from TextNode start: 92, length: 22, rect: [554,120 234.71875x22] baseline: 17
frag 5 from TextNode start: 92, length: 22, rect: [554,125 234.71875x23] baseline: 17.5
"elementum mi. Morbi ut"
frag 6 from TextNode start: 115, length: 20, rect: [554,142 201.5625x22] baseline: 17
frag 6 from TextNode start: 115, length: 20, rect: [554,148 201.5625x23] baseline: 17.5
"vehicula ipsum, eget"
frag 7 from TextNode start: 136, length: 23, rect: [554,164 232.609375x22] baseline: 17
frag 7 from TextNode start: 136, length: 23, rect: [554,171 232.609375x23] baseline: 17.5
"placerat augue. Integer"
frag 8 from TextNode start: 160, length: 20, rect: [554,186 202.984375x22] baseline: 17
frag 8 from TextNode start: 160, length: 20, rect: [252,212 202.984375x23] baseline: 17.5
"rutrum nisi eget dui"
frag 9 from TextNode start: 181, length: 19, rect: [252,212 208.84375x22] baseline: 17
frag 9 from TextNode start: 181, length: 19, rect: [252,235 208.84375x23] baseline: 17.5
"dictum, eu accumsan"
frag 10 from TextNode start: 201, length: 18, rect: [252,234 180.234375x22] baseline: 17
frag 10 from TextNode start: 201, length: 18, rect: [252,258 180.234375x23] baseline: 17.5
"enim tristique. Ut"
frag 11 from TextNode start: 220, length: 19, rect: [252,256 195.328125x22] baseline: 17
frag 11 from TextNode start: 220, length: 19, rect: [252,281 195.328125x23] baseline: 17.5
"lobortis lorem eget"
frag 12 from TextNode start: 240, length: 22, rect: [252,278 223x22] baseline: 17
frag 12 from TextNode start: 240, length: 22, rect: [252,304 223x23] baseline: 17.5
"est vulputate egestas."
frag 13 from TextNode start: 263, length: 23, rect: [252,300 223.203125x22] baseline: 17
frag 13 from TextNode start: 263, length: 23, rect: [252,327 223.203125x23] baseline: 17.5
"Integer laoreet lacinia"
frag 14 from TextNode start: 287, length: 22, rect: [252,322 222.71875x22] baseline: 17
frag 14 from TextNode start: 287, length: 22, rect: [252,350 222.71875x23] baseline: 17.5
"ante sodales lobortis."
frag 15 from TextNode start: 310, length: 17, rect: [252,344 178.328125x22] baseline: 17
frag 15 from TextNode start: 310, length: 17, rect: [252,373 178.328125x23] baseline: 17.5
"Donec a tincidunt"
frag 16 from TextNode start: 328, length: 22, rect: [252,366 231.15625x22] baseline: 17
frag 16 from TextNode start: 328, length: 22, rect: [252,396 231.15625x23] baseline: 17.5
"ante. Phasellus a arcu"
frag 17 from TextNode start: 351, length: 7, rect: [252,388 70.5625x22] baseline: 17
frag 17 from TextNode start: 351, length: 7, rect: [252,419 70.5625x23] baseline: 17.5
"tortor."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@ -44,7 +44,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x402]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x434]
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>)

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

@ -1,25 +1,25 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.display_flex> at (8,8) content-size 23.609375x17 floating flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17 flex-item [BFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17] baseline: 13.296875
Box <div.display_flex> at (8,8) content-size 23.609375x18 floating flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x18 flex-item [BFC] children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x18 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x18] baseline: 13.796875
"A"
TextNode <#text>
BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17] baseline: 13.296875
BlockContainer <span> at (22.265625,8) content-size 9.34375x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x18] baseline: 13.796875
"B"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x18]
PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x18]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x18]
TextPaintable (TextNode<#text>)

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

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div> at (8,8) content-size 23.609375x17 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17] baseline: 13.296875
BlockContainer <div> at (8,8) content-size 23.609375x18 floating [BFC] children: not-inline
BlockContainer <span> at (8,8) content-size 14.265625x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x18] baseline: 13.796875
"A"
TextNode <#text>
BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17] baseline: 13.296875
BlockContainer <span> at (22.265625,8) content-size 9.34375x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x18] baseline: 13.796875
"B"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x18]
PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x18]
TextPaintable (TextNode<#text>)

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

@ -1,24 +1,24 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x249 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x21 children: not-inline
BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x19 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x17] baseline: 14.296875
BlockContainer <div.d-inline-block> at (12,12) content-size 100x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,12 69.734375x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x262 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x22 children: not-inline
BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x20 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x18] baseline: 14.796875
BlockContainer <div.d-inline-block> at (12,12) content-size 100x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,12 69.734375x18] baseline: 13.796875
"floats!!!!!!"
TextNode <#text>
BlockContainer <div.float-left> at (12,31) content-size 232.734375x218 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,31 232.734375x109] baseline: 84.484375
BlockContainer <div.float-left> at (12,32) content-size 232.734375x230 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,32 232.734375x115] baseline: 87.484375
"float"
frag 1 from TextNode start: 6, length: 4, rect: [12,140 164.078125x109] baseline: 84.484375
frag 1 from TextNode start: 6, length: 4, rect: [12,147 164.078125x115] baseline: 87.484375
"left"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x251]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x23]
PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x21]
PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x264]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x24]
PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x22]
PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.float-left) [11,30 234.734375x220]
PaintableWithLines (BlockContainer<DIV>.float-left) [11,31 234.734375x232]
TextPaintable (TextNode<#text>)

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

@ -4,11 +4,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div#page> at (50,50) content-size 750x0 children: not-inline
BlockContainer <div#content_box> at (50,50) content-size 400x150 floating [BFC] children: inline
BlockContainer <article.first> at (50,50) content-size 300x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [50,50 36.03125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [50,50 36.03125x18] baseline: 13.796875
"first"
TextNode <#text>
BlockContainer <article.second> at (50,150) content-size 200x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [50,150 54.78125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [50,150 54.78125x18] baseline: 13.796875
"second"
TextNode <#text>
TextNode <#text>

20
Tests/LibWeb/Layout/expected/block-and-inline/float-vertical-clearance-for-text-after-break.txt
View file

@ -1,24 +1,24 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x100 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x84 children: not-inline
BlockContainer <div.a> at (8,8) content-size 50x84 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [8,58 27.15625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x102 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x86 children: not-inline
BlockContainer <div.a> at (8,8) content-size 50x86 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [8,58 27.15625x18] baseline: 13.796875
"foo"
frag 1 from TextNode start: 1, length: 3, rect: [8,75 27.640625x17] baseline: 13.296875
frag 1 from TextNode start: 1, length: 3, rect: [8,76 27.640625x18] baseline: 13.796875
"bar"
TextNode <#text>
BlockContainer <div.b> at (8,8) content-size 50x50 floating [BFC] children: not-inline
TextNode <#text>
BreakNode <br.c>
TextNode <#text>
BlockContainer <(anonymous)> at (8,92) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,94) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x100]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x84]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 50x84]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x102]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x86]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 50x86]
PaintableWithLines (BlockContainer<DIV>.b) [8,8 50x50]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,92 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,94 784x0]

22
Tests/LibWeb/Layout/expected/block-and-inline/float-vertical-offset-by-preceding-float.txt
View file

@ -1,33 +1,33 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x51 children: not-inline
BlockContainer <body> at (8,16) content-size 784x54 children: not-inline
BlockContainer <(anonymous)> at (8,16) content-size 784x0 children: inline
BlockContainer <div> at (8,16) content-size 50x50 floating [BFC] children: not-inline
TextNode <#text>
BlockContainer <p> at (8,16) content-size 784x51 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [58,16 14.265625x17] baseline: 13.296875
BlockContainer <p> at (8,16) content-size 784x54 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [58,16 14.265625x18] baseline: 13.796875
"A"
frag 1 from TextNode start: 0, length: 1, rect: [58,33 9.34375x17] baseline: 13.296875
frag 1 from TextNode start: 0, length: 1, rect: [58,34 9.34375x18] baseline: 13.796875
"B"
frag 2 from TextNode start: 0, length: 1, rect: [58,50 10.3125x17] baseline: 13.296875
frag 2 from TextNode start: 0, length: 1, rect: [58,52 10.3125x18] baseline: 13.796875
"C"
TextNode <#text>
BreakNode <br>
TextNode <#text>
BreakNode <br>
TextNode <#text>
BlockContainer <div> at (8,83) content-size 50x50 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,83) content-size 784x0 children: inline
BlockContainer <div> at (8,86) content-size 50x50 floating [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,86) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x51] overflow: [8,16 784x117]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x54] overflow: [8,16 784x120]
PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,16 50x50]
PaintableWithLines (BlockContainer<P>) [8,16 784x51]
PaintableWithLines (BlockContainer<P>) [8,16 784x54]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,83 50x50]
PaintableWithLines (BlockContainer(anonymous)) [8,83 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,86 50x50]
PaintableWithLines (BlockContainer(anonymous)) [8,86 784x0]

18
Tests/LibWeb/Layout/expected/block-and-inline/float-with-inline-contents-hoisted.txt
View file

@ -1,9 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x308 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x103 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x103 children: inline
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x104 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 100x100] baseline: 100
frag 1 from TextNode start: 0, length: 1, rect: [108,94 8x17] baseline: 13.296875
frag 1 from TextNode start: 0, length: 1, rect: [108,94 8x18] baseline: 13.796875
" "
frag 2 from BlockContainer start: 0, length: 0, rect: [116,8 100x100] baseline: 100
TextNode <#text>
@ -19,14 +19,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div.b> at (8,208) content-size 784x100 floating [BFC] children: not-inline
BlockContainer <div.box.blue> at (8,208) content-size 100x100 children: not-inline
TextNode <#text>
BlockContainer <div> at (8,111) content-size 784x0 children: not-inline
BlockContainer <(anonymous)> at (8,111) content-size 784x0 children: inline
BlockContainer <div> at (8,112) content-size 784x0 children: not-inline
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x308]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x103]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x103]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x104]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x100]
PaintableWithLines (BlockContainer<DIV>.box.green) [8,8 100x100]
TextPaintable (TextNode<#text>)
@ -36,5 +36,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>.box.green) [116,8 100x100]
PaintableWithLines (BlockContainer<DIV>.b) [8,208 784x100]
PaintableWithLines (BlockContainer<DIV>.box.blue) [8,208 100x100]
PaintableWithLines (BlockContainer<DIV>) [8,111 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,111 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,112 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

12
Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.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 <body> at (100,8) content-size 200x200 children: not-inline
BlockContainer <div.row> at (50,8) content-size 250x200 children: inline
BlockContainer <div.item> at (50,8) content-size 125x17 floating [BFC] children: inline
frag 0 from TextNode start: 1, length: 1, rect: [50,8 9.34375x17] baseline: 13.296875
BlockContainer <div.item> at (50,8) content-size 125x18 floating [BFC] children: inline
frag 0 from TextNode start: 1, length: 1, rect: [50,8 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
TextNode <#text>
BlockContainer <div.item> at (175,8) content-size 125x17 floating [BFC] children: inline
frag 0 from TextNode start: 1, length: 1, rect: [175,8 9.46875x17] baseline: 13.296875
BlockContainer <div.item> at (175,8) content-size 125x18 floating [BFC] children: inline
frag 0 from TextNode start: 1, length: 1, rect: [175,8 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
TextNode <#text>
@ -17,7 +17,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [100,8 200x200] overflow: [50,8 250x200]
PaintableWithLines (BlockContainer<DIV>.row) [50,8 250x200]
PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x17]
PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17]
PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x18]
TextPaintable (TextNode<#text>)

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

@ -2,15 +2,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x208 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 600x0 children: not-inline
BlockContainer <div#top> at (8,8) content-size 100x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.640625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.640625x18] baseline: 13.796875
"top"
TextNode <#text>
BlockContainer <div#left> at (8,108) content-size 100x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,108 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,108 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div#right> at (208,108) content-size 100x100 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [208,108 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [208,108 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>

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

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,13) content-size 784x16 children: not-inline
BlockContainer <pre> at (9,14) content-size 782x14 children: inline
BlockContainer <body> at (8,13) content-size 784x17 children: not-inline
BlockContainer <pre> at (9,14) content-size 782x15 children: inline
InlineNode <span>
frag 0 from TextNode start: 0, length: 1, rect: [9,14 6.5x14] baseline: 10.890625
frag 0 from TextNode start: 0, length: 1, rect: [9,14 6.5x15] baseline: 11.390625
" "
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,13 784x16]
PaintableWithLines (BlockContainer<PRE>) [8,13 784x16]
PaintableWithLines (BlockContainer<BODY>) [8,13 784x17]
PaintableWithLines (BlockContainer<PRE>) [8,13 784x17]
PaintableWithLines (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)

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

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

10
Tests/LibWeb/Layout/expected/block-and-inline/ifc-float-left-and-sibling-with-margin-left.txt
View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x61 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
BlockContainer <body> at (10,10) content-size 780x20 children: not-inline
BlockContainer <div.thumbnail> at (11,11) content-size 50x50 floating [BFC] children: not-inline
BlockContainer <div.title> at (91,11) content-size 698x17 children: inline
frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17] baseline: 13.296875
BlockContainer <div.title> at (91,11) content-size 698x18 children: inline
frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x18] baseline: 13.796875
"Chrono Trigger"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x63]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21] overflow: [10,10 780x52]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x22] overflow: [10,10 780x52]
PaintableWithLines (BlockContainer<DIV>.thumbnail) [10,10 52x52]
PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19]
PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x20]
TextPaintable (TextNode<#text>)

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

@ -1,31 +1,31 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x92 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [10,32 103.140625x17] baseline: 13.296875
BlockContainer <body> at (10,10) content-size 780x94 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [10,33 103.140625x18] baseline: 13.796875
"Hello friends"
frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 202x90] baseline: 35.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 202x92] baseline: 36.796875
TextNode <#text>
BlockContainer <div.ib> at (114.140625,11) content-size 202x90 inline-block [BFC] children: not-inline
BlockContainer <div> at (115.140625,12) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x17] baseline: 13.296875
BlockContainer <div.ib> at (114.140625,11) content-size 202x92 inline-block [BFC] children: not-inline
BlockContainer <div> at (115.140625,12) content-size 200x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x18] baseline: 13.796875
"1st"
TextNode <#text>
BlockContainer <div> at (115.140625,31) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,31 26.28125x17] baseline: 13.296875
BlockContainer <div> at (115.140625,32) content-size 200x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,32 26.28125x18] baseline: 13.796875
"2nd"
TextNode <#text>
BlockContainer <div.whee> at (115.140625,50) content-size 200x50 children: not-inline
BlockContainer <(anonymous)> at (114.140625,101) content-size 202x0 children: inline
BlockContainer <div.whee> at (115.140625,52) content-size 200x50 children: not-inline
BlockContainer <(anonymous)> at (114.140625,103) content-size 202x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x94]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x96]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 204x92]
PaintableWithLines (BlockContainer<DIV>) [114.140625,11 202x19]
PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 204x94]
PaintableWithLines (BlockContainer<DIV>) [114.140625,11 202x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114.140625,30 202x19]
PaintableWithLines (BlockContainer<DIV>) [114.140625,31 202x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.whee) [114.140625,49 202x52]
PaintableWithLines (BlockContainer(anonymous)) [114.140625,101 202x0]
PaintableWithLines (BlockContainer<DIV>.whee) [114.140625,51 202x52]
PaintableWithLines (BlockContainer(anonymous)) [114.140625,103 202x0]

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

@ -1,35 +1,35 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x59 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [10,32 103.140625x17] baseline: 13.296875
BlockContainer <body> at (10,10) content-size 780x62 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [10,33 103.140625x18] baseline: 13.796875
"Hello friends"
frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 39.234375x57] baseline: 35.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 39.234375x60] baseline: 36.796875
TextNode <#text>
BlockContainer <div.ib> at (114.140625,11) content-size 39.234375x57 inline-block [BFC] children: not-inline
BlockContainer <div> at (115.140625,12) content-size 37.234375x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x17] baseline: 13.296875
BlockContainer <div.ib> at (114.140625,11) content-size 39.234375x60 inline-block [BFC] children: not-inline
BlockContainer <div> at (115.140625,12) content-size 37.234375x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x18] baseline: 13.796875
"1st"
TextNode <#text>
BlockContainer <div> at (115.140625,31) content-size 37.234375x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,31 26.28125x17] baseline: 13.296875
BlockContainer <div> at (115.140625,32) content-size 37.234375x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,32 26.28125x18] baseline: 13.796875
"2nd"
TextNode <#text>
BlockContainer <div.float> at (115.140625,50) content-size 37.234375x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [115.140625,50 37.234375x17] baseline: 13.296875
BlockContainer <div.float> at (115.140625,52) content-size 37.234375x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [115.140625,52 37.234375x18] baseline: 13.796875
"float"
TextNode <#text>
BlockContainer <(anonymous)> at (114.140625,49) content-size 39.234375x0 children: inline
BlockContainer <(anonymous)> at (114.140625,51) content-size 39.234375x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x61]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x64]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 41.234375x59]
PaintableWithLines (BlockContainer<DIV>) [114.140625,11 39.234375x19]
PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 41.234375x62]
PaintableWithLines (BlockContainer<DIV>) [114.140625,11 39.234375x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114.140625,30 39.234375x19]
PaintableWithLines (BlockContainer<DIV>) [114.140625,31 39.234375x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.float) [114.140625,49 39.234375x19]
PaintableWithLines (BlockContainer<DIV>.float) [114.140625,51 39.234375x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [114.140625,49 39.234375x0]
PaintableWithLines (BlockContainer(anonymous)) [114.140625,51 39.234375x0]

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

@ -2,27 +2,27 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x20 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x2 children: not-inline
BlockContainer <div> at (11,11) content-size 500x0 positioned children: not-inline
BlockContainer <h1> at (12,45.5) content-size 498x332 positioned [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x330] baseline: 43.484375
BlockContainer <span> at (13,46.5) content-size 496x330 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.515625x55] baseline: 42.484375
BlockContainer <h1> at (12,45.5) content-size 498x344 positioned [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x342] baseline: 44.484375
BlockContainer <span> at (13,46.5) content-size 496x342 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.515625x57] baseline: 43.484375
"Skew is a"
frag 1 from TextNode start: 10, length: 10, rect: [13,101.5 240.5625x55] baseline: 42.484375
frag 1 from TextNode start: 10, length: 10, rect: [13,103.5 240.5625x57] baseline: 43.484375
"web-first,"
frag 2 from TextNode start: 21, length: 14, rect: [13,156.5 377.96875x55] baseline: 42.484375
frag 2 from TextNode start: 21, length: 14, rect: [13,160.5 377.96875x57] baseline: 43.484375
"cross-platform"
frag 3 from TextNode start: 36, length: 11, rect: [13,211.5 314.0625x55] baseline: 42.484375
frag 3 from TextNode start: 36, length: 11, rect: [13,217.5 314.0625x57] baseline: 43.484375
"programming"
frag 4 from TextNode start: 48, length: 16, rect: [13,266.5 415.765625x55] baseline: 42.484375
frag 4 from TextNode start: 48, length: 16, rect: [13,274.5 415.765625x57] baseline: 43.484375
"language with an"
frag 5 from TextNode start: 65, length: 20, rect: [13,321.5 492.734375x55] baseline: 42.484375
frag 5 from TextNode start: 65, length: 20, rect: [13,331.5 492.734375x57] baseline: 43.484375
"optimizing compiler."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x377.5]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x368.5]
PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x334]
PaintableWithLines (BlockContainer<H1>) [11,44.5 500x334]
PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x332]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x389.5]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x380.5]
PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x346]
PaintableWithLines (BlockContainer<H1>) [11,44.5 500x346]
PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x344]
TextPaintable (TextNode<#text>)

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

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x113 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x97 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [48,48 54.109375x17] baseline: 53.296875
BlockContainer <div> at (48,48) content-size 54.109375x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.109375x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x114 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x98 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [48,48 54.109375x18] baseline: 53.796875
BlockContainer <div> at (48,48) content-size 54.109375x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.109375x18] baseline: 13.796875
"New UI"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x113]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x97]
PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x97]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x114]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x98]
PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x98]
TextPaintable (TextNode<#text>)

2
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-vertical-align-middle.txt
View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x100 children: inline
InlineNode <span>
frag 0 from TextNode start: 0, length: 4, rect: [8,49 35.15625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [8,48 35.15625x18] baseline: 13.796875
"foo "
frag 1 from BlockContainer start: 0, length: 0, rect: [43.15625,8 100x100] baseline: 54.296875
TextNode <#text>

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

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x35 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x19 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 100.203125x17] baseline: 14.296875
BlockContainer <span> at (9,9) content-size 100.203125x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x36 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x20 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 100.203125x18] baseline: 14.796875
BlockContainer <span> at (9,9) content-size 100.203125x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x18] baseline: 13.796875
"hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x35]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x19]
PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x36]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x20]
TextPaintable (TextNode<#text>)

20
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-percentage-height-and-auto-height-of-containing-block.txt
View file

@ -1,16 +1,16 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <div.pure-menu-list> at (8,8) content-size 784x17 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 36.453125x17] baseline: 13.296875
BlockContainer <div.pure-menu-item> at (8,8) content-size 36.453125x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
BlockContainer <div.pure-menu-list> at (8,8) content-size 784x18 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 36.453125x18] baseline: 13.796875
BlockContainer <div.pure-menu-item> at (8,8) content-size 36.453125x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x18] baseline: 13.796875
"docs"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x18]
PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x18]
TextPaintable (TextNode<#text>)

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

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x20 children: inline
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x18] baseline: 13.796875
"text text text"
frag 1 from BlockContainer start: 0, length: 0, rect: [120.421875,8 110.375x20] baseline: 13.296875
frag 2 from TextNode start: 0, length: 16, rect: [230.796875,8 129.546875x17] baseline: 13.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [120.421875,8 110.375x20] baseline: 13.796875
frag 2 from TextNode start: 0, length: 16, rect: [230.796875,8 129.546875x18] baseline: 13.796875
"more inline text"
TextNode <#text>
BlockContainer <span.displaced_text> at (150.421875,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 14, rect: [150.421875,48 110.375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 14, rect: [150.421875,48 110.375x18] baseline: 13.796875
"displaced text"
TextNode <#text>
TextNode <#text>

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

@ -1,10 +1,10 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x175 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x18] baseline: 13.796875
"Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100] baseline: 0
frag 2 from TextNode start: 0, length: 9, rect: [151.125,8 67.703125x17] baseline: 13.296875
frag 2 from TextNode start: 0, length: 9, rect: [151.125,8 67.703125x18] baseline: 13.796875
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline

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

@ -1,10 +1,10 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x178 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x179 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x18] baseline: 13.796875
"Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100] baseline: 175
frag 2 from TextNode start: 0, length: 9, rect: [151.125,169 67.703125x17] baseline: 13.296875
frag 2 from TextNode start: 0, length: 9, rect: [151.125,169 67.703125x18] baseline: 13.796875
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x178]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x179]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
TextPaintable (TextNode<#text>)

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

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x50 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x18] baseline: 13.796875
"foo"
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,25 27.640625x17] baseline: 13.296875
BlockContainer <(anonymous)> at (8,26) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,26 27.640625x18] baseline: 13.796875
"bar"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x50]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25 784x17]
PaintableWithLines (BlockContainer(anonymous)) [8,26 784x18]
TextPaintable (TextNode<#text>)

12
Tests/LibWeb/Layout/expected/block-and-inline/leading-margin-on-inline-content-that-starts-with-collapsible-whitespace.txt
View file

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: inline
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x18 children: inline
InlineNode <div>
frag 0 from TextNode start: 1, length: 9, rect: [28,8 82.125x17] baseline: 13.296875
frag 0 from TextNode start: 1, length: 9, rect: [28,8 82.125x18] baseline: 13.796875
"Download "
TextNode <#text>
InlineNode <div>
frag 0 from TextNode start: 1, length: 4, rect: [150.125,8 39.5625x17] baseline: 13.296875
frag 0 from TextNode start: 1, length: 4, rect: [150.125,8 39.5625x18] baseline: 13.796875
"News"
TextNode <#text>
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableWithLines (InlineNode<DIV>)
TextPaintable (TextNode<#text>)
PaintableWithLines (InlineNode<DIV>)

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

@ -1,59 +1,59 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x136 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x102 children: not-inline
BlockContainer <html> at (0,0) content-size 800x140 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x108 children: not-inline
BlockContainer <div.box> at (18,26) content-size 200x100 floating [BFC] children: not-inline
BlockContainer <ul> at (48,16) content-size 744x102 children: not-inline
ListItemBox <li> at (48,16) content-size 744x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,16 9.34375x17] baseline: 13.296875
BlockContainer <ul> at (48,16) content-size 744x108 children: not-inline
ListItemBox <li> at (48,16) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,16 9.34375x18] baseline: 13.796875
"a"
ListItemMarkerBox <(anonymous)> at (304,16) content-size 12x17 children: not-inline
ListItemMarkerBox <(anonymous)> at (304,16.5) content-size 12x17 children: not-inline
TextNode <#text>
ListItemBox <li> at (48,33) content-size 744x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,33 9.34375x17] baseline: 13.296875
ListItemBox <li> at (48,34) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,34 9.34375x18] baseline: 13.796875
"a"
ListItemMarkerBox <(anonymous)> at (304,33) content-size 12x17 children: not-inline
ListItemMarkerBox <(anonymous)> at (304,34.5) content-size 12x17 children: not-inline
TextNode <#text>
ListItemBox <li> at (48,50) content-size 744x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,50 9.34375x17] baseline: 13.296875
ListItemBox <li> at (48,52) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,52 9.34375x18] baseline: 13.796875
"a"
ListItemMarkerBox <(anonymous)> at (304,50) content-size 12x17 children: not-inline
ListItemMarkerBox <(anonymous)> at (304,52.5) content-size 12x17 children: not-inline
TextNode <#text>
ListItemBox <li> at (48,67) content-size 744x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,67 9.34375x17] baseline: 13.296875
ListItemBox <li> at (48,70) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,70 9.34375x18] baseline: 13.796875
"a"
ListItemMarkerBox <(anonymous)> at (304,67) content-size 12x17 children: not-inline
ListItemMarkerBox <(anonymous)> at (304,70.5) content-size 12x17 children: not-inline
TextNode <#text>
ListItemBox <li> at (48,84) content-size 744x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,84 9.34375x17] baseline: 13.296875
ListItemBox <li> at (48,88) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,88 9.34375x18] baseline: 13.796875
"a"
ListItemMarkerBox <(anonymous)> at (304,84) content-size 12x17 children: not-inline
ListItemMarkerBox <(anonymous)> at (304,88.5) content-size 12x17 children: not-inline
TextNode <#text>
ListItemBox <li> at (48,101) content-size 744x17 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,101 9.34375x17] baseline: 13.296875
ListItemBox <li> at (48,106) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,106 9.34375x18] baseline: 13.796875
"a"
ListItemMarkerBox <(anonymous)> at (304,101) content-size 12x17 children: not-inline
ListItemMarkerBox <(anonymous)> at (304,106.5) content-size 12x17 children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x136]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x102] overflow: [8,16 784x120]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x140]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x108] overflow: [8,16 784x120]
PaintableWithLines (BlockContainer<DIV>.box) [8,16 220x120]
PaintableWithLines (BlockContainer<UL>) [8,16 784x102]
PaintableWithLines (ListItemBox<LI>) [48,16 744x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16 12x17]
PaintableWithLines (BlockContainer<UL>) [8,16 784x108]
PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16.5 12x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,33 744x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,33 12x17]
PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,34.5 12x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,50 744x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,50 12x17]
PaintableWithLines (ListItemBox<LI>) [48,52 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,52.5 12x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,67 744x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,67 12x17]
PaintableWithLines (ListItemBox<LI>) [48,70 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,70.5 12x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,84 744x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,84 12x17]
PaintableWithLines (ListItemBox<LI>) [48,88 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,88.5 12x17]
TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,101 744x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,101 12x17]
PaintableWithLines (ListItemBox<LI>) [48,106 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,106.5 12x17]
TextPaintable (TextNode<#text>)

4
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.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 <body> at (8,25) content-size 784x229 children: not-inline
BlockContainer <div#foo> at (34,26) content-size 100x100 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [34,26 27.15625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [34,26 27.15625x18] baseline: 13.796875
"foo"
TextNode <#text>
BlockContainer <(anonymous)> at (8,152) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#bar> at (34,153) content-size 100x100 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [34,153 27.640625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [34,153 27.640625x18] baseline: 13.796875
"bar"
TextNode <#text>
BlockContainer <(anonymous)> at (8,279) content-size 784x0 children: inline

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

@ -2,19 +2,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x336 children: not-inline
BlockContainer <div#foo> at (9,9) content-size 100x100 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [9,9 27.15625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [9,9 27.15625x18] baseline: 13.796875
"foo"
TextNode <#text>
BlockContainer <(anonymous)> at (8,135) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#bar> at (9,136) content-size 100x100 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [9,136 27.640625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [9,136 27.640625x18] baseline: 13.796875
"bar"
TextNode <#text>
BlockContainer <(anonymous)> at (8,262) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div#baz> at (9,243) content-size 100x100 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [9,243 27.203125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [9,243 27.203125x18] baseline: 13.796875
"baz"
TextNode <#text>
BlockContainer <(anonymous)> at (8,344) content-size 784x0 children: inline

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

@ -1,17 +1,17 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x121 [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [2,2 168.96875x119] baseline: 16.296875
BlockContainer <body> at (2,2) content-size 168.96875x119 inline-block [BFC] children: not-inline
BlockContainer <div.hmm> at (3,3) content-size 166.96875x17 children: inline
frag 0 from TextNode start: 0, length: 21, rect: [3,3 166.96875x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x122 [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [2,2 168.96875x120] baseline: 16.796875
BlockContainer <body> at (2,2) content-size 168.96875x120 inline-block [BFC] children: not-inline
BlockContainer <div.hmm> at (3,3) content-size 166.96875x18 children: inline
frag 0 from TextNode start: 0, length: 21, rect: [3,3 166.96875x18] baseline: 13.796875
"suspiciously tall box"
TextNode <#text>
BlockContainer <(anonymous)> at (2,121) content-size 168.96875x0 children: inline
BlockContainer <(anonymous)> at (2,122) content-size 168.96875x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x123]
PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121]
PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x124]
PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x122]
PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [2,121 168.96875x0]
PaintableWithLines (BlockContainer(anonymous)) [2,122 168.96875x0]

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

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

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

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

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

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x187 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 204x169 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 202x167 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x165 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.78125x55] baseline: 42.484375
BlockContainer <html> at (1,1) content-size 798x193 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 204x175 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 202x173 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x171 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.78125x57] baseline: 43.484375
"well"
frag 1 from TextNode start: 5, length: 5, rect: [12,67 115.140625x55] baseline: 42.484375
frag 1 from TextNode start: 5, length: 5, rect: [12,69 115.140625x57] baseline: 43.484375
"hello"
frag 2 from TextNode start: 11, length: 7, rect: [12,122 173.03125x55] baseline: 42.484375
frag 2 from TextNode start: 11, length: 7, rect: [12,126 173.03125x57] baseline: 43.484375
"friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x189]
PaintableWithLines (BlockContainer<BODY>) [9,9 206x171]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x169]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x167]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x195]
PaintableWithLines (BlockContainer<BODY>) [9,9 206x177]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x175]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x173]
TextPaintable (TextNode<#text>)

22
Tests/LibWeb/Layout/expected/block-and-inline/max-width-on-block-level-box-that-creates-fc.txt
View file

@ -1,25 +1,25 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
BlockContainer <div.a> at (8,8) content-size 100x85 positioned [BFC] children: not-inline
Box <div.b> at (8,8) content-size 100x85 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 105.5625x85 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [8,8 98x17] baseline: 13.296875
BlockContainer <div.a> at (8,8) content-size 100x90 positioned [BFC] children: not-inline
Box <div.b> at (8,8) content-size 100x90 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 105.5625x90 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [8,8 98x18] baseline: 13.796875
"foo bar baz"
frag 1 from TextNode start: 12, length: 11, rect: [8,25 97.640625x17] baseline: 13.296875
frag 1 from TextNode start: 12, length: 11, rect: [8,26 97.640625x18] baseline: 13.796875
"lorem ipsum"
frag 2 from TextNode start: 24, length: 9, rect: [8,42 70.40625x17] baseline: 13.296875
frag 2 from TextNode start: 24, length: 9, rect: [8,44 70.40625x18] baseline: 13.796875
"dolor sit"
frag 3 from TextNode start: 34, length: 4, rect: [8,59 37.125x17] baseline: 13.296875
frag 3 from TextNode start: 34, length: 4, rect: [8,62 37.125x18] baseline: 13.796875
"amet"
frag 4 from TextNode start: 39, length: 12, rect: [8,76 105.5625x17] baseline: 13.296875
frag 4 from TextNode start: 39, length: 12, rect: [8,80 105.5625x18] baseline: 13.796875
"consectetuer"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x85] overflow: [8,8 105.5625x85]
PaintableBox (Box<DIV>.b) [8,8 100x85] overflow: [8,8 105.5625x85]
PaintableWithLines (BlockContainer(anonymous)) [8,8 105.5625x85]
PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x90] overflow: [8,8 105.5625x90]
PaintableBox (Box<DIV>.b) [8,8 100x90] overflow: [8,8 105.5625x90]
PaintableWithLines (BlockContainer(anonymous)) [8,8 105.5625x90]
TextPaintable (TextNode<#text>)

18
Tests/LibWeb/Layout/expected/block-and-inline/max-width-on-child-block-with-width-auto-contributes-to-intrinsic-size-of-parent.txt
View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x39 [BFC] children: not-inline
Box <body.outer> at (10,10) content-size 780x21 flex-container(row) [FFC] children: not-inline
BlockContainer <div.middle> at (11,11) content-size 202x19 flex-item [BFC] children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x40 [BFC] children: not-inline
Box <body.outer> at (10,10) content-size 780x22 flex-container(row) [FFC] children: not-inline
BlockContainer <div.middle> at (11,11) content-size 202x20 flex-item [BFC] children: not-inline
BlockContainer <div.inner> at (12,12) content-size 200x18 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x18] baseline: 13.796875
"OPEN"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x41]
PaintableBox (Box<BODY>.outer) [9,9 782x23]
PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x42]
PaintableBox (Box<BODY>.outer) [9,9 782x24]
PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x22]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x20]
TextPaintable (TextNode<#text>)

10
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100-border-box.txt
View file

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 93.59375x19 positioned [BFC] children: not-inline
BlockContainer <nav> at (11,11) content-size 91.59375x17 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17] baseline: 13.296875
BlockContainer <body> at (10,10) content-size 93.59375x20 positioned [BFC] children: not-inline
BlockContainer <nav> at (11,11) content-size 91.59375x18 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x18] baseline: 13.796875
"border box"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2]
PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21]
PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19]
PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x22]
PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x20]
TextPaintable (TextNode<#text>)

10
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100.txt
View file

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 138.609375x19 positioned [BFC] children: not-inline
BlockContainer <div> at (11,11) content-size 136.609375x17 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17] baseline: 13.296875
BlockContainer <body> at (10,10) content-size 138.609375x20 positioned [BFC] children: not-inline
BlockContainer <div> at (11,11) content-size 136.609375x18 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x18] baseline: 13.796875
"well hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2]
PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21]
PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19]
PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x22]
PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x20]
TextPaintable (TextNode<#text>)

14
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-containing-block.txt
View file

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
BlockContainer <span.text> at (11,11) content-size 66.671875x17 children: inline
frag 0 from TextNode start: 0, length: 7, rect: [11,11 66.671875x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x38 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x20 children: not-inline
BlockContainer <span.text> at (11,11) content-size 66.671875x18 children: inline
frag 0 from TextNode start: 0, length: 7, rect: [11,11 66.671875x18] baseline: 13.796875
"Trimmed"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x40]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x22]
PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x20]
TextPaintable (TextNode<#text>)

36
Tests/LibWeb/Layout/expected/block-and-inline/max-width-wrapped-in-max-content.txt
View file

@ -1,29 +1,29 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x102 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 270x102 children: not-inline
BlockContainer <div.constrained> at (8,8) content-size 270x102 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 270x102 children: inline
frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x124 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x108 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 270x108 children: not-inline
BlockContainer <div.constrained> at (8,8) content-size 270x108 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 270x108 children: inline
frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x18] baseline: 13.796875
"hello hello hello hello hello hello"
frag 1 from TextNode start: 37, length: 35, rect: [8,25 261.0625x17] baseline: 13.296875
frag 1 from TextNode start: 37, length: 35, rect: [8,26 261.0625x18] baseline: 13.796875
"hello hello hello hello hello hello"
frag 2 from TextNode start: 73, length: 35, rect: [8,42 261.0625x17] baseline: 13.296875
frag 2 from TextNode start: 73, length: 35, rect: [8,44 261.0625x18] baseline: 13.796875
"hello hello hello hello hello hello"
frag 3 from TextNode start: 109, length: 35, rect: [8,59 261.0625x17] baseline: 13.296875
frag 3 from TextNode start: 109, length: 35, rect: [8,62 261.0625x18] baseline: 13.796875
"hello hello hello hello hello hello"
frag 4 from TextNode start: 145, length: 35, rect: [8,76 261.0625x17] baseline: 13.296875
frag 4 from TextNode start: 145, length: 35, rect: [8,80 261.0625x18] baseline: 13.796875
"hello hello hello hello hello hello"
frag 5 from TextNode start: 181, length: 11, rect: [8,93 81.6875x17] baseline: 13.296875
frag 5 from TextNode start: 181, length: 11, rect: [8,98 81.6875x18] baseline: 13.796875
"hello hello"
TextNode <#text>
BlockContainer <div> at (8,110) content-size 270x0 children: not-inline
BlockContainer <div> at (8,116) content-size 270x0 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x102]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x102]
PaintableWithLines (BlockContainer<DIV>.constrained) [8,8 270x102]
PaintableWithLines (BlockContainer(anonymous)) [8,8 270x102]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x124]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x108]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x108]
PaintableWithLines (BlockContainer<DIV>.constrained) [8,8 270x108]
PaintableWithLines (BlockContainer(anonymous)) [8,8 270x108]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,110 270x0]
PaintableWithLines (BlockContainer<DIV>) [8,116 270x0]

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

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x77 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 604x59 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 602x57 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 600x55 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.953125x55] baseline: 42.484375
BlockContainer <html> at (1,1) content-size 798x79 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 604x61 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 602x59 children: not-inline
BlockContainer <div.inner> at (12,12) content-size 600x57 children: inline
frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.953125x57] baseline: 43.484375
"well hello friends"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x79]
PaintableWithLines (BlockContainer<BODY>) [9,9 606x61]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x59]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x57]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x81]
PaintableWithLines (BlockContainer<BODY>) [9,9 606x63]
PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x61]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x59]
TextPaintable (TextNode<#text>)

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

@ -1,25 +1,25 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x1008 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x105 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x105 children: not-inline
BlockContainer <body> at (8,8) content-size 784x110 children: not-inline
BlockContainer <div.wrapper> at (8,8) content-size 784x110 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 564x85 [BFC] children: inline
frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17] baseline: 13.296875
BlockContainer <div.bfc> at (18,18) content-size 564x90 [BFC] children: inline
frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x18] baseline: 13.796875
"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
frag 1 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17] baseline: 13.296875
frag 1 from TextNode start: 57, length: 60, rect: [18,36 511.796875x18] baseline: 13.796875
"Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
frag 2 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17] baseline: 13.296875
frag 2 from TextNode start: 118, length: 67, rect: [18,54 537.078125x18] baseline: 13.796875
"vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
frag 3 from TextNode start: 186, length: 65, rect: [18,69 537.34375x17] baseline: 13.296875
frag 3 from TextNode start: 186, length: 65, rect: [18,72 537.34375x18] baseline: 13.796875
"suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
frag 4 from TextNode start: 252, length: 57, rect: [18,86 455.375x17] baseline: 13.296875
frag 4 from TextNode start: 252, length: 57, rect: [18,90 455.375x18] baseline: 13.796875
"pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x1008]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x105] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x105] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x110] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x110] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer<DIV>.float) [592,8 200x1000]
PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x105]
PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x110]
TextPaintable (TextNode<#text>)

20
Tests/LibWeb/Layout/expected/block-and-inline/out-of-flows-not-inserted-into-generated-box.txt
View file

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x42 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x44 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x18] baseline: 13.796875
"foo"
TextNode <#text>
BlockContainer <div> at (8,25) content-size 27.640625x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,25 27.640625x17] baseline: 13.296875
BlockContainer <div> at (8,26) content-size 27.640625x18 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,26 27.640625x18] baseline: 13.796875
"bar"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x42]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784x34]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x44]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18] overflow: [8,8 784x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [8,25 27.640625x17]
PaintableWithLines (BlockContainer<DIV>) [8,26 27.640625x18]
TextPaintable (TextNode<#text>)

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

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

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x53 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x37 children: not-inline
BlockContainer <div.hmm> at (18,18) content-size 764x17 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [18,18 36.84375x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x54 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x38 children: not-inline
BlockContainer <div.hmm> at (18,18) content-size 764x18 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [18,18 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x53]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x37]
PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x54]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x38]
PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x38]
TextPaintable (TextNode<#text>)

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

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 200x17 children: not-inline
BlockContainer <div> at (8,8) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 200x18 children: not-inline
BlockContainer <div> at (8,8) content-size 200x18 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 200x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 200x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 200x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 200x18]
TextPaintable (TextNode<#text>)

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

@ -1,10 +1,10 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 0x17 children: inline
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 0x18 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,21 0x0] baseline: 0
BlockContainer <div> at (8,21) content-size 0x0 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableWithLines (BlockContainer<BODY>) [8,8 0x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableWithLines (BlockContainer<BODY>) [8,8 0x18]
PaintableWithLines (BlockContainer<DIV>) [8,21 0x0]

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

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (2,2) content-size 796x62 [BFC] children: not-inline
BlockContainer <body> at (12,12) content-size 600x42 children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned children: inline
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17] baseline: 13.296875
BlockContainer <html> at (2,2) content-size 796x64 [BFC] children: not-inline
BlockContainer <body> at (12,12) content-size 600x44 children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x18 positioned children: inline
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x18] baseline: 13.796875
"exekiller"
TextNode <#text>
BlockContainer <div.athena> at (24,25) content-size 200x17 positioned children: inline
frag 0 from TextNode start: 0, length: 6, rect: [24,25 53.171875x17] baseline: 13.296875
BlockContainer <div.athena> at (24,26) content-size 200x18 positioned children: inline
frag 0 from TextNode start: 0, length: 6, rect: [24,26 53.171875x18] baseline: 13.796875
"athena"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
PaintableWithLines (BlockContainer<BODY>) [10,10 604x46]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x68]
PaintableWithLines (BlockContainer<BODY>) [10,10 604x48]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x22]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.athena) [22,23 204x21]
PaintableWithLines (BlockContainer<DIV>.athena) [22,24 204x22]
TextPaintable (TextNode<#text>)

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