diff options
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 |