diff options
| author | Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com> | 2023-05-29 17:40:58 +0300 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2023-05-29 21:36:17 +0200 |
| commit | 0bef3085dd2fbfd4871f3715916e999479a2dbf1 (patch) | |
| tree | d5416a7cf2825b5743625ce9549ce060f9ea4aaa | |
| parent | 787f2d2a10ee475bfb4e53968e06d7324d208d7a (diff) | |
| download | serenity-0bef3085dd2fbfd4871f3715916e999479a2dbf1.zip | |
LibWeb: Output names of inner table boxes in layout dump
Since there are no table-specific boxes anymore it would be nice to
output their types additionally in layout dump so we can tell table
boxes from "regular" boxes.
22 files changed, 159 insertions, 145 deletions
diff --git a/Tests/LibWeb/Layout/expected/blockify-layout-internal-box-without-crashing.txt b/Tests/LibWeb/Layout/expected/blockify-layout-internal-box-without-crashing.txt index 3d5f443146..dc041625cd 100644 --- a/Tests/LibWeb/Layout/expected/blockify-layout-internal-box-without-crashing.txt +++ b/Tests/LibWeb/Layout/expected/blockify-layout-internal-box-without-crashing.txt @@ -2,8 +2,8 @@ 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 TableWrapper <(anonymous)> at (8,8) content-size 0x0 [BFC] children: not-inline - Box <table> at (8,8) content-size 0x0 [TFC] children: not-inline - Box <tbody> at (8,8) content-size 0x0 children: not-inline - Box <tr> at (8,8) content-size 0x0 children: not-inline - BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: not-inline + Box <table> at (8,8) content-size 0x0 table-box [TFC] children: not-inline + Box <tbody> at (8,8) content-size 0x0 table-row-group children: not-inline + Box <tr> at (8,8) content-size 0x0 table-row children: not-inline + BlockContainer <(anonymous)> at (8,8) content-size 0x0 table-cell [BFC] children: not-inline BlockContainer <td> at (9,9) content-size 0x0 positioned [BFC] children: not-inline diff --git a/Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-presentational-hints.txt b/Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-presentational-hints.txt index 4a3662bb24..8cc5bcac74 100644 --- a/Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-presentational-hints.txt +++ b/Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-presentational-hints.txt @@ -2,10 +2,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <html> at (1,1) content-size 798x120 [BFC] children: not-inline BlockContainer <body> at (10,10) content-size 780x102 children: not-inline TableWrapper <(anonymous)> at (10,10) content-size 102x102 [BFC] children: not-inline - Box <table> at (11,11) content-size 100x100 [TFC] children: not-inline - Box <tbody> at (11,11) content-size 100x100 children: not-inline - Box <tr> at (11,11) content-size 100x100 children: not-inline - BlockContainer <td> at (13,49.082031) content-size 96x23.835937 [BFC] children: not-inline + Box <table> at (11,11) content-size 100x100 table-box [TFC] children: not-inline + Box <tbody> at (11,11) content-size 100x100 table-row-group children: not-inline + Box <tr> at (11,11) content-size 100x100 table-row children: not-inline + BlockContainer <td> at (13,49.082031) content-size 96x23.835937 table-cell [BFC] children: not-inline BlockContainer <(anonymous)> at (14,50.082031) content-size 94x21.835937 children: inline line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062 frag 0 from TextNode start: 0, length: 0, rect: [14,50.082031 0x21.835937] diff --git a/Tests/LibWeb/Layout/expected/display-table-inline-children.txt b/Tests/LibWeb/Layout/expected/display-table-inline-children.txt index 7b969707ed..9d0d2039d6 100644 --- a/Tests/LibWeb/Layout/expected/display-table-inline-children.txt +++ b/Tests/LibWeb/Layout/expected/display-table-inline-children.txt @@ -6,9 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline TextNode <#text> TableWrapper <(anonymous)> at (8,8) content-size 784x600 [BFC] children: not-inline - Box <div.aligncenter.block-image> at (8,8) content-size 1200x600 [TFC] children: inline - Box <(anonymous)> at (8,8) content-size 1200x600 children: inline - BlockContainer <(anonymous)> at (8,8) content-size 1200x600 [BFC] children: inline + Box <div.aligncenter.block-image> at (8,8) content-size 1200x600 table-box [TFC] children: inline + Box <(anonymous)> at (8,8) content-size 1200x600 table-row children: inline + BlockContainer <(anonymous)> at (8,8) content-size 1200x600 table-cell [BFC] children: inline line 0 width: 1200, height: 600, bottom: 600, baseline: 600 frag 0 from ImageBox start: 0, length: 0, rect: [8,8 1200x600] TextNode <#text> diff --git a/Tests/LibWeb/Layout/expected/table/auto-height.txt b/Tests/LibWeb/Layout/expected/table/auto-height.txt index 1ef63a1ad8..8601f728fa 100644 --- a/Tests/LibWeb/Layout/expected/table/auto-height.txt +++ b/Tests/LibWeb/Layout/expected/table/auto-height.txt @@ -3,18 +3,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <body> at (10,10) content-size 780x42.9375 children: not-inline BlockContainer <div> at (11,11) content-size 778x19.46875 children: not-inline TableWrapper <(anonymous)> at (11,11) content-size 29.15625x19.46875 [BFC] children: not-inline - Box <(anonymous)> at (11,11) content-size 29.15625x19.46875 [TFC] children: not-inline - Box <(anonymous)> at (11,11) content-size 29.15625x19.46875 children: not-inline - BlockContainer <span> at (12,12) content-size 27.15625x17.46875 [BFC] children: inline + Box <(anonymous)> at (11,11) content-size 29.15625x19.46875 table-box [TFC] children: not-inline + Box <(anonymous)> at (11,11) content-size 29.15625x19.46875 table-row children: not-inline + BlockContainer <span> at (12,12) content-size 27.15625x17.46875 table-cell [BFC] children: inline line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 3, rect: [12,12 27.15625x17.46875] "foo" TextNode <#text> BlockContainer <div> at (11,32.46875) content-size 778x19.46875 children: not-inline TableWrapper <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 [BFC] children: not-inline - Box <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 [TFC] children: not-inline - Box <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 children: not-inline - BlockContainer <span> at (12,33.46875) content-size 27.640625x17.46875 [BFC] children: inline + Box <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 table-box [TFC] children: not-inline + Box <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 table-row children: not-inline + BlockContainer <span> at (12,33.46875) content-size 27.640625x17.46875 table-cell [BFC] children: inline line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 3, rect: [12,33.46875 27.640625x17.46875] "bar" diff --git a/Tests/LibWeb/Layout/expected/table/auto-margins.txt b/Tests/LibWeb/Layout/expected/table/auto-margins.txt index fa6c002274..f17891c356 100644 --- a/Tests/LibWeb/Layout/expected/table/auto-margins.txt +++ b/Tests/LibWeb/Layout/expected/table/auto-margins.txt @@ -3,9 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline BlockContainer <div.wrapper> at (8,8) content-size 784x17.46875 children: not-inline TableWrapper <(anonymous)> at (235.265625,8) content-size 329.46875x17.46875 [BFC] children: not-inline - Box <div.box> at (235.265625,8) content-size 329.46875x17.46875 [TFC] children: not-inline - Box <(anonymous)> at (235.265625,8) content-size 329.46875x17.46875 children: not-inline - BlockContainer <div.cell> at (235.265625,8) content-size 329.46875x17.46875 [BFC] children: inline + Box <div.box> at (235.265625,8) content-size 329.46875x17.46875 table-box [TFC] children: not-inline + Box <(anonymous)> at (235.265625,8) content-size 329.46875x17.46875 table-row children: not-inline + BlockContainer <div.cell> at (235.265625,8) content-size 329.46875x17.46875 table-cell [BFC] children: inline line 0 width: 329.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 34, rect: [235.265625,8 329.46875x17.46875] "DaTa DisplaYiNg CSS WeBpaGE ScReEn" diff --git a/Tests/LibWeb/Layout/expected/table/basic.txt b/Tests/LibWeb/Layout/expected/table/basic.txt index 2b74245eae..6027ace46c 100644 --- a/Tests/LibWeb/Layout/expected/table/basic.txt +++ b/Tests/LibWeb/Layout/expected/table/basic.txt @@ -2,25 +2,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 784x58.40625 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 0x0 [BFC] children: not-inline - Box <table#empty-table> at (8,8) content-size 0x0 [TFC] children: not-inline + Box <table#empty-table> at (8,8) content-size 0x0 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline TextNode <#text> TextNode <#text> TableWrapper <(anonymous)> at (8,8) content-size 95.171875x58.40625 [BFC] children: not-inline - Box <table#full-table> at (8,8) content-size 95.171875x58.40625 [TFC] children: not-inline + Box <table#full-table> at (8,8) content-size 95.171875x58.40625 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> BlockContainer <caption> at (8,8) content-size 0x0 [BFC] children: inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <thead> at (8,8) content-size 95.171875x19.46875 children: not-inline + Box <thead> at (8,8) content-size 95.171875x19.46875 table-header-group children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,8) content-size 95.171875x19.46875 children: not-inline + Box <tr> at (8,8) content-size 95.171875x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,9) content-size 93.171875x17.46875 [BFC] children: inline + BlockContainer <td> at (9,9) content-size 93.171875x17.46875 table-cell [BFC] children: inline line 0 width: 73.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 9, rect: [9,9 73.65625x17.46875] "Head Cell" @@ -31,13 +31,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tbody> at (8,27.46875) content-size 95.171875x19.46875 children: not-inline + Box <tbody> at (8,27.46875) content-size 95.171875x19.46875 table-row-group children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,27.46875) content-size 95.171875x19.46875 children: not-inline + Box <tr> at (8,27.46875) content-size 95.171875x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,28.46875) content-size 93.171875x17.46875 [BFC] children: inline + BlockContainer <td> at (9,28.46875) content-size 93.171875x17.46875 table-cell [BFC] children: inline line 0 width: 70.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 9, rect: [9,28.46875 70.234375x17.46875] "Body Cell" @@ -48,13 +48,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tfoot> at (8,46.9375) content-size 95.171875x19.46875 children: not-inline + Box <tfoot> at (8,46.9375) content-size 95.171875x19.46875 table-footer-group children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,46.9375) content-size 95.171875x19.46875 children: not-inline + Box <tr> at (8,46.9375) content-size 95.171875x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,47.9375) content-size 93.171875x17.46875 [BFC] children: inline + BlockContainer <td> at (9,47.9375) content-size 93.171875x17.46875 table-cell [BFC] children: inline line 0 width: 93.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 11, rect: [9,47.9375 93.171875x17.46875] "Footer Cell" diff --git a/Tests/LibWeb/Layout/expected/table/borders.txt b/Tests/LibWeb/Layout/expected/table/borders.txt index 7de30aa836..b146935aad 100644 --- a/Tests/LibWeb/Layout/expected/table/borders.txt +++ b/Tests/LibWeb/Layout/expected/table/borders.txt @@ -2,21 +2,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 784x277.625 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 164.296875x66.40625 [BFC] children: not-inline - Box <table.table-border-black> at (9,9) content-size 164.296875x64.40625 [TFC] children: not-inline + Box <table.table-border-black> at (9,9) content-size 164.296875x64.40625 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tbody> at (9,9) content-size 166.296875x64.40625 children: not-inline - Box <tr> at (9,9) content-size 166.296875x21.46875 children: not-inline + Box <tbody> at (9,9) content-size 166.296875x64.40625 table-row-group children: not-inline + Box <tr> at (9,9) content-size 166.296875x21.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (11,11) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <td> at (11,11) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 82.015625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 9, rect: [11,11 82.015625x17.46875] "Firstname" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (97.015625,11) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <td> at (97.015625,11) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 76.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 8, rect: [97.015625,11 76.28125x17.46875] "Lastname" @@ -25,17 +25,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (9,30.46875) content-size 166.296875x21.46875 children: not-inline + Box <tr> at (9,30.46875) content-size 166.296875x21.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (11,32.46875) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <td> at (11,32.46875) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 44.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [11,32.46875 44.65625x17.46875] "Peter" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (97.015625,32.46875) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <td> at (97.015625,32.46875) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [97.015625,32.46875 53.671875x17.46875] "Griffin" @@ -44,17 +44,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (9,51.9375) content-size 166.296875x21.46875 children: not-inline + Box <tr> at (9,51.9375) content-size 166.296875x21.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (11,53.9375) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <td> at (11,53.9375) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 35.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 4, rect: [11,53.9375 35.125x17.46875] "Lois" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (97.015625,53.9375) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <td> at (97.015625,53.9375) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [97.015625,53.9375 53.671875x17.46875] "Griffin" @@ -67,21 +67,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> TextNode <#text> TableWrapper <(anonymous)> at (8,74.40625) content-size 164.296875x62.40625 [BFC] children: not-inline - Box <table.table-border-black> at (8,74.40625) content-size 164.296875x62.40625 [TFC] children: not-inline + Box <table.table-border-black> at (8,74.40625) content-size 164.296875x62.40625 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - Box <tbody> at (8,74.40625) content-size 164.296875x62.40625 children: not-inline - Box <tr> at (8,74.40625) content-size 164.296875x20.46875 children: not-inline + Box <tbody> at (8,74.40625) content-size 164.296875x62.40625 table-row-group children: not-inline + Box <tr> at (8,74.40625) content-size 164.296875x20.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,75.40625) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <td> at (9,75.40625) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 82.015625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 9, rect: [9,75.40625 82.015625x17.46875] "Firstname" TextNode <#text> BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (95.015625,75.40625) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <td> at (95.015625,75.40625) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 76.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 8, rect: [95.015625,75.40625 76.28125x17.46875] "Lastname" @@ -90,17 +90,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,94.875) content-size 164.296875x21.46875 children: not-inline + Box <tr> at (8,94.875) content-size 164.296875x21.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,96.875) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <td> at (9,96.875) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 44.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [9,96.875 44.65625x17.46875] "Peter" TextNode <#text> BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (95.015625,96.875) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <td> at (95.015625,96.875) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [95.015625,96.875 53.671875x17.46875] "Griffin" @@ -109,17 +109,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,116.34375) content-size 164.296875x20.46875 children: not-inline + Box <tr> at (8,116.34375) content-size 164.296875x20.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,118.34375) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <td> at (9,118.34375) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 35.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 4, rect: [9,118.34375 35.125x17.46875] "Lois" TextNode <#text> BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (95.015625,118.34375) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <td> at (95.015625,118.34375) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [95.015625,118.34375 53.671875x17.46875] "Griffin" @@ -132,20 +132,20 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> TextNode <#text> TableWrapper <(anonymous)> at (8,136.8125) content-size 160.296875x56.40625 [BFC] children: not-inline - Box <div.table.border-black> at (8,136.8125) content-size 160.296875x56.40625 [TFC] children: not-inline + Box <div.table.border-black> at (8,136.8125) content-size 160.296875x56.40625 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - Box <div.table-row.border-black> at (8,136.8125) content-size 160.296875x18.46875 children: not-inline + Box <div.table-row.border-black> at (8,136.8125) content-size 160.296875x18.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.border-black> at (8,136.8125) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.border-black> at (8,136.8125) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 82.015625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 9, rect: [8,136.8125 82.015625x17.46875] "Firstname" TextNode <#text> BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.border-black> at (92.015625,136.8125) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.border-black> at (92.015625,136.8125) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 76.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 8, rect: [92.015625,136.8125 76.28125x17.46875] "Lastname" @@ -154,17 +154,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - Box <div.table-row.border-black> at (8,155.28125) content-size 160.296875x19.46875 children: not-inline + Box <div.table-row.border-black> at (8,155.28125) content-size 160.296875x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.border-black> at (8,156.28125) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.border-black> at (8,156.28125) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 44.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [8,156.28125 44.65625x17.46875] "Peter" TextNode <#text> BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.border-black> at (92.015625,156.28125) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.border-black> at (92.015625,156.28125) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [92.015625,156.28125 53.671875x17.46875] "Griffin" @@ -173,17 +173,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - Box <div.table-row.border-black> at (8,174.75) content-size 160.296875x18.46875 children: not-inline + Box <div.table-row.border-black> at (8,174.75) content-size 160.296875x18.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.border-black> at (8,175.75) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.border-black> at (8,175.75) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 35.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 4, rect: [8,175.75 35.125x17.46875] "Lois" TextNode <#text> BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.border-black> at (92.015625,175.75) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.border-black> at (92.015625,175.75) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [92.015625,175.75 53.671875x17.46875] "Griffin" @@ -196,20 +196,20 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> TextNode <#text> TableWrapper <(anonymous)> at (8,193.21875) content-size 178.296875x92.40625 [BFC] children: not-inline - Box <div.table.thick-border-black> at (8,193.21875) content-size 178.296875x92.40625 [TFC] children: not-inline + Box <div.table.thick-border-black> at (8,193.21875) content-size 178.296875x92.40625 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - Box <div.table-row.thick-border-black> at (8,193.21875) content-size 178.296875x27.46875 children: not-inline + Box <div.table-row.thick-border-black> at (8,193.21875) content-size 178.296875x27.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.thick-border-black> at (8,193.21875) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.thick-border-black> at (8,193.21875) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 82.015625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 9, rect: [8,193.21875 82.015625x17.46875] "Firstname" TextNode <#text> BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.thick-border-black> at (110.015625,193.21875) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.thick-border-black> at (110.015625,193.21875) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 76.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 8, rect: [110.015625,193.21875 76.28125x17.46875] "Lastname" @@ -218,17 +218,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - Box <div.table-row.thick-border-black> at (8,220.6875) content-size 178.296875x37.46875 children: not-inline + Box <div.table-row.thick-border-black> at (8,220.6875) content-size 178.296875x37.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.thick-border-black> at (8,230.6875) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.thick-border-black> at (8,230.6875) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 44.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [8,230.6875 44.65625x17.46875] "Peter" TextNode <#text> BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.thick-border-black> at (110.015625,230.6875) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.thick-border-black> at (110.015625,230.6875) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [110.015625,230.6875 53.671875x17.46875] "Griffin" @@ -237,17 +237,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - Box <div.table-row.thick-border-black> at (8,258.15625) content-size 178.296875x27.46875 children: not-inline + Box <div.table-row.thick-border-black> at (8,258.15625) content-size 178.296875x27.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.thick-border-black> at (8,268.15625) content-size 82.015625x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.thick-border-black> at (8,268.15625) content-size 82.015625x17.46875 table-cell [BFC] children: inline line 0 width: 35.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 4, rect: [8,268.15625 35.125x17.46875] "Lois" TextNode <#text> BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline TextNode <#text> - BlockContainer <div.table-cell.thick-border-black> at (110.015625,268.15625) content-size 76.28125x17.46875 [BFC] children: inline + BlockContainer <div.table-cell.thick-border-black> at (110.015625,268.15625) content-size 76.28125x17.46875 table-cell [BFC] children: inline line 0 width: 53.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 7, rect: [110.015625,268.15625 53.671875x17.46875] "Griffin" diff --git a/Tests/LibWeb/Layout/expected/table/cell-px-height.txt b/Tests/LibWeb/Layout/expected/table/cell-px-height.txt index 05c851c57a..52e3cc040f 100644 --- a/Tests/LibWeb/Layout/expected/table/cell-px-height.txt +++ b/Tests/LibWeb/Layout/expected/table/cell-px-height.txt @@ -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 TableWrapper <(anonymous)> at (8,8) content-size 102x100 [BFC] children: not-inline - Box <body> at (8,8) content-size 102x100 [TFC] children: not-inline - Box <div.row> at (8,8) content-size 102x100 children: not-inline - BlockContainer <div.cell> at (9,9) content-size 100x0 [BFC] children: not-inline + Box <body> at (8,8) content-size 102x100 table-box [TFC] children: not-inline + Box <div.row> at (8,8) content-size 102x100 table-row children: not-inline + BlockContainer <div.cell> at (9,9) content-size 100x0 table-cell [BFC] children: not-inline diff --git a/Tests/LibWeb/Layout/expected/table/columns-width-distribution-1.txt b/Tests/LibWeb/Layout/expected/table/columns-width-distribution-1.txt index 88f69381f4..c684799d35 100644 --- a/Tests/LibWeb/Layout/expected/table/columns-width-distribution-1.txt +++ b/Tests/LibWeb/Layout/expected/table/columns-width-distribution-1.txt @@ -2,14 +2,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 784x92.21875 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 782x92.21875 [BFC] children: not-inline - Box <table.ambox> at (9,9) content-size 780x90.21875 [TFC] children: not-inline + Box <table.ambox> at (9,9) content-size 780x90.21875 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tbody> at (9,9) content-size 780x90.21875 children: not-inline - Box <tr> at (9,9) content-size 780x90.21875 children: not-inline - BlockContainer <td.mbox-image> at (10,29.109375) content-size 50x50 [BFC] children: not-inline + Box <tbody> at (9,9) content-size 780x90.21875 table-row-group children: not-inline + Box <tr> at (9,9) content-size 780x90.21875 table-row children: not-inline + BlockContainer <td.mbox-image> at (10,29.109375) content-size 50x50 table-cell [BFC] children: not-inline BlockContainer <div.mbox-image-div> at (10,29.109375) content-size 50x50 children: not-inline - BlockContainer <td.mbox-text> at (62,10) content-size 726x88.21875 [BFC] children: inline + BlockContainer <td.mbox-text> at (62,10) content-size 726x88.21875 table-cell [BFC] children: inline line 0 width: 689.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 1, length: 84, rect: [62,10 689.640625x17.46875] "In a scene set in a lawyer's office, the lawyer sits alone and bounces a rubber ball" diff --git a/Tests/LibWeb/Layout/expected/table/fixed-margins.txt b/Tests/LibWeb/Layout/expected/table/fixed-margins.txt index f9ff853e50..cd275e5452 100644 --- a/Tests/LibWeb/Layout/expected/table/fixed-margins.txt +++ b/Tests/LibWeb/Layout/expected/table/fixed-margins.txt @@ -3,9 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <body> at (8,8) content-size 784x35.40625 children: not-inline BlockContainer <div.wrapper> at (8,8) content-size 784x35.40625 children: not-inline TableWrapper <(anonymous)> at (108,8) content-size 584x35.40625 [BFC] children: not-inline - Box <div.box> at (108,8) content-size 584x35.40625 [TFC] children: not-inline - Box <(anonymous)> at (108,8) content-size 584x35.40625 children: not-inline - BlockContainer <div.cell> at (108,8) content-size 584x35.40625 [BFC] children: inline + Box <div.box> at (108,8) content-size 584x35.40625 table-box [TFC] children: not-inline + Box <(anonymous)> at (108,8) content-size 584x35.40625 table-row children: not-inline + BlockContainer <div.cell> at (108,8) content-size 584x35.40625 table-cell [BFC] children: inline line 0 width: 569.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 58, rect: [108,8 569.859375x17.46875] "DaTa DisplaYiNg CSS WeBpaGE ScReEn OF aR AddITioN COmmOnLY" diff --git a/Tests/LibWeb/Layout/expected/table/in-auto-height-flex-item.txt b/Tests/LibWeb/Layout/expected/table/in-auto-height-flex-item.txt index 6175d1121a..1b710bca26 100644 --- a/Tests/LibWeb/Layout/expected/table/in-auto-height-flex-item.txt +++ b/Tests/LibWeb/Layout/expected/table/in-auto-height-flex-item.txt @@ -3,9 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline Box <body> at (10,10) content-size 780x21.46875 flex-container(row) [FFC] children: not-inline BlockContainer <div.upper> at (11,11) content-size 41.78125x19.46875 flex-item [BFC] children: not-inline TableWrapper <(anonymous)> at (11,11) content-size 41.78125x19.46875 [BFC] children: not-inline - Box <(anonymous)> at (11,11) content-size 41.78125x19.46875 [TFC] children: not-inline - Box <(anonymous)> at (11,11) content-size 41.78125x19.46875 children: not-inline - BlockContainer <div.cell> at (12,12) content-size 39.78125x17.46875 [BFC] children: inline + Box <(anonymous)> at (11,11) content-size 41.78125x19.46875 table-box [TFC] children: not-inline + Box <(anonymous)> at (11,11) content-size 41.78125x19.46875 table-row children: not-inline + BlockContainer <div.cell> at (12,12) content-size 39.78125x17.46875 table-cell [BFC] children: inline line 0 width: 39.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [12,12 39.78125x17.46875] "Hello" diff --git a/Tests/LibWeb/Layout/expected/table/inline-table-width.txt b/Tests/LibWeb/Layout/expected/table/inline-table-width.txt index 29cf840176..45576b0e3a 100644 --- a/Tests/LibWeb/Layout/expected/table/inline-table-width.txt +++ b/Tests/LibWeb/Layout/expected/table/inline-table-width.txt @@ -5,26 +5,26 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 129.984375x38.9375] BlockContainer <table> at (9,9) content-size 129.984375x38.9375 inline-block [BFC] children: not-inline TableWrapper <(anonymous)> at (9,9) content-size 129.984375x38.9375 inline-block [BFC] children: not-inline - Box <(anonymous)> at (9,9) content-size 129.984375x38.9375 inline-table [TFC] children: not-inline - Box <tbody> at (9,9) content-size 129.984375x38.9375 children: not-inline - Box <tr> at (9,9) content-size 129.984375x19.46875 children: not-inline - BlockContainer <td> at (10,10) content-size 87.90625x17.46875 [BFC] children: inline + Box <(anonymous)> at (9,9) content-size 129.984375x38.9375 inline-table table-box [TFC] children: not-inline + Box <tbody> at (9,9) content-size 129.984375x38.9375 table-row-group children: not-inline + Box <tr> at (9,9) content-size 129.984375x19.46875 table-row children: not-inline + BlockContainer <td> at (10,10) content-size 87.90625x17.46875 table-cell [BFC] children: inline line 0 width: 15.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 2, rect: [10,10 15.734375x17.46875] "ID" TextNode <#text> - BlockContainer <td> at (99.90625,10) content-size 38.078125x17.46875 [BFC] children: inline + BlockContainer <td> at (99.90625,10) content-size 38.078125x17.46875 table-cell [BFC] children: inline line 0 width: 27.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 4, rect: [99.90625,10 27.84375x17.46875] "null" TextNode <#text> - Box <tr> at (9,28.46875) content-size 129.984375x19.46875 children: not-inline - BlockContainer <td> at (10,29.46875) content-size 87.90625x17.46875 [BFC] children: inline + Box <tr> at (9,28.46875) content-size 129.984375x19.46875 table-row children: not-inline + BlockContainer <td> at (10,29.46875) content-size 87.90625x17.46875 table-cell [BFC] children: inline line 0 width: 87.90625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 11, rect: [10,29.46875 87.90625x17.46875] "Is Selected" TextNode <#text> - BlockContainer <td> at (99.90625,29.46875) content-size 38.078125x17.46875 [BFC] children: inline + BlockContainer <td> at (99.90625,29.46875) content-size 38.078125x17.46875 table-cell [BFC] children: inline line 0 width: 38.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [99.90625,29.46875 38.078125x17.46875] "false" diff --git a/Tests/LibWeb/Layout/expected/table/row-px-height.txt b/Tests/LibWeb/Layout/expected/table/row-px-height.txt index 05c851c57a..52e3cc040f 100644 --- a/Tests/LibWeb/Layout/expected/table/row-px-height.txt +++ b/Tests/LibWeb/Layout/expected/table/row-px-height.txt @@ -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 TableWrapper <(anonymous)> at (8,8) content-size 102x100 [BFC] children: not-inline - Box <body> at (8,8) content-size 102x100 [TFC] children: not-inline - Box <div.row> at (8,8) content-size 102x100 children: not-inline - BlockContainer <div.cell> at (9,9) content-size 100x0 [BFC] children: not-inline + Box <body> at (8,8) content-size 102x100 table-box [TFC] children: not-inline + Box <div.row> at (8,8) content-size 102x100 table-row children: not-inline + BlockContainer <div.cell> at (9,9) content-size 100x0 table-cell [BFC] children: not-inline diff --git a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-1.txt b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-1.txt index c41b02737c..2f121e793a 100644 --- a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-1.txt +++ b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-1.txt @@ -2,8 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <body> at (8,8) content-size 784x150 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 200x150 [BFC] children: not-inline - Box <div.table> at (8,8) content-size 200x150 [TFC] children: not-inline - Box <div.row.a> at (8,8) content-size 200x50 children: not-inline - BlockContainer <div.cell> at (8,8) content-size 200x0 [BFC] children: not-inline - Box <div.row.b> at (8,58) content-size 200x100 children: not-inline - BlockContainer <div.cell> at (8,58) content-size 200x0 [BFC] children: not-inline + Box <div.table> at (8,8) content-size 200x150 table-box [TFC] children: not-inline + Box <div.row.a> at (8,8) content-size 200x50 table-row children: not-inline + BlockContainer <div.cell> at (8,8) content-size 200x0 table-cell [BFC] children: not-inline + Box <div.row.b> at (8,58) content-size 200x100 table-row children: not-inline + BlockContainer <div.cell> at (8,58) content-size 200x0 table-cell [BFC] children: not-inline diff --git a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-2.txt b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-2.txt index 6e0a49efc4..dfdad20243 100644 --- a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-2.txt +++ b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-2.txt @@ -2,8 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <body> at (8,8) content-size 784x300 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 200x300 [BFC] children: not-inline - Box <div.table> at (8,8) content-size 200x300 [TFC] children: not-inline - Box <div.row.a> at (8,8) content-size 200x150 children: not-inline - BlockContainer <div.cell> at (8,8) content-size 200x0 [BFC] children: not-inline - Box <div.row.b> at (8,158) content-size 200x150 children: not-inline - BlockContainer <div.cell> at (8,158) content-size 200x0 [BFC] children: not-inline + Box <div.table> at (8,8) content-size 200x300 table-box [TFC] children: not-inline + Box <div.row.a> at (8,8) content-size 200x150 table-row children: not-inline + BlockContainer <div.cell> at (8,8) content-size 200x0 table-cell [BFC] children: not-inline + Box <div.row.b> at (8,158) content-size 200x150 table-row children: not-inline + BlockContainer <div.cell> at (8,158) content-size 200x0 table-cell [BFC] children: not-inline diff --git a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-3.txt b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-3.txt index 6c0c46b224..efe33cc1be 100644 --- a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-3.txt +++ b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-3.txt @@ -2,15 +2,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <body> at (8,8) content-size 784x300 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 200x300 [BFC] children: not-inline - Box <div.table> at (8,8) content-size 200x300 [TFC] children: not-inline - Box <div.row.a> at (8,8) content-size 200x150 children: not-inline - BlockContainer <div.cell> at (8,8) content-size 200x17.46875 [BFC] children: inline + Box <div.table> at (8,8) content-size 200x300 table-box [TFC] children: not-inline + Box <div.row.a> at (8,8) content-size 200x150 table-row children: not-inline + BlockContainer <div.cell> at (8,8) content-size 200x17.46875 table-cell [BFC] children: inline line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875] "a" TextNode <#text> - Box <div.row.b> at (8,158) content-size 200x150 children: not-inline - BlockContainer <div.cell> at (8,158) content-size 200x17.46875 [BFC] children: inline + Box <div.row.b> at (8,158) content-size 200x150 table-row children: not-inline + BlockContainer <div.cell> at (8,158) content-size 200x17.46875 table-cell [BFC] children: inline line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 1, rect: [8,158 9.46875x17.46875] "b" diff --git a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-4.txt b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-4.txt index 27449a9baa..65b6df9f23 100644 --- a/Tests/LibWeb/Layout/expected/table/rows-height-distribution-4.txt +++ b/Tests/LibWeb/Layout/expected/table/rows-height-distribution-4.txt @@ -2,15 +2,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer <body> at (8,8) content-size 784x300 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 200x300 [BFC] children: not-inline - Box <div.table> at (8,8) content-size 200x300 [TFC] children: not-inline - Box <div.row.a> at (8,8) content-size 200x100 children: not-inline - BlockContainer <div.cell> at (8,8) content-size 200x17.46875 [BFC] children: inline + Box <div.table> at (8,8) content-size 200x300 table-box [TFC] children: not-inline + Box <div.row.a> at (8,8) content-size 200x100 table-row children: not-inline + BlockContainer <div.cell> at (8,8) content-size 200x17.46875 table-cell [BFC] children: inline line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875] "a" TextNode <#text> - Box <div.row.b> at (8,108) content-size 200x200 children: not-inline - BlockContainer <div.cell> at (8,108) content-size 200x17.46875 [BFC] children: inline + Box <div.row.b> at (8,108) content-size 200x200 table-row children: not-inline + BlockContainer <div.cell> at (8,108) content-size 200x17.46875 table-cell [BFC] children: inline line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 1, rect: [8,108 9.46875x17.46875] "b" diff --git a/Tests/LibWeb/Layout/expected/table/rowspan.txt b/Tests/LibWeb/Layout/expected/table/rowspan.txt index 4a1d09385f..fb350e9681 100644 --- a/Tests/LibWeb/Layout/expected/table/rowspan.txt +++ b/Tests/LibWeb/Layout/expected/table/rowspan.txt @@ -6,28 +6,28 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline TextNode <#text> TableWrapper <(anonymous)> at (8,8) content-size 221.359375x77.875 [BFC] children: not-inline - Box <table> at (8,8) content-size 221.359375x77.875 [TFC] children: not-inline + Box <table> at (8,8) content-size 221.359375x77.875 table-box [TFC] children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tbody> at (8,8) content-size 221.359375x77.875 children: not-inline - Box <tr> at (8,8) content-size 221.359375x19.46875 children: not-inline + Box <tbody> at (8,8) content-size 221.359375x77.875 table-row-group children: not-inline + Box <tr> at (8,8) content-size 221.359375x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <th> at (9,9) content-size 70.046875x17.46875 [BFC] children: inline + BlockContainer <th> at (9,9) content-size 70.046875x17.46875 table-cell [BFC] children: inline line 0 width: 70.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 8, rect: [9,9 70.046875x17.46875] "Header 1" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <th> at (81.046875,9) content-size 72.515625x17.46875 [BFC] children: inline + BlockContainer <th> at (81.046875,9) content-size 72.515625x17.46875 table-cell [BFC] children: inline line 0 width: 72.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 8, rect: [81.046875,9 72.515625x17.46875] "Header 2" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <th> at (155.5625,9) content-size 72.796875x17.46875 [BFC] children: inline + BlockContainer <th> at (155.5625,9) content-size 72.796875x17.46875 table-cell [BFC] children: inline line 0 width: 72.796875, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 8, rect: [155.5625,9 72.796875x17.46875] "Header 3" @@ -36,24 +36,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,27.46875) content-size 221.359375x19.46875 children: not-inline + Box <tr> at (8,27.46875) content-size 221.359375x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,38.203125) content-size 70.046875x17.46875 [BFC] children: inline + BlockContainer <td> at (9,38.203125) content-size 70.046875x17.46875 table-cell [BFC] children: inline line 0 width: 49.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [9,38.203125 49.609375x17.46875] "Row 1" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (81.046875,28.46875) content-size 72.515625x17.46875 [BFC] children: inline + BlockContainer <td> at (81.046875,28.46875) content-size 72.515625x17.46875 table-cell [BFC] children: inline line 0 width: 41.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 6, rect: [81.046875,28.46875 41.84375x17.46875] "Cell 1" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (155.5625,28.46875) content-size 72.796875x17.46875 [BFC] children: inline + BlockContainer <td> at (155.5625,28.46875) content-size 72.796875x17.46875 table-cell [BFC] children: inline line 0 width: 44.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 6, rect: [155.5625,28.46875 44.3125x17.46875] "Cell 2" @@ -62,17 +62,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,46.9375) content-size 221.359375x19.46875 children: not-inline + Box <tr> at (8,46.9375) content-size 221.359375x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (81.046875,47.9375) content-size 72.515625x17.46875 [BFC] children: inline + BlockContainer <td> at (81.046875,47.9375) content-size 72.515625x17.46875 table-cell [BFC] children: inline line 0 width: 44.59375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 6, rect: [81.046875,47.9375 44.59375x17.46875] "Cell 3" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (155.5625,47.9375) content-size 72.796875x17.46875 [BFC] children: inline + BlockContainer <td> at (155.5625,47.9375) content-size 72.796875x17.46875 table-cell [BFC] children: inline line 0 width: 43.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 6, rect: [155.5625,47.9375 43.25x17.46875] "Cell 4" @@ -81,24 +81,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - Box <tr> at (8,66.40625) content-size 221.359375x19.46875 children: not-inline + Box <tr> at (8,66.40625) content-size 221.359375x19.46875 table-row children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (9,67.40625) content-size 70.046875x17.46875 [BFC] children: inline + BlockContainer <td> at (9,67.40625) content-size 70.046875x17.46875 table-cell [BFC] children: inline line 0 width: 52.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 5, rect: [9,67.40625 52.078125x17.46875] "Row 2" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (81.046875,67.40625) content-size 72.515625x17.46875 [BFC] children: inline + BlockContainer <td> at (81.046875,67.40625) content-size 72.515625x17.46875 table-cell [BFC] children: inline line 0 width: 43.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 6, rect: [81.046875,67.40625 43.953125x17.46875] "Cell 5" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline TextNode <#text> - BlockContainer <td> at (155.5625,67.40625) content-size 72.796875x17.46875 [BFC] children: inline + BlockContainer <td> at (155.5625,67.40625) content-size 72.796875x17.46875 table-cell [BFC] children: inline line 0 width: 44.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 6, rect: [155.5625,67.40625 44.234375x17.46875] "Cell 6" diff --git a/Tests/LibWeb/Layout/expected/table/size.txt b/Tests/LibWeb/Layout/expected/table/size.txt index 15c8b439f2..4a5df1ec02 100644 --- a/Tests/LibWeb/Layout/expected/table/size.txt +++ b/Tests/LibWeb/Layout/expected/table/size.txt @@ -2,9 +2,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.46875 children: not-inline TableWrapper <(anonymous)> at (350,8) content-size 100x17.46875 [BFC] children: not-inline - Box <div> at (350,8) content-size 100x17.46875 [TFC] children: not-inline - Box <(anonymous)> at (350,8) content-size 2000x17.46875 children: not-inline - BlockContainer <(anonymous)> at (350,8) content-size 2000x17.46875 [BFC] children: not-inline + Box <div> at (350,8) content-size 100x17.46875 table-box [TFC] children: not-inline + Box <(anonymous)> at (350,8) content-size 2000x17.46875 table-row children: not-inline + BlockContainer <(anonymous)> at (350,8) content-size 2000x17.46875 table-cell [BFC] children: not-inline BlockContainer <(anonymous)> at (350,8) content-size 2000x0 children: inline TextNode <#text> BlockContainer <div> at (350,8) content-size 2000x17.46875 children: inline diff --git a/Tests/LibWeb/Layout/expected/table/table-width.txt b/Tests/LibWeb/Layout/expected/table/table-width.txt index b9bbb12bf7..8cfbd08a13 100644 --- a/Tests/LibWeb/Layout/expected/table/table-width.txt +++ b/Tests/LibWeb/Layout/expected/table/table-width.txt @@ -2,7 +2,7 @@ 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 784x210 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 584x210 [BFC] children: not-inline - Box <table.table> at (108,108) content-size 584x10 [TFC] children: not-inline - Box <tbody> at (108,108) content-size 584x10 children: not-inline - Box <tr> at (108,108) content-size 584x10 children: not-inline - BlockContainer <td.cell> at (109,113) content-size 582x0 [BFC] children: not-inline + Box <table.table> at (108,108) content-size 584x10 table-box [TFC] children: not-inline + Box <tbody> at (108,108) content-size 584x10 table-row-group children: not-inline + Box <tr> at (108,108) content-size 584x10 table-row children: not-inline + BlockContainer <td.cell> at (109,113) content-size 582x0 table-cell [BFC] children: not-inline diff --git a/Tests/LibWeb/Layout/expected/table/zero-columns-gridmax.txt b/Tests/LibWeb/Layout/expected/table/zero-columns-gridmax.txt index 16a36e20e9..18d7c2253c 100644 --- a/Tests/LibWeb/Layout/expected/table/zero-columns-gridmax.txt +++ b/Tests/LibWeb/Layout/expected/table/zero-columns-gridmax.txt @@ -2,6 +2,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 784x0 children: not-inline TableWrapper <(anonymous)> at (8,8) content-size 200x0 [BFC] children: not-inline - Box <div.table> at (8,8) content-size 200x0 [TFC] children: not-inline - Box <div.row> at (8,8) content-size 200x0 children: not-inline - BlockContainer <div.cell> at (8,8) content-size 200x0 [BFC] children: not-inline + Box <div.table> at (8,8) content-size 200x0 table-box [TFC] children: not-inline + Box <div.row> at (8,8) content-size 200x0 table-row children: not-inline + BlockContainer <div.cell> at (8,8) content-size 200x0 table-cell [BFC] children: not-inline diff --git a/Userland/Libraries/LibWeb/Dump.cpp b/Userland/Libraries/LibWeb/Dump.cpp index 332d0e11cf..f9569e2ef4 100644 --- a/Userland/Libraries/LibWeb/Dump.cpp +++ b/Userland/Libraries/LibWeb/Dump.cpp @@ -146,6 +146,7 @@ void dump_tree(StringBuilder& builder, Layout::Node const& layout_node, bool sho StringView line_box_color_on = ""sv; StringView fragment_color_on = ""sv; StringView flex_color_on = ""sv; + StringView table_color_on = ""sv; StringView formatting_context_color_on = ""sv; StringView color_off = ""sv; @@ -159,6 +160,7 @@ void dump_tree(StringBuilder& builder, Layout::Node const& layout_node, bool sho line_box_color_on = "\033[34;1m"sv; fragment_color_on = "\033[35;1m"sv; flex_color_on = "\033[34;1m"sv; + table_color_on = "\033[91;1m"sv; formatting_context_color_on = "\033[37;1m"sv; color_off = "\033[0m"sv; } @@ -222,6 +224,18 @@ void dump_tree(StringBuilder& builder, Layout::Node const& layout_node, bool sho } if (box.is_flex_item()) builder.appendff(" {}flex-item{}", flex_color_on, color_off); + if (box.display().is_table_inside()) + builder.appendff(" {}table-box{}", table_color_on, color_off); + if (box.display().is_table_row_group()) + builder.appendff(" {}table-row-group{}", table_color_on, color_off); + if (box.display().is_table_header_group()) + builder.appendff(" {}table-header-group{}", table_color_on, color_off); + if (box.display().is_table_footer_group()) + builder.appendff(" {}table-footer-group{}", table_color_on, color_off); + if (box.display().is_table_row()) + builder.appendff(" {}table-row{}", table_color_on, color_off); + if (box.display().is_table_cell()) + builder.appendff(" {}table-cell{}", table_color_on, color_off); if (show_box_model) { // Dump the horizontal box properties |