summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--Tests/LibWeb/Layout/expected/table/basic.txt69
-rw-r--r--Tests/LibWeb/Layout/expected/table/borders.txt260
-rw-r--r--Tests/LibWeb/Layout/input/table/basic.html30
-rw-r--r--Tests/LibWeb/Layout/input/table/borders.html94
4 files changed, 453 insertions, 0 deletions
diff --git a/Tests/LibWeb/Layout/expected/table/basic.txt b/Tests/LibWeb/Layout/expected/table/basic.txt
new file mode 100644
index 0000000000..71959087d6
--- /dev/null
+++ b/Tests/LibWeb/Layout/expected/table/basic.txt
@@ -0,0 +1,69 @@
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+ BlockContainer <html> at (0,0) content-size 800x74.40625 children: not-inline
+ BlockContainer <body> at (8,8) content-size 784x58.40625 children: not-inline
+ TableWrapper <(anonymous)> at (8,8) content-size 784x0 children: not-inline
+ TableBox <table#empty-table> at (8,8) content-size 784x0 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 children: not-inline
+ TableBox <table#full-table> at (8,8) content-size 95.171875x58.40625 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <caption> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowGroupBox <thead> at (8,8) content-size 95.171875x19.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <tr> at (8,8) content-size 95.171875x19.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (9,9) content-size 93.171875x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowGroupBox <tbody> at (8,27.46875) content-size 95.171875x19.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <tr> at (8,27.46875) content-size 95.171875x19.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (9,28.46875) content-size 93.171875x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowGroupBox <tfoot> at (8,46.9375) content-size 95.171875x19.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <tr> at (8,46.9375) content-size 95.171875x19.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (9,47.9375) content-size 93.171875x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,66.40625) content-size 784x0 children: inline
+ TextNode <#text>
diff --git a/Tests/LibWeb/Layout/expected/table/borders.txt b/Tests/LibWeb/Layout/expected/table/borders.txt
new file mode 100644
index 0000000000..2e26f8d3ed
--- /dev/null
+++ b/Tests/LibWeb/Layout/expected/table/borders.txt
@@ -0,0 +1,260 @@
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+ BlockContainer <html> at (0,0) content-size 800x293.625 children: not-inline
+ BlockContainer <body> at (8,8) content-size 784x277.625 children: not-inline
+ TableWrapper <(anonymous)> at (8,8) content-size 166.296875x66.40625 children: not-inline
+ TableBox <table.table-border-black> at (9,9) content-size 166.296875x64.40625 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowGroupBox <tbody> at (9,9) content-size 166.296875x64.40625 children: not-inline
+ TableRowBox <tr> at (9,9) content-size 166.296875x21.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (11,11) content-size 82.015625x17.46875 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>
+ TableCellBox <td> at (97.015625,11) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <tr> at (9,30.46875) content-size 166.296875x21.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (11,32.46875) content-size 82.015625x17.46875 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>
+ TableCellBox <td> at (97.015625,32.46875) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <tr> at (9,51.9375) content-size 166.296875x21.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (11,53.9375) content-size 82.015625x17.46875 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>
+ TableCellBox <td> at (97.015625,53.9375) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 784x0 children: inline
+ TextNode <#text>
+ TextNode <#text>
+ TableWrapper <(anonymous)> at (8,74.40625) content-size 164.296875x62.40625 children: not-inline
+ TableBox <table.table-border-black> at (8,74.40625) content-size 164.296875x62.40625 children: not-inline
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowGroupBox <tbody> at (8,74.40625) content-size 164.296875x62.40625 children: not-inline
+ TableRowBox <tr> at (8,74.40625) content-size 164.296875x20.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (9,75.40625) content-size 82.015625x17.46875 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>
+ TableCellBox <td> at (95.015625,75.40625) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <tr> at (8,94.875) content-size 164.296875x21.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (9,96.875) content-size 82.015625x17.46875 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>
+ TableCellBox <td> at (95.015625,96.875) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <tr> at (8,116.34375) content-size 164.296875x20.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <td> at (9,118.34375) content-size 82.015625x17.46875 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>
+ TableCellBox <td> at (95.015625,118.34375) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,74.40625) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 784x0 children: inline
+ TextNode <#text>
+ TextNode <#text>
+ TableWrapper <(anonymous)> at (8,136.8125) content-size 160.296875x56.40625 children: not-inline
+ TableBox <div.table.border-black> at (8,136.8125) content-size 160.296875x56.40625 children: not-inline
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <div.table-row.border-black> at (8,136.8125) content-size 160.296875x18.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <div.table-cell.border-black> at (8,136.8125) content-size 82.015625x17.46875 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>
+ TableCellBox <div.table-cell.border-black> at (92.015625,136.8125) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <div.table-row.border-black> at (8,155.28125) content-size 160.296875x19.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <div.table-cell.border-black> at (8,156.28125) content-size 82.015625x17.46875 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>
+ TableCellBox <div.table-cell.border-black> at (92.015625,156.28125) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <div.table-row.border-black> at (8,174.75) content-size 160.296875x18.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <div.table-cell.border-black> at (8,175.75) content-size 82.015625x17.46875 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>
+ TableCellBox <div.table-cell.border-black> at (92.015625,175.75) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,136.8125) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 784x0 children: inline
+ TextNode <#text>
+ TextNode <#text>
+ TableWrapper <(anonymous)> at (8,193.21875) content-size 178.296875x92.40625 children: not-inline
+ TableBox <div.table.thick-border-black> at (8,193.21875) content-size 178.296875x92.40625 children: not-inline
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <div.table-row.thick-border-black> at (8,193.21875) content-size 178.296875x27.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <div.table-cell.thick-border-black> at (8,193.21875) content-size 82.015625x17.46875 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>
+ TableCellBox <div.table-cell.thick-border-black> at (110.015625,193.21875) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <div.table-row.thick-border-black> at (8,220.6875) content-size 178.296875x37.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <div.table-cell.thick-border-black> at (8,230.6875) content-size 82.015625x17.46875 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>
+ TableCellBox <div.table-cell.thick-border-black> at (110.015625,230.6875) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ TableRowBox <div.table-row.thick-border-black> at (8,258.15625) content-size 178.296875x27.46875 children: not-inline
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ TableCellBox <div.table-cell.thick-border-black> at (8,268.15625) content-size 82.015625x17.46875 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>
+ TableCellBox <div.table-cell.thick-border-black> at (110.015625,268.15625) content-size 76.28125x17.46875 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"
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,193.21875) content-size 0x0 children: inline
+ TextNode <#text>
+ BlockContainer <(anonymous)> at (8,285.625) content-size 784x0 children: inline
+ TextNode <#text>
diff --git a/Tests/LibWeb/Layout/input/table/basic.html b/Tests/LibWeb/Layout/input/table/basic.html
new file mode 100644
index 0000000000..88c4377095
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/table/basic.html
@@ -0,0 +1,30 @@
+<style>
+ * {
+ font-family: 'SerenitySans';
+ }
+</style>
+
+<!-- Copied from html tests Userland/Libraries/LibWeb/Tests/Pages/Table.html -->
+<table id="empty-table"></table>
+
+<!-- Copied from html tests Userland/Libraries/LibWeb/Tests/Pages/Table.html -->
+<table id="full-table">
+ <caption>
+ A Caption
+ </caption>
+ <thead>
+ <tr>
+ <td>Head Cell</td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Body Cell</td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td>Footer Cell</td>
+ </tr>
+ </tfoot>
+</table>
diff --git a/Tests/LibWeb/Layout/input/table/borders.html b/Tests/LibWeb/Layout/input/table/borders.html
new file mode 100644
index 0000000000..2ad9169cfa
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/table/borders.html
@@ -0,0 +1,94 @@
+<style>
+ * {
+ font-family: 'SerenitySans';
+ }
+
+ .border-black {
+ border: 1px solid black;
+ }
+
+ .thick-border-black {
+ border: 10px solid black;
+ }
+
+ .table-border-black,
+ table.table-border-black tr,
+ table.table-border-black td {
+ border: 1px solid black;
+ }
+
+ .table {
+ display: table;
+ }
+
+ .table-row {
+ display: table-row;
+ }
+
+ .table-cell {
+ display: table-cell;
+ }
+</style>
+
+<table class="table-border-black">
+ <tr>
+ <td>Firstname</td>
+ <td>Lastname</td>
+ </tr>
+ <tr>
+ <td>Peter</td>
+ <td>Griffin</td>
+ </tr>
+ <tr>
+ <td>Lois</td>
+ <td>Griffin</td>
+ </tr>
+</table>
+
+<!-- Border-collapse and hidden -->
+<table class="table-border-black" style="border-collapse: collapse; border-style: hidden;">
+ <tr>
+ <td>Firstname</td>
+ <td>Lastname</td>
+ </tr>
+ <tr>
+ <td>Peter</td>
+ <td>Griffin</td>
+ </tr>
+ <tr>
+ <td>Lois</td>
+ <td>Griffin</td>
+ </tr>
+</table>
+
+<!-- Border-collapse and hidden with divs -->
+<div class="table border-black" style="border-collapse: collapse; border-style: hidden;">
+ <div class="table-row border-black">
+ <div class="table-cell border-black">Firstname</div>
+ <div class="table-cell border-black">Lastname</div>
+ </div>
+ <div class="table-row border-black">
+ <div class="table-cell border-black">Peter</div>
+ <div class="table-cell border-black">Griffin</div>
+ </div>
+ <div class="table-row border-black">
+ <div class="table-cell border-black">Lois</div>
+ <div class="table-cell border-black">Griffin</div>
+ </div>
+</div>
+
+<!-- Border-collapse and hidden with divs -->
+<div class="table thick-border-black" style="border-collapse: collapse; border-style: hidden;">
+ <div class="table-row thick-border-black">
+ <div class="table-cell thick-border-black">Firstname</div>
+ <div class="table-cell thick-border-black">Lastname</div>
+ </div>
+ <div class="table-row thick-border-black">
+ <div class="table-cell thick-border-black">Peter</div>
+ <div class="table-cell thick-border-black">Griffin</div>
+ </div>
+ <div class="table-row thick-border-black">
+ <div class="table-cell thick-border-black">Lois</div>
+ <div class="table-cell thick-border-black">Griffin</div>
+ </div>
+</div>
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-16 19:44:12 +0000