OLD | NEW |
1 This test checks that text-indent parses properly the properties from CSS3 Text. | 1 This test checks that text-indent parses properly the properties from CSS3 Text. |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 Test the initial value: | 6 Test the initial value: |
7 PASS computedStyle.textIndent is '0px' | 7 PASS computedStyle.textIndent is '0px' |
8 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 8 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
9 | 9 |
10 Value '10em': | 10 Value '100px': |
11 PASS e.style.textIndent is '10em' | 11 PASS e.style.textIndent is '100px' |
12 PASS e.style.getPropertyValue('text-indent') is '10em' | 12 PASS e.style.getPropertyValue('text-indent') is '100px' |
13 PASS computedStyle.textIndent is '100px' | 13 PASS computedStyle.textIndent is '100px' |
14 PASS computedStyle.getPropertyValue('text-indent') is '100px' | 14 PASS computedStyle.getPropertyValue('text-indent') is '100px' |
15 | 15 |
16 Value '20ex': | 16 Value '20em': |
17 PASS e.style.textIndent is '20ex' | 17 PASS e.style.textIndent is '20em' |
18 PASS e.style.getPropertyValue('text-indent') is '20ex' | 18 PASS e.style.getPropertyValue('text-indent') is '20em' |
19 PASS computedStyle.textIndent is '200px' | 19 PASS computedStyle.textIndent is '200px' |
20 PASS computedStyle.getPropertyValue('text-indent') is '200px' | 20 PASS computedStyle.getPropertyValue('text-indent') is '200px' |
21 | 21 |
22 Value '50%': | 22 Value '50%': |
23 PASS e.style.textIndent is '50%' | 23 PASS e.style.textIndent is '50%' |
24 PASS e.style.getPropertyValue('text-indent') is '50%' | 24 PASS e.style.getPropertyValue('text-indent') is '50%' |
25 PASS computedStyle.textIndent is '50%' | 25 PASS computedStyle.textIndent is '50%' |
26 PASS computedStyle.getPropertyValue('text-indent') is '50%' | 26 PASS computedStyle.getPropertyValue('text-indent') is '50%' |
27 | 27 |
28 Value 'calc(10px + 20px)': | 28 Value 'calc(10px + 20px)': |
29 PASS e.style.textIndent is 'calc(30px)' | 29 PASS e.style.textIndent is 'calc(30px)' |
30 PASS e.style.getPropertyValue('text-indent') is 'calc(30px)' | 30 PASS e.style.getPropertyValue('text-indent') is 'calc(30px)' |
31 PASS computedStyle.textIndent is '30px' | 31 PASS computedStyle.textIndent is '30px' |
32 PASS computedStyle.getPropertyValue('text-indent') is '30px' | 32 PASS computedStyle.getPropertyValue('text-indent') is '30px' |
33 | 33 |
34 Value '10em each-line': | 34 Value '100px each-line': |
35 PASS e.style.textIndent is '10em each-line' | 35 PASS e.style.textIndent is '100px each-line' |
36 PASS e.style.getPropertyValue('text-indent') is '10em each-line' | 36 PASS e.style.getPropertyValue('text-indent') is '100px each-line' |
37 PASS computedStyle.textIndent is '100px each-line' | 37 PASS computedStyle.textIndent is '100px each-line' |
38 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line' | 38 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line' |
39 | 39 |
40 Value 'each-line 10em': | 40 Value 'each-line 100px': |
41 PASS e.style.textIndent is '10em each-line' | 41 PASS e.style.textIndent is 'each-line 100px' |
42 PASS e.style.getPropertyValue('text-indent') is '10em each-line' | 42 PASS e.style.getPropertyValue('text-indent') is 'each-line 100px' |
43 PASS computedStyle.textIndent is '100px each-line' | 43 PASS computedStyle.textIndent is '100px each-line' |
44 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line' | 44 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line' |
45 | 45 |
46 Value '20ex each-line': | 46 Value '20em each-line': |
47 PASS e.style.textIndent is '20ex each-line' | 47 PASS e.style.textIndent is '20em each-line' |
48 PASS e.style.getPropertyValue('text-indent') is '20ex each-line' | 48 PASS e.style.getPropertyValue('text-indent') is '20em each-line' |
49 PASS computedStyle.textIndent is '200px each-line' | 49 PASS computedStyle.textIndent is '200px each-line' |
50 PASS computedStyle.getPropertyValue('text-indent') is '200px each-line' | 50 PASS computedStyle.getPropertyValue('text-indent') is '200px each-line' |
51 | 51 |
52 Value 'each-line 20ex': | 52 Value 'each-line 20em': |
53 PASS e.style.textIndent is '20ex each-line' | 53 PASS e.style.textIndent is 'each-line 20em' |
54 PASS e.style.getPropertyValue('text-indent') is '20ex each-line' | 54 PASS e.style.getPropertyValue('text-indent') is 'each-line 20em' |
55 PASS computedStyle.textIndent is '200px each-line' | 55 PASS computedStyle.textIndent is '200px each-line' |
56 PASS computedStyle.getPropertyValue('text-indent') is '200px each-line' | 56 PASS computedStyle.getPropertyValue('text-indent') is '200px each-line' |
57 | 57 |
58 Value '30% each-line': | 58 Value '30% each-line': |
59 PASS e.style.textIndent is '30% each-line' | 59 PASS e.style.textIndent is '30% each-line' |
60 PASS e.style.getPropertyValue('text-indent') is '30% each-line' | 60 PASS e.style.getPropertyValue('text-indent') is '30% each-line' |
61 PASS computedStyle.textIndent is '30% each-line' | 61 PASS computedStyle.textIndent is '30% each-line' |
62 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line' | 62 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line' |
63 | 63 |
64 Value 'each-line 30%': | 64 Value 'each-line 30%': |
65 PASS e.style.textIndent is '30% each-line' | 65 PASS e.style.textIndent is 'each-line 30%' |
66 PASS e.style.getPropertyValue('text-indent') is '30% each-line' | 66 PASS e.style.getPropertyValue('text-indent') is 'each-line 30%' |
67 PASS computedStyle.textIndent is '30% each-line' | 67 PASS computedStyle.textIndent is '30% each-line' |
68 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line' | 68 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line' |
69 | 69 |
70 Value 'calc(10px + 20px) each-line': | 70 Value 'calc(10px + 20px) each-line': |
71 PASS e.style.textIndent is 'calc(30px) each-line' | 71 PASS e.style.textIndent is 'calc(30px) each-line' |
72 PASS e.style.getPropertyValue('text-indent') is 'calc(30px) each-line' | 72 PASS e.style.getPropertyValue('text-indent') is 'calc(30px) each-line' |
73 PASS computedStyle.textIndent is '30px each-line' | 73 PASS computedStyle.textIndent is '30px each-line' |
74 PASS computedStyle.getPropertyValue('text-indent') is '30px each-line' | 74 PASS computedStyle.getPropertyValue('text-indent') is '30px each-line' |
75 | 75 |
76 Value 'each-line calc(10px + 20px)': | 76 Value 'each-line calc(10px + 20px)': |
77 PASS e.style.textIndent is 'calc(30px) each-line' | 77 PASS e.style.textIndent is 'each-line calc(30px)' |
78 PASS e.style.getPropertyValue('text-indent') is 'calc(30px) each-line' | 78 PASS e.style.getPropertyValue('text-indent') is 'each-line calc(30px)' |
79 PASS computedStyle.textIndent is '30px each-line' | 79 PASS computedStyle.textIndent is '30px each-line' |
80 PASS computedStyle.getPropertyValue('text-indent') is '30px each-line' | 80 PASS computedStyle.getPropertyValue('text-indent') is '30px each-line' |
81 | 81 |
| 82 Value '100px hanging': |
| 83 PASS e.style.textIndent is '100px hanging' |
| 84 PASS e.style.getPropertyValue('text-indent') is '100px hanging' |
| 85 PASS computedStyle.textIndent is '100px hanging' |
| 86 PASS computedStyle.getPropertyValue('text-indent') is '100px hanging' |
| 87 |
| 88 Value 'hanging 100px': |
| 89 PASS e.style.textIndent is 'hanging 100px' |
| 90 PASS e.style.getPropertyValue('text-indent') is 'hanging 100px' |
| 91 PASS computedStyle.textIndent is '100px hanging' |
| 92 PASS computedStyle.getPropertyValue('text-indent') is '100px hanging' |
| 93 |
| 94 Value '20em hanging': |
| 95 PASS e.style.textIndent is '20em hanging' |
| 96 PASS e.style.getPropertyValue('text-indent') is '20em hanging' |
| 97 PASS computedStyle.textIndent is '200px hanging' |
| 98 PASS computedStyle.getPropertyValue('text-indent') is '200px hanging' |
| 99 |
| 100 Value 'hanging 20em': |
| 101 PASS e.style.textIndent is 'hanging 20em' |
| 102 PASS e.style.getPropertyValue('text-indent') is 'hanging 20em' |
| 103 PASS computedStyle.textIndent is '200px hanging' |
| 104 PASS computedStyle.getPropertyValue('text-indent') is '200px hanging' |
| 105 |
| 106 Value '30% hanging': |
| 107 PASS e.style.textIndent is '30% hanging' |
| 108 PASS e.style.getPropertyValue('text-indent') is '30% hanging' |
| 109 PASS computedStyle.textIndent is '30% hanging' |
| 110 PASS computedStyle.getPropertyValue('text-indent') is '30% hanging' |
| 111 |
| 112 Value 'hanging 30%': |
| 113 PASS e.style.textIndent is 'hanging 30%' |
| 114 PASS e.style.getPropertyValue('text-indent') is 'hanging 30%' |
| 115 PASS computedStyle.textIndent is '30% hanging' |
| 116 PASS computedStyle.getPropertyValue('text-indent') is '30% hanging' |
| 117 |
| 118 Value 'calc(10px + 20px) hanging': |
| 119 PASS e.style.textIndent is 'calc(30px) hanging' |
| 120 PASS e.style.getPropertyValue('text-indent') is 'calc(30px) hanging' |
| 121 PASS computedStyle.textIndent is '30px hanging' |
| 122 PASS computedStyle.getPropertyValue('text-indent') is '30px hanging' |
| 123 |
| 124 Value 'hanging calc(10px + 20px)': |
| 125 PASS e.style.textIndent is 'hanging calc(30px)' |
| 126 PASS e.style.getPropertyValue('text-indent') is 'hanging calc(30px)' |
| 127 PASS computedStyle.textIndent is '30px hanging' |
| 128 PASS computedStyle.getPropertyValue('text-indent') is '30px hanging' |
| 129 |
| 130 Value '100px each-line hanging': |
| 131 PASS e.style.textIndent is '100px each-line hanging' |
| 132 PASS e.style.getPropertyValue('text-indent') is '100px each-line hanging' |
| 133 PASS computedStyle.textIndent is '100px each-line hanging' |
| 134 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line hanging' |
| 135 |
| 136 Value 'each-line 100px hanging': |
| 137 PASS e.style.textIndent is 'each-line 100px hanging' |
| 138 PASS e.style.getPropertyValue('text-indent') is 'each-line 100px hanging' |
| 139 PASS computedStyle.textIndent is '100px each-line hanging' |
| 140 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line hanging' |
| 141 |
| 142 Value 'each-line hanging 100px': |
| 143 PASS e.style.textIndent is 'each-line hanging 100px' |
| 144 PASS e.style.getPropertyValue('text-indent') is 'each-line hanging 100px' |
| 145 PASS computedStyle.textIndent is '100px each-line hanging' |
| 146 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line hanging' |
| 147 |
| 148 Value '100px hanging each-line': |
| 149 PASS e.style.textIndent is '100px hanging each-line' |
| 150 PASS e.style.getPropertyValue('text-indent') is '100px hanging each-line' |
| 151 PASS computedStyle.textIndent is '100px each-line hanging' |
| 152 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line hanging' |
| 153 |
| 154 Value 'hanging 100px each-line': |
| 155 PASS e.style.textIndent is 'hanging 100px each-line' |
| 156 PASS e.style.getPropertyValue('text-indent') is 'hanging 100px each-line' |
| 157 PASS computedStyle.textIndent is '100px each-line hanging' |
| 158 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line hanging' |
| 159 |
| 160 Value 'hanging each-line 100px': |
| 161 PASS e.style.textIndent is 'hanging each-line 100px' |
| 162 PASS e.style.getPropertyValue('text-indent') is 'hanging each-line 100px' |
| 163 PASS computedStyle.textIndent is '100px each-line hanging' |
| 164 PASS computedStyle.getPropertyValue('text-indent') is '100px each-line hanging' |
| 165 |
| 166 Value '30% each-line hanging': |
| 167 PASS e.style.textIndent is '30% each-line hanging' |
| 168 PASS e.style.getPropertyValue('text-indent') is '30% each-line hanging' |
| 169 PASS computedStyle.textIndent is '30% each-line hanging' |
| 170 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line hanging' |
| 171 |
| 172 Value 'each-line 30% hanging': |
| 173 PASS e.style.textIndent is 'each-line 30% hanging' |
| 174 PASS e.style.getPropertyValue('text-indent') is 'each-line 30% hanging' |
| 175 PASS computedStyle.textIndent is '30% each-line hanging' |
| 176 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line hanging' |
| 177 |
| 178 Value 'each-line hanging 30%': |
| 179 PASS e.style.textIndent is 'each-line hanging 30%' |
| 180 PASS e.style.getPropertyValue('text-indent') is 'each-line hanging 30%' |
| 181 PASS computedStyle.textIndent is '30% each-line hanging' |
| 182 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line hanging' |
| 183 |
| 184 Value '30% hanging each-line': |
| 185 PASS e.style.textIndent is '30% hanging each-line' |
| 186 PASS e.style.getPropertyValue('text-indent') is '30% hanging each-line' |
| 187 PASS computedStyle.textIndent is '30% each-line hanging' |
| 188 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line hanging' |
| 189 |
| 190 Value 'hanging 30% each-line': |
| 191 PASS e.style.textIndent is 'hanging 30% each-line' |
| 192 PASS e.style.getPropertyValue('text-indent') is 'hanging 30% each-line' |
| 193 PASS computedStyle.textIndent is '30% each-line hanging' |
| 194 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line hanging' |
| 195 |
| 196 Value 'hanging each-line 30%': |
| 197 PASS e.style.textIndent is 'hanging each-line 30%' |
| 198 PASS e.style.getPropertyValue('text-indent') is 'hanging each-line 30%' |
| 199 PASS computedStyle.textIndent is '30% each-line hanging' |
| 200 PASS computedStyle.getPropertyValue('text-indent') is '30% each-line hanging' |
| 201 |
82 | 202 |
83 Invalid value test - '10m': | 203 Invalid value test - '10m': |
84 PASS e.style.textIndent is '0px' | 204 PASS e.style.textIndent is '0px' |
85 PASS e.style.getPropertyValue('text-indent') is '0px' | 205 PASS e.style.getPropertyValue('text-indent') is '0px' |
86 PASS computedStyle.textIndent is '0px' | 206 PASS computedStyle.textIndent is '0px' |
87 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 207 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
88 | 208 |
| 209 Invalid value test - '100px 100px': |
| 210 PASS e.style.textIndent is '0px' |
| 211 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 212 PASS computedStyle.textIndent is '0px' |
| 213 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 214 |
| 215 Invalid value test - '100px line': |
| 216 PASS e.style.textIndent is '0px' |
| 217 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 218 PASS computedStyle.textIndent is '0px' |
| 219 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 220 |
| 221 Invalid value test - '100px hang': |
| 222 PASS e.style.textIndent is '0px' |
| 223 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 224 PASS computedStyle.textIndent is '0px' |
| 225 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 226 |
89 Invalid value test - '10m each-line': | 227 Invalid value test - '10m each-line': |
90 PASS e.style.textIndent is '0px' | 228 PASS e.style.textIndent is '0px' |
91 PASS e.style.getPropertyValue('text-indent') is '0px' | 229 PASS e.style.getPropertyValue('text-indent') is '0px' |
92 PASS computedStyle.textIndent is '0px' | 230 PASS computedStyle.textIndent is '0px' |
93 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 231 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
94 | 232 |
95 Invalid value test - 'each-line 10m': | 233 Invalid value test - 'each-line 10m': |
96 PASS e.style.textIndent is '0px' | 234 PASS e.style.textIndent is '0px' |
97 PASS e.style.getPropertyValue('text-indent') is '0px' | 235 PASS e.style.getPropertyValue('text-indent') is '0px' |
98 PASS computedStyle.textIndent is '0px' | 236 PASS computedStyle.textIndent is '0px' |
99 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 237 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
100 | 238 |
101 Invalid value test - '10em 10em': | 239 Invalid value test - '10m hangning': |
102 PASS e.style.textIndent is '0px' | 240 PASS e.style.textIndent is '0px' |
103 PASS e.style.getPropertyValue('text-indent') is '0px' | 241 PASS e.style.getPropertyValue('text-indent') is '0px' |
104 PASS computedStyle.textIndent is '0px' | 242 PASS computedStyle.textIndent is '0px' |
| 243 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 244 |
| 245 Invalid value test - 'hanging 10m': |
| 246 PASS e.style.textIndent is '0px' |
| 247 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 248 PASS computedStyle.textIndent is '0px' |
| 249 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 250 |
| 251 Invalid value test - '10m each-line hanging': |
| 252 PASS e.style.textIndent is '0px' |
| 253 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 254 PASS computedStyle.textIndent is '0px' |
105 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 255 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
106 | 256 |
107 Invalid value test - 'each-line': | 257 Invalid value test - 'each-line': |
108 PASS e.style.textIndent is '0px' | 258 PASS e.style.textIndent is '0px' |
109 PASS e.style.getPropertyValue('text-indent') is '0px' | 259 PASS e.style.getPropertyValue('text-indent') is '0px' |
110 PASS computedStyle.textIndent is '0px' | 260 PASS computedStyle.textIndent is '0px' |
111 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 261 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
112 | 262 |
113 Invalid value test - '10em each-line 10em': | 263 Invalid value test - 'hanging': |
114 PASS e.style.textIndent is '0px' | 264 PASS e.style.textIndent is '0px' |
115 PASS e.style.getPropertyValue('text-indent') is '0px' | 265 PASS e.style.getPropertyValue('text-indent') is '0px' |
116 PASS computedStyle.textIndent is '0px' | 266 PASS computedStyle.textIndent is '0px' |
117 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 267 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
118 | 268 |
119 Invalid value test - 'each-line 10em each-line': | 269 Invalid value test - 'each-line hanging': |
120 PASS e.style.textIndent is '0px' | 270 PASS e.style.textIndent is '0px' |
121 PASS e.style.getPropertyValue('text-indent') is '0px' | 271 PASS e.style.getPropertyValue('text-indent') is '0px' |
122 PASS computedStyle.textIndent is '0px' | 272 PASS computedStyle.textIndent is '0px' |
| 273 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 274 |
| 275 Invalid value test - '100px each-line 100px': |
| 276 PASS e.style.textIndent is '0px' |
| 277 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 278 PASS computedStyle.textIndent is '0px' |
| 279 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 280 |
| 281 Invalid value test - '100px hanging 100px': |
| 282 PASS e.style.textIndent is '0px' |
| 283 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 284 PASS computedStyle.textIndent is '0px' |
| 285 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 286 |
| 287 Invalid value test - 'each-line 100px each-line': |
| 288 PASS e.style.textIndent is '0px' |
| 289 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 290 PASS computedStyle.textIndent is '0px' |
| 291 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 292 |
| 293 Invalid value test - 'hanging 100px hanging': |
| 294 PASS e.style.textIndent is '0px' |
| 295 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 296 PASS computedStyle.textIndent is '0px' |
| 297 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 298 |
| 299 Invalid value test - '100px line hanging': |
| 300 PASS e.style.textIndent is '0px' |
| 301 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 302 PASS computedStyle.textIndent is '0px' |
| 303 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
| 304 |
| 305 Invalid value test - '100px each-line hang': |
| 306 PASS e.style.textIndent is '0px' |
| 307 PASS e.style.getPropertyValue('text-indent') is '0px' |
| 308 PASS computedStyle.textIndent is '0px' |
123 PASS computedStyle.getPropertyValue('text-indent') is '0px' | 309 PASS computedStyle.getPropertyValue('text-indent') is '0px' |
124 | 310 |
125 PASS successfullyParsed is true | 311 PASS successfullyParsed is true |
126 | 312 |
127 TEST COMPLETE | 313 TEST COMPLETE |
128 | 314 |
OLD | NEW |