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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
|
layer at (0,0) size 800x600 scrollWidth 9600204 scrollHeight 1800
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x1800 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x1800
LayoutBlockFlow {BODY} at (8,16) size 784x1768
LayoutBlockFlow {P} at (0,0) size 784x80 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 766x79
text run at (0,0) width 766: "The following lines test various combinations of letter-spacing (especially negative values) and opacity. All of the lines should say"
text run at (0,20) width 757: "\"Hello, world\" but the spacing and background shading will vary from test to test. The W3C specs are fairly silent on how user"
text run at (0,40) width 754: "agents should handle unusual values of letter-spacing, especially negative ones, which are explicitly implementation-dependent."
text run at (0,60) width 630: "Different browsers will render these differently, but hopefully the WebKit ports will be consistent, at least."
LayoutBlockFlow {P} at (0,96) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 241x19
text run at (0,0) width 241: "The first line should be normally spaced."
LayoutBlockFlow {P} at (0,132) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 75x19
LayoutText {#text} at (160,0) size 75x19
text run at (160,0) width 75: "Hello, world"
LayoutBlockFlow {P} at (0,168) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 617x19
text run at (0,0) width 617: "The next line tests a slight positive letter spacing, and should be slightly spaced out (wider than normal)."
LayoutBlockFlow {P} at (0,204) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 171x19
LayoutText {#text} at (160,0) size 171x19
text run at (160,0) width 171: "Hello, world"
LayoutBlockFlow {P} at (0,240) size 784x40 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 779x39
text run at (0,0) width 764: "The next line tests a large positive letter spacing, and should be *very* spaced out. You may only see an 'H' and a 'w', perhaps "
text run at (763,0) width 16: "on"
text run at (0,20) width 313: "two different lines, unless you scroll way to the right."
LayoutBlockFlow {P} at (0,296) size 784x40 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 19396x39
LayoutText {#text} at (160,0) size 19396x39
text run at (160,0) width 19236: "Hello,"
text run at (0,20) width 16035: "world"
LayoutBlockFlow {P} at (0,352) size 784x40 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 766x39
text run at (0,0) width 766: "The next line tests a very large positive letter spacing, and should also be *very* spaced out. You may only see an 'H' and a 'w',"
text run at (0,20) width 384: "perhaps on two different lines, unless you scroll way to the right."
LayoutBlockFlow {P} at (0,408) size 784x40 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 9600196x39
LayoutText {#text} at (160,0) size 9600196x39
text run at (160,0) width 9600036: "Hello,"
text run at (0,20) width 8000035: "world"
LayoutBlockFlow {P} at (0,464) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 501x19
text run at (0,0) width 501: "The next line tests a small negative line spacing, and should be crammed backwards"
LayoutBlockFlow {P} at (0,500) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 0x19
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0: "Hello, world"
LayoutBlockFlow {P} at (0,536) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 479x19
text run at (0,0) width 479: "The next line tests a large negative line spacing, and should be just display an 'H'"
LayoutBlockFlow {P} at (0,572) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 0x19
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0: "Hello, world"
LayoutBlockFlow {P} at (0,608) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 480x19
text run at (0,0) width 480: "The next line tests a very large negative line spacing, and should just have an 'H'."
LayoutBlockFlow {P} at (0,644) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 0x19
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0: "Hello, world"
LayoutBlockFlow {P} at (0,680) size 784x40 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 722x39
text run at (0,0) width 670: "The next few lines test the interaction with opacity. The first line should be normally spaced out, slightly opaque, "
text run at (669,0) width 53: "and on a"
text run at (0,20) width 187: "differently-colored background"
LayoutBlockFlow {P} at (0,736) size 784x20 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,772) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 674x19
text run at (0,0) width 309: "The next line tests a small positive line spacing, and "
text run at (309,0) width 365: "should be slightly spaced out, opaque, and on a background."
LayoutBlockFlow {P} at (0,808) size 784x20 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,844) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 600x19
text run at (0,0) width 600: "The next line tests a large positive line spacing, and should be very widely spaced, on a background."
LayoutBlockFlow {P} at (0,880) size 784x40 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,936) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 716x19
text run at (0,0) width 312: "The next line tests a very large positive line spacing, "
text run at (311,0) width 405: "and should be very widely spaced but blank, and on a background."
LayoutBlockFlow {P} at (0,972) size 784x40 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,1028) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 411x19
text run at (0,0) width 411: "The next line tests a small negative line spacing, and should be blank."
LayoutBlockFlow {P} at (0,1064) size 784x20 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,1100) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 410x19
text run at (0,0) width 410: "The next line tests a large negative line spacing, and should be blank."
LayoutBlockFlow {P} at (0,1136) size 784x20 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,1172) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 440x19
text run at (0,0) width 440: "The next line tests a very large negative line spacing, and should be blank."
LayoutBlockFlow {P} at (0,1208) size 784x20 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,1244) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 251x19
text run at (0,0) width 251: "Now we do a few basic right-to-left tests:"
LayoutBlockFlow {P} at (0,1280) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 241x19
text run at (0,0) width 241: "The first line should be normally spaced."
LayoutBlockFlow {P} at (0,1316) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 75x19
LayoutText {#text} at (160,0) size 75x19
text run at (160,0) width 75 RTL override: "Hello, world"
LayoutBlockFlow {P} at (0,1352) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 378x19
text run at (0,0) width 378: "The next line should be slightly spaced out (wider than normal)."
LayoutBlockFlow {P} at (0,1388) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 171x19
LayoutText {#text} at (160,0) size 171x19
text run at (160,0) width 171 RTL override: "Hello, world"
LayoutBlockFlow {P} at (0,1424) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 451x19
text run at (0,0) width 330: "The next line should be crammed backwards, just as if "
text run at (330,0) width 121: "it wasn't right-to-left"
LayoutBlockFlow {P} at (0,1460) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 0x19
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0 RTL override: "Hello, world"
LayoutBlockFlow {P} at (0,1496) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 435x19
text run at (0,0) width 311: "The next line tests a large negative line spacing, and "
text run at (310,0) width 125: "should just print a 'd'"
LayoutBlockFlow {P} at (0,1532) size 784x20 [bgcolor=#EEEEEE]
LayoutInline {SPAN} at (0,0) size 0x19
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0 RTL override: "Hello, world"
LayoutBlockFlow {P} at (0,1568) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 773x19
text run at (0,0) width 141: "Now, opacity as well - "
text run at (140,0) width 375: "The next line should be printed right to left, slightly spaced out "
text run at (514,0) width 259: "(wider than normal), and on a background."
LayoutBlockFlow {P} at (0,1604) size 784x20 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,1640) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 411x19
text run at (0,0) width 411: "The next line tests a small negative line spacing, and should be blank."
LayoutBlockFlow {P} at (0,1676) size 784x20 [bgcolor=#EEEEEE]
LayoutBlockFlow {P} at (0,1712) size 784x20 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 421x19
text run at (0,0) width 421: "The next line tests a large negative line spacing, and it should be blank."
LayoutBlockFlow {P} at (0,1748) size 784x20 [bgcolor=#EEEEEE]
layer at (8,752) size 75x19 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 transparent
LayoutInline {SPAN} at (0,0) size 75x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 75x19
text run at (160,0) width 75: "Hello, world"
layer at (8,824) size 171x19 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 transparent
LayoutInline {SPAN} at (0,0) size 171x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 171x19
text run at (160,0) width 171: "Hello, world"
layer at (8,896) size 19396x39 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 transparent
LayoutInline {SPAN} at (0,0) size 19396x39 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 19396x39
text run at (160,0) width 19236: "Hello,"
text run at (0,20) width 16035: "world"
layer at (8,988) size 9600196x39 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 transparent
LayoutInline {SPAN} at (0,0) size 9600196x39 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 9600196x39
text run at (160,0) width 9600036: "Hello,"
text run at (0,20) width 8000035: "world"
layer at (8,1080) size 0x19 transparent
LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0: "Hello, world"
layer at (8,1152) size 0x19 transparent
LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0: "Hello, world"
layer at (8,1224) size 0x19 transparent
LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0: "Hello, world"
layer at (8,1620) size 171x19 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 transparent
LayoutInline {SPAN} at (0,0) size 171x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 171x19
text run at (160,0) width 171 RTL override: "Hello, world"
layer at (8,1692) size 0x19 transparent
LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0 RTL override: "Hello, world"
layer at (8,1764) size 0x19 transparent
LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF]
LayoutText {#text} at (160,0) size 0x19
text run at (160,0) width 0 RTL override: "Hello, world"
|
