Add thead, tbody and tfoot HTML test

The colors are now properly render when matching the thead, tbody or tfoot selectors.
dillo-browser · Dec 11, 2023 · 3e00bcb · 3e00bcb
1 parent d2d000c
commit 3e00bcb
Showing 1 changed file with 41 additions and 0 deletions.
diff --git a/test/table-thead-tfoot.html b/test/table-thead-tfoot.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test thead, tbody and tfoot</title>
+    <style>
+      thead {color: green;}
+      tbody {color: blue;}
+      tfoot {color: red;}
+
+      table, th, td {
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <thead>
+        <tr>
+          <th>Month</th>
+          <th>Savings</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>January</td>
+          <td>$100</td>
+        </tr>
+        <tr>
+          <td>February</td>
+          <td>$80</td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <td>Sum</td>
+          <td>$180</td>
+        </tr>
+      </tfoot>
+    </table> 
+  </body>
+</html>