Enable SUBPIXEL_LAYOUT on Mac
[WebKit-https.git] / LayoutTests / platform / mac / fast / table / border-collapsing / 004-expected.txt
1 layer at (0,0) size 785x1478
2   RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1478
4   RenderBlock {HTML} at (0,0) size 785x1478
5     RenderBody {BODY} at (8,21) size 769x1441
6       RenderBlock {H1} at (0,0) size 769x37
7         RenderText {#text} at (0,0) size 290x37
8           text run at (0,0) width 290: "Table Border Models"
9       RenderBlock {P} at (0,58) size 769x19
10         RenderText {#text} at (0,0) size 117x18
11           text run at (0,0) width 117: "This tests tests the "
12         RenderInline {A} at (0,0) size 208x18 [color=#0000EE]
13           RenderText {#text} at (117,0) size 208x18
14             text run at (117,0) width 208: "CSS2 spec rules on table borders"
15         RenderText {#text} at (325,0) size 180x18
16           text run at (325,0) width 8: ". "
17           text run at (333,0) width 172: "The styles applied here are:"
18       RenderBlock {PRE} at (0,92) size 769x181
19         RenderText {#text} at (0,0) size 688x180
20           text run at (0,0) width 408: "TABLE\x{9}{ margin: 1em; border: medium solid blue; }"
21           text run at (408,0) width 0: " "
22           text run at (0,15) width 408: "TD\x{9}{ border: thin solid green; padding: 5px; }"
23           text run at (408,15) width 0: " "
24           text run at (0,30) width 392: "TH { border: medium solid purple; padding: 5px; }"
25           text run at (392,30) width 0: " "
26           text run at (0,45) width 360: "TABLE.one, TABLE.two { border-spacing: 1em; }"
27           text run at (360,45) width 0: " "
28           text run at (0,60) width 320: "TABLE.one { border-collapse: collapse; }"
29           text run at (320,60) width 0: " "
30           text run at (0,75) width 320: "TABLE.two { border-collapse: separate; }"
31           text run at (320,75) width 0: " "
32           text run at (0,90) width 536: "TABLE.three { border-collapse: separate; border-spacing: 0 0.5em; }"
33           text run at (536,90) width 0: " "
34           text run at (0,105) width 528: "TABLE.four { border-collapse: separate; border-spacing: 0.5em 0; }"
35           text run at (528,105) width 0: " "
36           text run at (0,120) width 328: "TABLE.five { border-collapse: separate; }"
37           text run at (328,120) width 0: " "
38           text run at (0,135) width 464: "TABLE.five, TABLE.five TD, TABLE.five TH { border: none; }"
39           text run at (464,135) width 0: " "
40           text run at (0,150) width 688: "TABLE.five TR, TABLE.five COL, TABLE.five COLGROUP, TABLE.five TBODY, TABLE.five THEAD"
41           text run at (688,150) width 0: " "
42           text run at (0,165) width 296: "\x{9}{ border: medium solid red; }"
43           text run at (296,165) width 0: " "
44       RenderTable {TABLE} at (16,288) size 737x185 [border: (1px solid #0000FF)]
45         RenderTableSection {TBODY} at (1,1) size 734x181
46           RenderTableRow {TR} at (0,0) size 734x31
47             RenderTableCell {TH} at (0,0) size 246x31 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1]
48               RenderText {#text} at (82,7) size 83x18
49                 text run at (82,7) width 83: "Header One"
50             RenderTableCell {TH} at (246,0) size 231x31 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1]
51               RenderText {#text} at (73,7) size 86x18
52                 text run at (73,7) width 86: "Header Two"
53             RenderTableCell {TH} at (477,0) size 257x31 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1]
54               RenderText {#text} at (81,7) size 96x18
55                 text run at (81,7) width 96: "Header Three"
56           RenderTableRow {TR} at (0,31) size 734x66
57             RenderTableCell {TD} at (0,40) size 246x48 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
58               RenderText {#text} at (7,7) size 230x36
59                 text run at (7,7) width 230: "This table uses the collapsed borders"
60                 text run at (7,25) width 43: "model."
61             RenderTableCell {TD} at (246,40) size 231x48 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
62               RenderText {#text} at (6,7) size 202x36
63                 text run at (6,7) width 202: "This means that elements within"
64                 text run at (6,25) width 201: "the cell have no border-spacing."
65             RenderTableCell {TD} at (477,31) size 257x66 [border: (2px solid #008000)] [r=1 c=2 rs=1 cs=1]
66               RenderText {#text} at (6,7) size 237x54
67                 text run at (6,7) width 213: "Since it has collapsed borders, the"
68                 text run at (6,25) width 176: "borders on the header cells, "
69                 text run at (182,25) width 35: "on all"
70                 text run at (6,43) width 237: "sides, should be medium solid purple."
71           RenderTableRow {TR} at (0,97) size 734x84
72             RenderTableCell {TD} at (0,106) size 246x66 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
73               RenderText {#text} at (7,6) size 227x54
74                 text run at (7,6) width 224: "The border of the table itself should"
75                 text run at (7,24) width 188: "be medium solid blue, except "
76                 text run at (195,24) width 39: "where"
77                 text run at (7,42) width 202: "header cells override the border."
78             RenderTableCell {TD} at (246,106) size 231x66 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
79               RenderText {#text} at (6,6) size 211x54
80                 text run at (6,6) width 211: "The borders that I haven't already"
81                 text run at (6,24) width 200: "mentioned (all the other internal"
82                 text run at (6,42) width 204: "ones) should be thin solid green."
83             RenderTableCell {TD} at (477,97) size 257x84 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
84               RenderText {#text} at (6,6) size 232x54
85                 text run at (6,6) width 232: "This table should have a 1em margin"
86                 text run at (6,24) width 111: "around all edges. "
87                 text run at (117,24) width 80: "This margin "
88                 text run at (197,24) width 10: "is"
89                 text run at (6,42) width 121: "measured from the "
90               RenderInline {EM} at (0,0) size 43x18
91                 RenderText {#text} at (127,42) size 43x18
92                   text run at (127,42) width 43: "middle"
93               RenderText {#text} at (170,42) size 199x36
94                 text run at (170,42) width 35: " of its"
95                 text run at (6,60) width 45: "border."
96       RenderTable {TABLE} at (16,488) size 737x237 [border: (3px solid #0000FF)]
97         RenderTableSection {TBODY} at (3,3) size 731x230
98           RenderTableRow {TR} at (0,16) size 731x34
99             RenderTableCell {TH} at (16,16) size 162x34 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
100               RenderText {#text} at (40,8) size 82x18
101                 text run at (40,8) width 82: "Header One"
102             RenderTableCell {TH} at (194,16) size 192x34 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
103               RenderText {#text} at (53,8) size 86x18
104                 text run at (53,8) width 86: "Header Two"
105             RenderTableCell {TH} at (402,16) size 313x34 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
106               RenderText {#text} at (109,8) size 95x18
107                 text run at (109,8) width 95: "Header Three"
108           RenderTableRow {TR} at (0,66) size 731x66
109             RenderTableCell {TD} at (16,66) size 162x66 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
110               RenderText {#text} at (6,6) size 116x54
111                 text run at (6,6) width 116: "This table uses the"
112                 text run at (6,24) width 110: "separated borders"
113                 text run at (6,42) width 43: "model."
114             RenderTableCell {TD} at (194,66) size 192x66 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
115               RenderText {#text} at (6,6) size 173x54
116                 text run at (6,6) width 158: "This means that elements"
117                 text run at (6,24) width 173: "within the cell have border-"
118                 text run at (6,42) width 100: "spacing of 1em."
119             RenderTableCell {TD} at (402,75) size 313x48 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
120               RenderText {#text} at (6,6) size 279x36
121                 text run at (6,6) width 205: "The borders on the header cells, "
122                 text run at (211,6) width 74: "on all sides,"
123                 text run at (6,24) width 198: "should be medium solid purple."
124           RenderTableRow {TR} at (0,148) size 731x66
125             RenderTableCell {TD} at (16,148) size 162x66 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
126               RenderText {#text} at (6,6) size 150x54
127                 text run at (6,6) width 144: "The border of the table"
128                 text run at (6,24) width 150: "itself should be medium"
129                 text run at (6,42) width 65: "solid blue."
130             RenderTableCell {TD} at (194,157) size 192x48 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
131               RenderText {#text} at (6,6) size 166x36
132                 text run at (6,6) width 161: "The borders of other cells"
133                 text run at (6,24) width 166: "should be thin solid green."
134             RenderTableCell {TD} at (402,148) size 313x66 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
135               RenderText {#text} at (6,6) size 299x36
136                 text run at (6,6) width 299: "This table should have a 1em margin around all"
137                 text run at (6,24) width 44: "edges. "
138                 text run at (50,24) width 80: "This margin "
139                 text run at (130,24) width 135: "is measured from the "
140               RenderInline {EM} at (0,0) size 292x36
141                 RenderText {#text} at (265,24) size 292x36
142                   text run at (265,24) width 33: "outer"
143                   text run at (6,42) width 30: "edge"
144               RenderText {#text} at (36,42) size 84x18
145                 text run at (36,42) width 84: " of its border."
146       RenderTable {TABLE} at (16,740) size 737x277 [border: (3px solid #0000FF)]
147         RenderTableSection {TBODY} at (3,3) size 731x270
148           RenderTableRow {TR} at (0,8) size 731x34
149             RenderTableCell {TH} at (0,8) size 189x34 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
150               RenderText {#text} at (53,8) size 83x18
151                 text run at (53,8) width 83: "Header One"
152             RenderTableCell {TH} at (189,8) size 266x34 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
153               RenderText {#text} at (90,8) size 86x18
154                 text run at (90,8) width 86: "Header Two"
155             RenderTableCell {TH} at (455,8) size 276x34 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
156               RenderText {#text} at (90,8) size 96x18
157                 text run at (90,8) width 96: "Header Three"
158           RenderTableRow {TR} at (0,50) size 731x102
159             RenderTableCell {TD} at (0,77) size 189x48 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
160               RenderText {#text} at (6,6) size 157x36
161                 text run at (6,6) width 116: "This table uses the"
162                 text run at (6,24) width 157: "separated borders model."
163             RenderTableCell {TD} at (189,50) size 266x102 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
164               RenderText {#text} at (6,6) size 252x90
165                 text run at (6,6) width 252: "Elements within the cell have horizontal"
166                 text run at (6,24) width 187: "border-spacing (i.e., width of "
167                 text run at (193,24) width 46: "vertical"
168                 text run at (6,42) width 144: "lines) of 0 and vertical "
169                 text run at (150,42) width 94: "border-spacing"
170                 text run at (6,60) width 210: "(i.e., height of horizontal lines) of"
171                 text run at (6,78) width 43: "0.5em."
172             RenderTableCell {TD} at (455,77) size 276x48 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
173               RenderText {#text} at (6,6) size 240x36
174                 text run at (6,6) width 205: "The borders on the header cells, "
175                 text run at (211,6) width 35: "on all"
176                 text run at (6,24) width 237: "sides, should be medium solid purple."
177           RenderTableRow {TR} at (0,160) size 731x102
178             RenderTableCell {TD} at (0,160) size 189x102 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
179               RenderText {#text} at (6,6) size 162x90
180                 text run at (6,6) width 144: "The border of the table"
181                 text run at (6,24) width 150: "itself should be medium"
182                 text run at (6,42) width 69: "solid blue. "
183                 text run at (75,42) width 93: "The borders of"
184                 text run at (6,60) width 157: "other cells should be thin"
185                 text run at (6,78) width 73: "solid green."
186             RenderTableCell {TD} at (189,169) size 266x84 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
187               RenderText {#text} at (6,6) size 232x54
188                 text run at (6,6) width 232: "This table should have a 1em margin"
189                 text run at (6,24) width 111: "around all edges. "
190                 text run at (117,24) width 80: "This margin "
191                 text run at (197,24) width 10: "is"
192                 text run at (6,42) width 121: "measured from the "
193               RenderInline {EM} at (0,0) size 67x18
194                 RenderText {#text} at (127,42) size 67x18
195                   text run at (127,42) width 67: "outer edge"
196               RenderText {#text} at (194,42) size 223x36
197                 text run at (194,42) width 35: " of its"
198                 text run at (6,60) width 45: "border."
199             RenderTableCell {TD} at (455,160) size 276x102 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
200               RenderText {#text} at (6,6) size 250x90
201                 text run at (6,6) width 242: "The table should not be wider than the"
202                 text run at (6,24) width 174: "room available for it unless "
203                 text run at (180,24) width 76: "that space is"
204                 text run at (6,42) width 73: "very small. "
205                 text run at (79,42) width 169: "Because of its margins, the"
206                 text run at (6,60) width 80: "width of the "
207                 text run at (86,60) width 153: "table should be less than"
208                 text run at (6,78) width 41: "100%."
209       RenderTable {TABLE} at (16,1032) size 737x209 [border: (3px solid #0000FF)]
210         RenderTableSection {TBODY} at (3,3) size 731x202
211           RenderTableRow {TR} at (0,0) size 731x34
212             RenderTableCell {TH} at (8,0) size 201x34 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
213               RenderText {#text} at (59,8) size 83x18
214                 text run at (59,8) width 83: "Header One"
215             RenderTableCell {TH} at (217,0) size 205x34 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
216               RenderText {#text} at (60,8) size 85x18
217                 text run at (60,8) width 85: "Header Two"
218             RenderTableCell {TH} at (430,0) size 293x34 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
219               RenderText {#text} at (99,8) size 95x18
220                 text run at (99,8) width 95: "Header Three"
221           RenderTableRow {TR} at (0,34) size 731x84
222             RenderTableCell {TD} at (8,52) size 201x48 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
223               RenderText {#text} at (6,6) size 179x36
224                 text run at (6,6) width 179: "This table uses the separated"
225                 text run at (6,24) width 94: "borders model."
226             RenderTableCell {TD} at (217,34) size 205x84 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
227               RenderText {#text} at (6,6) size 185x72
228                 text run at (6,6) width 185: "Elements within the cell have"
229                 text run at (6,24) width 178: "horizontal border-spacing of"
230                 text run at (6,42) width 120: "0.5em and vertical "
231                 text run at (126,42) width 46: "border-"
232                 text run at (6,60) width 81: "spacing of 0."
233             RenderTableCell {TD} at (430,52) size 293x48 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
234               RenderText {#text} at (6,6) size 279x36
235                 text run at (6,6) width 205: "The borders on the header cells, "
236                 text run at (211,6) width 74: "on all sides,"
237                 text run at (6,24) width 198: "should be medium solid purple."
238           RenderTableRow {TR} at (0,118) size 731x84
239             RenderTableCell {TD} at (8,118) size 201x84 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
240               RenderText {#text} at (6,6) size 185x72
241                 text run at (6,6) width 178: "The border of the table itself"
242                 text run at (6,24) width 185: "should be medium solid blue."
243                 text run at (6,42) width 161: "The borders of other cells"
244                 text run at (6,60) width 166: "should be thin solid green."
245             RenderTableCell {TD} at (217,118) size 205x84 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
246               RenderText {#text} at (6,6) size 187x54
247                 text run at (6,6) width 184: "This table should have a 1em"
248                 text run at (6,24) width 159: "margin around all edges. "
249                 text run at (165,24) width 28: "This"
250                 text run at (6,42) width 48: "margin "
251                 text run at (54,42) width 131: "is measured from the"
252               RenderInline {EM} at (0,0) size 67x18
253                 RenderText {#text} at (6,60) size 67x18
254                   text run at (6,60) width 67: "outer edge"
255               RenderText {#text} at (73,60) size 84x18
256                 text run at (73,60) width 84: " of its border."
257             RenderTableCell {TD} at (430,118) size 293x84 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
258               RenderText {#text} at (6,6) size 279x72
259                 text run at (6,6) width 279: "The table should not be wider than the room"
260                 text run at (6,24) width 137: "available for it unless "
261                 text run at (143,24) width 108: "that space is very"
262                 text run at (6,42) width 41: "small. "
263                 text run at (47,42) width 226: "Because of its margins, the width of"
264                 text run at (6,60) width 23: "the "
265                 text run at (29,60) width 198: "table should be less than 100%."
266       RenderTable {TABLE} at (16,1256) size 737x185
267         RenderBlock {CAPTION} at (0,0) size 737x18
268           RenderText {#text} at (309,0) size 119x18
269             text run at (309,0) width 119: "This is the caption."
270         RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)]
271           RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
272         RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)]
273           RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
274           RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
275         RenderTableSection {THEAD} at (0,18) size 737x32 [border: (3px solid #FF0000)]
276           RenderTableRow {TR} at (0,2) size 737x28 [border: (3px solid #FF0000)]
277             RenderTableCell {TH} at (2,2) size 120x28 [r=0 c=0 rs=1 cs=1]
278               RenderText {#text} at (19,5) size 82x18
279                 text run at (19,5) width 82: "Header One"
280             RenderTableCell {TH} at (124,2) size 320x28 [r=0 c=1 rs=1 cs=1]
281               RenderText {#text} at (117,5) size 86x18
282                 text run at (117,5) width 86: "Header Two"
283             RenderTableCell {TH} at (446,2) size 289x28 [r=0 c=2 rs=1 cs=1]
284               RenderText {#text} at (97,5) size 95x18
285                 text run at (97,5) width 95: "Header Three"
286         RenderTableSection {TBODY} at (0,50) size 737x134 [border: (3px solid #FF0000)]
287           RenderTableRow {TR} at (0,2) size 737x64 [border: (3px solid #FF0000)]
288             RenderTableCell {TD} at (2,2) size 120x64 [r=0 c=0 rs=1 cs=1]
289               RenderText {#text} at (5,5) size 94x54
290                 text run at (5,5) width 93: "This table uses"
291                 text run at (5,23) width 82: "the separated"
292                 text run at (5,41) width 94: "borders model."
293             RenderTableCell {TD} at (124,11) size 320x46 [r=0 c=1 rs=1 cs=1]
294               RenderText {#text} at (5,5) size 279x36
295                 text run at (5,5) width 279: "This means that borders are allowed only on"
296                 text run at (5,23) width 144: "table elements or table "
297                 text run at (149,23) width 85: "cell elements."
298             RenderTableCell {TD} at (446,2) size 289x64 [r=0 c=2 rs=1 cs=1]
299               RenderText {#text} at (5,5) size 255x54
300                 text run at (5,5) width 240: "They are not allowed on elements that"
301                 text run at (5,23) width 100: "represent rows, "
302                 text run at (105,23) width 155: "row-groups, columns, or"
303                 text run at (5,41) width 99: "column-groups."
304           RenderTableRow {TR} at (0,68) size 737x64 [border: (3px solid #FF0000)]
305             RenderTableCell {TD} at (2,68) size 120x64 [r=1 c=0 rs=1 cs=1]
306               RenderText {#text} at (5,5) size 102x54
307                 text run at (5,5) width 102: "There should be"
308                 text run at (5,23) width 101: "no borders at all"
309                 text run at (5,41) width 81: "on this table!"
310             RenderTableCell {TD} at (124,68) size 320x64 [r=1 c=1 rs=1 cs=1]
311               RenderText {#text} at (5,5) size 306x54
312                 text run at (5,5) width 266: "If there are any borders shown that are not"
313                 text run at (5,23) width 148: "medium solid red, then "
314                 text run at (153,23) width 158: "the problem is something"
315                 text run at (5,41) width 212: "other than what this test is testing."
316             RenderTableCell {TD} at (446,68) size 289x64 [r=1 c=2 rs=1 cs=1]
317               RenderText {#text} at (5,5) size 265x54
318                 text run at (5,5) width 232: "This table should have a 1em margin"
319                 text run at (5,23) width 111: "around all edges. "
320                 text run at (116,23) width 80: "This margin "
321                 text run at (196,23) width 74: "is measured"
322                 text run at (5,41) width 57: "from the "
323               RenderInline {EM} at (0,0) size 67x18
324                 RenderText {#text} at (62,41) size 67x18
325                   text run at (62,41) width 67: "outer edge"
326               RenderText {#text} at (129,41) size 84x18
327                 text run at (129,41) width 84: " of its border."