summaryrefslogtreecommitdiffstats
path: root/layout/tables/crashtests/267418.html
blob: d8f8041204c1a33e6af48ff479a590bcec0d2e88 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US" class="reftest-wait">
<head>
	<title>Testcase, bug 174470</title>
	<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.parentNode.removeChild(s1); 
      document.documentElement.removeAttribute('class');
   }
   document.addEventListener("MozReftestInvalidate", doTest, false);
    </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>