| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 scrollWidth 9600204 scrollHeight 1800 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x1800 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x1800 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 784x1768 | |
| 6 LayoutBlockFlow {P} at (0,0) size 784x80 [bgcolor=#FFFFFF] | |
| 7 LayoutText {#text} at (0,0) size 766x79 | |
| 8 text run at (0,0) width 766: "The following lines test various combina
tions of letter-spacing (especially negative values) and opacity. All of the lin
es should say" | |
| 9 text run at (0,20) width 757: "\"Hello, world\" but the spacing and ba
ckground shading will vary from test to test. The W3C specs are fairly silent on
how user" | |
| 10 text run at (0,40) width 754: "agents should handle unusual values of
letter-spacing, especially negative ones, which are explicitly implementation-de
pendent." | |
| 11 text run at (0,60) width 630: "Different browsers will render these di
fferently, but hopefully the WebKit ports will be consistent, at least." | |
| 12 LayoutBlockFlow {P} at (0,96) size 784x20 [bgcolor=#FFFFFF] | |
| 13 LayoutText {#text} at (0,0) size 241x19 | |
| 14 text run at (0,0) width 241: "The first line should be normally spaced
." | |
| 15 LayoutBlockFlow {P} at (0,132) size 784x20 [bgcolor=#EEEEEE] | |
| 16 LayoutInline {SPAN} at (0,0) size 75x19 | |
| 17 LayoutText {#text} at (160,0) size 75x19 | |
| 18 text run at (160,0) width 75: "Hello, world" | |
| 19 LayoutBlockFlow {P} at (0,168) size 784x20 [bgcolor=#FFFFFF] | |
| 20 LayoutText {#text} at (0,0) size 617x19 | |
| 21 text run at (0,0) width 617: "The next line tests a slight positive le
tter spacing, and should be slightly spaced out (wider than normal)." | |
| 22 LayoutBlockFlow {P} at (0,204) size 784x20 [bgcolor=#EEEEEE] | |
| 23 LayoutInline {SPAN} at (0,0) size 171x19 | |
| 24 LayoutText {#text} at (160,0) size 171x19 | |
| 25 text run at (160,0) width 171: "Hello, world" | |
| 26 LayoutBlockFlow {P} at (0,240) size 784x40 [bgcolor=#FFFFFF] | |
| 27 LayoutText {#text} at (0,0) size 779x39 | |
| 28 text run at (0,0) width 764: "The next line tests a large positive let
ter spacing, and should be *very* spaced out. You may only see an 'H' and a 'w',
perhaps " | |
| 29 text run at (763,0) width 16: "on" | |
| 30 text run at (0,20) width 313: "two different lines, unless you scroll
way to the right." | |
| 31 LayoutBlockFlow {P} at (0,296) size 784x40 [bgcolor=#EEEEEE] | |
| 32 LayoutInline {SPAN} at (0,0) size 19396x39 | |
| 33 LayoutText {#text} at (160,0) size 19396x39 | |
| 34 text run at (160,0) width 19236: "Hello," | |
| 35 text run at (0,20) width 16035: "world" | |
| 36 LayoutBlockFlow {P} at (0,352) size 784x40 [bgcolor=#FFFFFF] | |
| 37 LayoutText {#text} at (0,0) size 766x39 | |
| 38 text run at (0,0) width 766: "The next line tests a very large positiv
e letter spacing, and should also be *very* spaced out. You may only see an 'H'
and a 'w'," | |
| 39 text run at (0,20) width 384: "perhaps on two different lines, unless
you scroll way to the right." | |
| 40 LayoutBlockFlow {P} at (0,408) size 784x40 [bgcolor=#EEEEEE] | |
| 41 LayoutInline {SPAN} at (0,0) size 9600196x39 | |
| 42 LayoutText {#text} at (160,0) size 9600196x39 | |
| 43 text run at (160,0) width 9600036: "Hello," | |
| 44 text run at (0,20) width 8000035: "world" | |
| 45 LayoutBlockFlow {P} at (0,464) size 784x20 [bgcolor=#FFFFFF] | |
| 46 LayoutText {#text} at (0,0) size 501x19 | |
| 47 text run at (0,0) width 501: "The next line tests a small negative lin
e spacing, and should be crammed backwards" | |
| 48 LayoutBlockFlow {P} at (0,500) size 784x20 [bgcolor=#EEEEEE] | |
| 49 LayoutInline {SPAN} at (0,0) size 0x19 | |
| 50 LayoutText {#text} at (160,0) size 0x19 | |
| 51 text run at (160,0) width 0: "Hello, world" | |
| 52 LayoutBlockFlow {P} at (0,536) size 784x20 [bgcolor=#FFFFFF] | |
| 53 LayoutText {#text} at (0,0) size 479x19 | |
| 54 text run at (0,0) width 479: "The next line tests a large negative lin
e spacing, and should be just display an 'H'" | |
| 55 LayoutBlockFlow {P} at (0,572) size 784x20 [bgcolor=#EEEEEE] | |
| 56 LayoutInline {SPAN} at (0,0) size 0x19 | |
| 57 LayoutText {#text} at (160,0) size 0x19 | |
| 58 text run at (160,0) width 0: "Hello, world" | |
| 59 LayoutBlockFlow {P} at (0,608) size 784x20 [bgcolor=#FFFFFF] | |
| 60 LayoutText {#text} at (0,0) size 480x19 | |
| 61 text run at (0,0) width 480: "The next line tests a very large negativ
e line spacing, and should just have an 'H'." | |
| 62 LayoutBlockFlow {P} at (0,644) size 784x20 [bgcolor=#EEEEEE] | |
| 63 LayoutInline {SPAN} at (0,0) size 0x19 | |
| 64 LayoutText {#text} at (160,0) size 0x19 | |
| 65 text run at (160,0) width 0: "Hello, world" | |
| 66 LayoutBlockFlow {P} at (0,680) size 784x40 [bgcolor=#FFFFFF] | |
| 67 LayoutText {#text} at (0,0) size 722x39 | |
| 68 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, " | |
| 69 text run at (669,0) width 53: "and on a" | |
| 70 text run at (0,20) width 187: "differently-colored background" | |
| 71 LayoutBlockFlow {P} at (0,736) size 784x20 [bgcolor=#EEEEEE] | |
| 72 LayoutBlockFlow {P} at (0,772) size 784x20 [bgcolor=#FFFFFF] | |
| 73 LayoutText {#text} at (0,0) size 674x19 | |
| 74 text run at (0,0) width 309: "The next line tests a small positive lin
e spacing, and " | |
| 75 text run at (309,0) width 365: "should be slightly spaced out, opaque,
and on a background." | |
| 76 LayoutBlockFlow {P} at (0,808) size 784x20 [bgcolor=#EEEEEE] | |
| 77 LayoutBlockFlow {P} at (0,844) size 784x20 [bgcolor=#FFFFFF] | |
| 78 LayoutText {#text} at (0,0) size 600x19 | |
| 79 text run at (0,0) width 600: "The next line tests a large positive lin
e spacing, and should be very widely spaced, on a background." | |
| 80 LayoutBlockFlow {P} at (0,880) size 784x40 [bgcolor=#EEEEEE] | |
| 81 LayoutBlockFlow {P} at (0,936) size 784x20 [bgcolor=#FFFFFF] | |
| 82 LayoutText {#text} at (0,0) size 716x19 | |
| 83 text run at (0,0) width 312: "The next line tests a very large positiv
e line spacing, " | |
| 84 text run at (311,0) width 405: "and should be very widely spaced but b
lank, and on a background." | |
| 85 LayoutBlockFlow {P} at (0,972) size 784x40 [bgcolor=#EEEEEE] | |
| 86 LayoutBlockFlow {P} at (0,1028) size 784x20 [bgcolor=#FFFFFF] | |
| 87 LayoutText {#text} at (0,0) size 411x19 | |
| 88 text run at (0,0) width 411: "The next line tests a small negative lin
e spacing, and should be blank." | |
| 89 LayoutBlockFlow {P} at (0,1064) size 784x20 [bgcolor=#EEEEEE] | |
| 90 LayoutBlockFlow {P} at (0,1100) size 784x20 [bgcolor=#FFFFFF] | |
| 91 LayoutText {#text} at (0,0) size 410x19 | |
| 92 text run at (0,0) width 410: "The next line tests a large negative lin
e spacing, and should be blank." | |
| 93 LayoutBlockFlow {P} at (0,1136) size 784x20 [bgcolor=#EEEEEE] | |
| 94 LayoutBlockFlow {P} at (0,1172) size 784x20 [bgcolor=#FFFFFF] | |
| 95 LayoutText {#text} at (0,0) size 440x19 | |
| 96 text run at (0,0) width 440: "The next line tests a very large negativ
e line spacing, and should be blank." | |
| 97 LayoutBlockFlow {P} at (0,1208) size 784x20 [bgcolor=#EEEEEE] | |
| 98 LayoutBlockFlow {P} at (0,1244) size 784x20 [bgcolor=#FFFFFF] | |
| 99 LayoutText {#text} at (0,0) size 251x19 | |
| 100 text run at (0,0) width 251: "Now we do a few basic right-to-left test
s:" | |
| 101 LayoutBlockFlow {P} at (0,1280) size 784x20 [bgcolor=#FFFFFF] | |
| 102 LayoutText {#text} at (0,0) size 241x19 | |
| 103 text run at (0,0) width 241: "The first line should be normally spaced
." | |
| 104 LayoutBlockFlow {P} at (0,1316) size 784x20 [bgcolor=#EEEEEE] | |
| 105 LayoutInline {SPAN} at (0,0) size 75x19 | |
| 106 LayoutText {#text} at (160,0) size 75x19 | |
| 107 text run at (160,0) width 75 RTL override: "Hello, world" | |
| 108 LayoutBlockFlow {P} at (0,1352) size 784x20 [bgcolor=#FFFFFF] | |
| 109 LayoutText {#text} at (0,0) size 378x19 | |
| 110 text run at (0,0) width 378: "The next line should be slightly spaced
out (wider than normal)." | |
| 111 LayoutBlockFlow {P} at (0,1388) size 784x20 [bgcolor=#EEEEEE] | |
| 112 LayoutInline {SPAN} at (0,0) size 171x19 | |
| 113 LayoutText {#text} at (160,0) size 171x19 | |
| 114 text run at (160,0) width 171 RTL override: "Hello, world" | |
| 115 LayoutBlockFlow {P} at (0,1424) size 784x20 [bgcolor=#FFFFFF] | |
| 116 LayoutText {#text} at (0,0) size 451x19 | |
| 117 text run at (0,0) width 330: "The next line should be crammed backward
s, just as if " | |
| 118 text run at (330,0) width 121: "it wasn't right-to-left" | |
| 119 LayoutBlockFlow {P} at (0,1460) size 784x20 [bgcolor=#EEEEEE] | |
| 120 LayoutInline {SPAN} at (0,0) size 0x19 | |
| 121 LayoutText {#text} at (160,0) size 0x19 | |
| 122 text run at (160,0) width 0 RTL override: "Hello, world" | |
| 123 LayoutBlockFlow {P} at (0,1496) size 784x20 [bgcolor=#FFFFFF] | |
| 124 LayoutText {#text} at (0,0) size 435x19 | |
| 125 text run at (0,0) width 311: "The next line tests a large negative lin
e spacing, and " | |
| 126 text run at (310,0) width 125: "should just print a 'd'" | |
| 127 LayoutBlockFlow {P} at (0,1532) size 784x20 [bgcolor=#EEEEEE] | |
| 128 LayoutInline {SPAN} at (0,0) size 0x19 | |
| 129 LayoutText {#text} at (160,0) size 0x19 | |
| 130 text run at (160,0) width 0 RTL override: "Hello, world" | |
| 131 LayoutBlockFlow {P} at (0,1568) size 784x20 [bgcolor=#FFFFFF] | |
| 132 LayoutText {#text} at (0,0) size 773x19 | |
| 133 text run at (0,0) width 141: "Now, opacity as well - " | |
| 134 text run at (140,0) width 375: "The next line should be printed right
to left, slightly spaced out " | |
| 135 text run at (514,0) width 259: "(wider than normal), and on a backgrou
nd." | |
| 136 LayoutBlockFlow {P} at (0,1604) size 784x20 [bgcolor=#EEEEEE] | |
| 137 LayoutBlockFlow {P} at (0,1640) size 784x20 [bgcolor=#FFFFFF] | |
| 138 LayoutText {#text} at (0,0) size 411x19 | |
| 139 text run at (0,0) width 411: "The next line tests a small negative lin
e spacing, and should be blank." | |
| 140 LayoutBlockFlow {P} at (0,1676) size 784x20 [bgcolor=#EEEEEE] | |
| 141 LayoutBlockFlow {P} at (0,1712) size 784x20 [bgcolor=#FFFFFF] | |
| 142 LayoutText {#text} at (0,0) size 421x19 | |
| 143 text run at (0,0) width 421: "The next line tests a large negative lin
e spacing, and it should be blank." | |
| 144 LayoutBlockFlow {P} at (0,1748) size 784x20 [bgcolor=#EEEEEE] | |
| 145 layer at (8,752) size 75x19 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 transparent | |
| 146 LayoutInline {SPAN} at (0,0) size 75x19 [bgcolor=#CCCCFF] | |
| 147 LayoutText {#text} at (160,0) size 75x19 | |
| 148 text run at (160,0) width 75: "Hello, world" | |
| 149 layer at (8,824) size 171x19 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 transparent | |
| 150 LayoutInline {SPAN} at (0,0) size 171x19 [bgcolor=#CCCCFF] | |
| 151 LayoutText {#text} at (160,0) size 171x19 | |
| 152 text run at (160,0) width 171: "Hello, world" | |
| 153 layer at (8,896) size 19396x39 backgroundClip at (0,0) size 800x600 clip at (0,0
) size 800x600 transparent | |
| 154 LayoutInline {SPAN} at (0,0) size 19396x39 [bgcolor=#CCCCFF] | |
| 155 LayoutText {#text} at (160,0) size 19396x39 | |
| 156 text run at (160,0) width 19236: "Hello," | |
| 157 text run at (0,20) width 16035: "world" | |
| 158 layer at (8,988) size 9600196x39 backgroundClip at (0,0) size 800x600 clip at (0
,0) size 800x600 transparent | |
| 159 LayoutInline {SPAN} at (0,0) size 9600196x39 [bgcolor=#CCCCFF] | |
| 160 LayoutText {#text} at (160,0) size 9600196x39 | |
| 161 text run at (160,0) width 9600036: "Hello," | |
| 162 text run at (0,20) width 8000035: "world" | |
| 163 layer at (8,1080) size 0x19 transparent | |
| 164 LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF] | |
| 165 LayoutText {#text} at (160,0) size 0x19 | |
| 166 text run at (160,0) width 0: "Hello, world" | |
| 167 layer at (8,1152) size 0x19 transparent | |
| 168 LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF] | |
| 169 LayoutText {#text} at (160,0) size 0x19 | |
| 170 text run at (160,0) width 0: "Hello, world" | |
| 171 layer at (8,1224) size 0x19 transparent | |
| 172 LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF] | |
| 173 LayoutText {#text} at (160,0) size 0x19 | |
| 174 text run at (160,0) width 0: "Hello, world" | |
| 175 layer at (8,1620) size 171x19 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 transparent | |
| 176 LayoutInline {SPAN} at (0,0) size 171x19 [bgcolor=#CCCCFF] | |
| 177 LayoutText {#text} at (160,0) size 171x19 | |
| 178 text run at (160,0) width 171 RTL override: "Hello, world" | |
| 179 layer at (8,1692) size 0x19 transparent | |
| 180 LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF] | |
| 181 LayoutText {#text} at (160,0) size 0x19 | |
| 182 text run at (160,0) width 0 RTL override: "Hello, world" | |
| 183 layer at (8,1764) size 0x19 transparent | |
| 184 LayoutInline {SPAN} at (0,0) size 0x19 [bgcolor=#CCCCFF] | |
| 185 LayoutText {#text} at (160,0) size 0x19 | |
| 186 text run at (160,0) width 0 RTL override: "Hello, world" | |
| OLD | NEW |