Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: layout/tables/crashtests/crashtests.list
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
<html lang="en-US" class="reftest-wait">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
table {
border-collapse: collapse;
margin: 1em;
border: thick solid;
border-color: #f0f #c0c #909 #606; /* purple */
}
colgroup:first-child + colgroup {
border: thick solid;
border-color: #f66 #f00 #a00 #600; /* red */
}
colgroup:first-child + colgroup + colgroup > col:first-child + col {
border: thick solid;
border-color: #ff0 #cc0 #990 #660; /* yellow */
}
colgroup + tbody + tbody {
border: thick solid;
border-color: #6f6 #0f0 #0a0 #060; /* green */
}
colgroup + tbody > tr:first-child + tr {
border: thick solid;
border-color: #0ff #0cc #099 #066; /* aqua */
}
colgroup + tbody + tbody + tbody > tr:first-child + tr > td:first-child + td {
border: thick solid;
border-color: #66f #00f #00a #006; /* blue */
}
</style>
<script>
function doTest() {
var s1 = document.getElementById("screen");
s1.remove();
document.documentElement.removeAttribute('class');
}
document.addEventListener("MozReftestInvalidate", doTest);
</script>
</head>
<body>
<div id="screen" style="position: fixed; left:50px; height:200px; width: 200px; background-color:white; border:1px solid green;"></div>
<p>The following two tables should be mirrors of each other, except that
(1) the digits should still be normal left-to-right digits and (2) the
color changes for each of the 6 colors should, in both, be lightest on top
clockwise to darkest on the left.</p>
<table dir="ltr" >
<colgroup>
<col>
</colgroup>
<colgroup>
<col>
<col>
</colgroup>
<colgroup>
<col>
<col>
<col>
</colgroup>
<tbody>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
</tbody>
<tbody>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
</tbody>
<tbody>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
</tbody>
</table>
<table dir="rtl">
<colgroup>
<col>
</colgroup>
<colgroup>
<col>
<col>
</colgroup>
<colgroup>
<col>
<col>
<col>
</colgroup>
<tbody>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
</tbody>
<tbody>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
</tbody>
<tbody>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
</tbody>
</table>
</body>
</html>