| 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 |