OLD | NEW |
| (Empty) |
1 Test the parsing of the -webkit-filter property. | |
2 | |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | |
4 | |
5 | |
6 | |
7 Basic reference : url('#a') | |
8 PASS cssRule.type is 1 | |
9 PASS declaration.length is 1 | |
10 PASS declaration.getPropertyValue('-webkit-filter') is "url(\"#a\")" | |
11 | |
12 Bare unquoted reference converting to quoted form : url(#a) | |
13 PASS cssRule.type is 1 | |
14 PASS declaration.length is 1 | |
15 PASS declaration.getPropertyValue('-webkit-filter') is "url(\"#a\")" | |
16 | |
17 Multiple references : url('#a') url('#b') | |
18 PASS cssRule.type is 1 | |
19 PASS declaration.length is 1 | |
20 PASS declaration.getPropertyValue('-webkit-filter') is "url(\"#a\") url(\"#b\")" | |
21 | |
22 Reference as 2nd value : grayscale(1) url('#a') | |
23 PASS cssRule.type is 1 | |
24 PASS declaration.length is 1 | |
25 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(1) url(\"#a\")
" | |
26 | |
27 Integer value : grayscale(1) | |
28 PASS cssRule.type is 1 | |
29 PASS declaration.length is 1 | |
30 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(1)" | |
31 | |
32 Percentage value : grayscale(50%) | |
33 PASS cssRule.type is 1 | |
34 PASS declaration.length is 1 | |
35 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(50%)" | |
36 | |
37 Float value converts to integer : grayscale(1.0) | |
38 PASS cssRule.type is 1 | |
39 PASS declaration.length is 1 | |
40 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(1)" | |
41 | |
42 Zero value : grayscale(0) | |
43 PASS cssRule.type is 1 | |
44 PASS declaration.length is 1 | |
45 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(0)" | |
46 | |
47 No values : grayscale() | |
48 PASS cssRule.type is 1 | |
49 PASS declaration.length is 1 | |
50 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale()" | |
51 | |
52 Multiple values : grayscale(0.5) grayscale(0.25) | |
53 PASS cssRule.type is 1 | |
54 PASS declaration.length is 1 | |
55 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(0.5) grayscale
(0.25)" | |
56 | |
57 Integer value : sepia(1) | |
58 PASS cssRule.type is 1 | |
59 PASS declaration.length is 1 | |
60 PASS declaration.getPropertyValue('-webkit-filter') is "sepia(1)" | |
61 | |
62 Percentage value : sepia(50%) | |
63 PASS cssRule.type is 1 | |
64 PASS declaration.length is 1 | |
65 PASS declaration.getPropertyValue('-webkit-filter') is "sepia(50%)" | |
66 | |
67 Float value converts to integer : sepia(1.0) | |
68 PASS cssRule.type is 1 | |
69 PASS declaration.length is 1 | |
70 PASS declaration.getPropertyValue('-webkit-filter') is "sepia(1)" | |
71 | |
72 Zero value : sepia(0) | |
73 PASS cssRule.type is 1 | |
74 PASS declaration.length is 1 | |
75 PASS declaration.getPropertyValue('-webkit-filter') is "sepia(0)" | |
76 | |
77 No values : sepia() | |
78 PASS cssRule.type is 1 | |
79 PASS declaration.length is 1 | |
80 PASS declaration.getPropertyValue('-webkit-filter') is "sepia()" | |
81 | |
82 Multiple values : sepia(0.5) sepia(0.25) | |
83 PASS cssRule.type is 1 | |
84 PASS declaration.length is 1 | |
85 PASS declaration.getPropertyValue('-webkit-filter') is "sepia(0.5) sepia(0.25)" | |
86 | |
87 Rule combinations : sepia(0.5) grayscale(0.25) | |
88 PASS cssRule.type is 1 | |
89 PASS declaration.length is 1 | |
90 PASS declaration.getPropertyValue('-webkit-filter') is "sepia(0.5) grayscale(0.2
5)" | |
91 | |
92 Integer value : saturate(1) | |
93 PASS cssRule.type is 1 | |
94 PASS declaration.length is 1 | |
95 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(1)" | |
96 | |
97 Percentage value : saturate(50%) | |
98 PASS cssRule.type is 1 | |
99 PASS declaration.length is 1 | |
100 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(50%)" | |
101 | |
102 Percentage value > 1 : saturate(250%) | |
103 PASS cssRule.type is 1 | |
104 PASS declaration.length is 1 | |
105 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(250%)" | |
106 | |
107 Float value converts to integer : saturate(1.0) | |
108 PASS cssRule.type is 1 | |
109 PASS declaration.length is 1 | |
110 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(1)" | |
111 | |
112 Input value > 1 : saturate(5.5) | |
113 PASS cssRule.type is 1 | |
114 PASS declaration.length is 1 | |
115 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(5.5)" | |
116 | |
117 Zero value : saturate(0) | |
118 PASS cssRule.type is 1 | |
119 PASS declaration.length is 1 | |
120 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(0)" | |
121 | |
122 No values : saturate() | |
123 PASS cssRule.type is 1 | |
124 PASS declaration.length is 1 | |
125 PASS declaration.getPropertyValue('-webkit-filter') is "saturate()" | |
126 | |
127 Multiple values : saturate(0.5) saturate(0.25) | |
128 PASS cssRule.type is 1 | |
129 PASS declaration.length is 1 | |
130 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(0.5) saturate(0
.25)" | |
131 | |
132 Rule combinations : saturate(0.5) grayscale(0.25) | |
133 PASS cssRule.type is 1 | |
134 PASS declaration.length is 1 | |
135 PASS declaration.getPropertyValue('-webkit-filter') is "saturate(0.5) grayscale(
0.25)" | |
136 | |
137 Degrees value as integer : hue-rotate(10deg) | |
138 PASS cssRule.type is 1 | |
139 PASS declaration.length is 1 | |
140 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate(10deg)" | |
141 | |
142 Degrees float value converts to integer : hue-rotate(10.0deg) | |
143 PASS cssRule.type is 1 | |
144 PASS declaration.length is 1 | |
145 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate(10deg)" | |
146 | |
147 Radians value : hue-rotate(10rad) | |
148 PASS cssRule.type is 1 | |
149 PASS declaration.length is 1 | |
150 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate(10rad)" | |
151 | |
152 Gradians value : hue-rotate(10grad) | |
153 PASS cssRule.type is 1 | |
154 PASS declaration.length is 1 | |
155 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate(10grad)" | |
156 | |
157 Turns value : hue-rotate(0.5turn) | |
158 PASS cssRule.type is 1 | |
159 PASS declaration.length is 1 | |
160 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate(0.5turn)" | |
161 | |
162 Zero value : hue-rotate(0) | |
163 PASS cssRule.type is 1 | |
164 PASS declaration.length is 1 | |
165 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate(0deg)" | |
166 | |
167 No values : hue-rotate() | |
168 PASS cssRule.type is 1 | |
169 PASS declaration.length is 1 | |
170 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate()" | |
171 | |
172 Rule combinations : hue-rotate(10deg) grayscale(0.25) | |
173 PASS cssRule.type is 1 | |
174 PASS declaration.length is 1 | |
175 PASS declaration.getPropertyValue('-webkit-filter') is "hue-rotate(10deg) graysc
ale(0.25)" | |
176 | |
177 Integer value : invert(1) | |
178 PASS cssRule.type is 1 | |
179 PASS declaration.length is 1 | |
180 PASS declaration.getPropertyValue('-webkit-filter') is "invert(1)" | |
181 | |
182 Percentage value : invert(50%) | |
183 PASS cssRule.type is 1 | |
184 PASS declaration.length is 1 | |
185 PASS declaration.getPropertyValue('-webkit-filter') is "invert(50%)" | |
186 | |
187 Float value converts to integer : invert(1.0) | |
188 PASS cssRule.type is 1 | |
189 PASS declaration.length is 1 | |
190 PASS declaration.getPropertyValue('-webkit-filter') is "invert(1)" | |
191 | |
192 Zero value : invert(0) | |
193 PASS cssRule.type is 1 | |
194 PASS declaration.length is 1 | |
195 PASS declaration.getPropertyValue('-webkit-filter') is "invert(0)" | |
196 | |
197 No values : invert() | |
198 PASS cssRule.type is 1 | |
199 PASS declaration.length is 1 | |
200 PASS declaration.getPropertyValue('-webkit-filter') is "invert()" | |
201 | |
202 Multiple values : invert(0.5) invert(0.25) | |
203 PASS cssRule.type is 1 | |
204 PASS declaration.length is 1 | |
205 PASS declaration.getPropertyValue('-webkit-filter') is "invert(0.5) invert(0.25)
" | |
206 | |
207 Rule combinations : invert(0.5) grayscale(0.25) | |
208 PASS cssRule.type is 1 | |
209 PASS declaration.length is 1 | |
210 PASS declaration.getPropertyValue('-webkit-filter') is "invert(0.5) grayscale(0.
25)" | |
211 | |
212 Integer value : opacity(1) | |
213 PASS cssRule.type is 1 | |
214 PASS declaration.length is 1 | |
215 PASS declaration.getPropertyValue('-webkit-filter') is "opacity(1)" | |
216 | |
217 Percentage value : opacity(50%) | |
218 PASS cssRule.type is 1 | |
219 PASS declaration.length is 1 | |
220 PASS declaration.getPropertyValue('-webkit-filter') is "opacity(50%)" | |
221 | |
222 Float value converts to integer : opacity(1.0) | |
223 PASS cssRule.type is 1 | |
224 PASS declaration.length is 1 | |
225 PASS declaration.getPropertyValue('-webkit-filter') is "opacity(1)" | |
226 | |
227 Zero value : opacity(0) | |
228 PASS cssRule.type is 1 | |
229 PASS declaration.length is 1 | |
230 PASS declaration.getPropertyValue('-webkit-filter') is "opacity(0)" | |
231 | |
232 No values : opacity() | |
233 PASS cssRule.type is 1 | |
234 PASS declaration.length is 1 | |
235 PASS declaration.getPropertyValue('-webkit-filter') is "opacity()" | |
236 | |
237 Multiple values : opacity(0.5) opacity(0.25) | |
238 PASS cssRule.type is 1 | |
239 PASS declaration.length is 1 | |
240 PASS declaration.getPropertyValue('-webkit-filter') is "opacity(0.5) opacity(0.2
5)" | |
241 | |
242 Rule combinations : opacity(0.5) grayscale(0.25) | |
243 PASS cssRule.type is 1 | |
244 PASS declaration.length is 1 | |
245 PASS declaration.getPropertyValue('-webkit-filter') is "opacity(0.5) grayscale(0
.25)" | |
246 | |
247 Integer value : brightness(1) | |
248 PASS cssRule.type is 1 | |
249 PASS declaration.length is 1 | |
250 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(1)" | |
251 | |
252 Percentage value : brightness(50%) | |
253 PASS cssRule.type is 1 | |
254 PASS declaration.length is 1 | |
255 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(50%)" | |
256 | |
257 Float value converts to integer : brightness(1.0) | |
258 PASS cssRule.type is 1 | |
259 PASS declaration.length is 1 | |
260 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(1)" | |
261 | |
262 Zero value : brightness(0) | |
263 PASS cssRule.type is 1 | |
264 PASS declaration.length is 1 | |
265 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(0)" | |
266 | |
267 No values : brightness() | |
268 PASS cssRule.type is 1 | |
269 PASS declaration.length is 1 | |
270 PASS declaration.getPropertyValue('-webkit-filter') is "brightness()" | |
271 | |
272 Multiple values : brightness(0.5) brightness(0.25) | |
273 PASS cssRule.type is 1 | |
274 PASS declaration.length is 1 | |
275 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(0.5) brightne
ss(0.25)" | |
276 | |
277 Rule combinations : brightness(0.5) grayscale(0.25) | |
278 PASS cssRule.type is 1 | |
279 PASS declaration.length is 1 | |
280 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(0.5) grayscal
e(0.25)" | |
281 | |
282 Parameter less than -100% : brightness(-1.1) | |
283 PASS cssRule.type is 1 | |
284 PASS declaration.length is 1 | |
285 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(-1.1)" | |
286 | |
287 Parameter more than 100% : brightness(101%) | |
288 PASS cssRule.type is 1 | |
289 PASS declaration.length is 1 | |
290 PASS declaration.getPropertyValue('-webkit-filter') is "brightness(101%)" | |
291 | |
292 Rule combinations : grayscale(0.25) brightness(0.5) | |
293 PASS cssRule.type is 1 | |
294 PASS declaration.length is 1 | |
295 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(0.25) brightne
ss(0.5)" | |
296 | |
297 Integer value : contrast(1) | |
298 PASS cssRule.type is 1 | |
299 PASS declaration.length is 1 | |
300 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(1)" | |
301 | |
302 Percentage value : contrast(50%) | |
303 PASS cssRule.type is 1 | |
304 PASS declaration.length is 1 | |
305 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(50%)" | |
306 | |
307 Percentage value > 1 : contrast(250%) | |
308 PASS cssRule.type is 1 | |
309 PASS declaration.length is 1 | |
310 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(250%)" | |
311 | |
312 Float value converts to integer : contrast(1.0) | |
313 PASS cssRule.type is 1 | |
314 PASS declaration.length is 1 | |
315 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(1)" | |
316 | |
317 Zero value : contrast(0) | |
318 PASS cssRule.type is 1 | |
319 PASS declaration.length is 1 | |
320 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(0)" | |
321 | |
322 No values : contrast() | |
323 PASS cssRule.type is 1 | |
324 PASS declaration.length is 1 | |
325 PASS declaration.getPropertyValue('-webkit-filter') is "contrast()" | |
326 | |
327 Value greater than one : contrast(2) | |
328 PASS cssRule.type is 1 | |
329 PASS declaration.length is 1 | |
330 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(2)" | |
331 | |
332 Multiple values : contrast(0.5) contrast(0.25) | |
333 PASS cssRule.type is 1 | |
334 PASS declaration.length is 1 | |
335 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(0.5) contrast(0
.25)" | |
336 | |
337 Rule combinations : contrast(0.5) grayscale(0.25) | |
338 PASS cssRule.type is 1 | |
339 PASS declaration.length is 1 | |
340 PASS declaration.getPropertyValue('-webkit-filter') is "contrast(0.5) grayscale(
0.25)" | |
341 | |
342 Rule combinations : grayscale(0.25) contrast(0.5) | |
343 PASS cssRule.type is 1 | |
344 PASS declaration.length is 1 | |
345 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(0.25) contrast
(0.5)" | |
346 | |
347 One zero to px : blur(0) | |
348 PASS cssRule.type is 1 | |
349 PASS declaration.length is 1 | |
350 PASS declaration.getPropertyValue('-webkit-filter') is "blur(0px)" | |
351 | |
352 One length : blur(10px) | |
353 PASS cssRule.type is 1 | |
354 PASS declaration.length is 1 | |
355 PASS declaration.getPropertyValue('-webkit-filter') is "blur(10px)" | |
356 | |
357 No values : blur() | |
358 PASS cssRule.type is 1 | |
359 PASS declaration.length is 1 | |
360 PASS declaration.getPropertyValue('-webkit-filter') is "blur()" | |
361 | |
362 Color then three values : drop-shadow(red 1px 2px 3px) | |
363 PASS cssRule.type is 1 | |
364 PASS declaration.length is 1 | |
365 PASS declaration.getPropertyValue('-webkit-filter') is "drop-shadow(red 1px 2px
3px)" | |
366 | |
367 Three values then color : drop-shadow(1px 2px 3px red) | |
368 PASS cssRule.type is 1 | |
369 PASS declaration.length is 1 | |
370 PASS declaration.getPropertyValue('-webkit-filter') is "drop-shadow(red 1px 2px
3px)" | |
371 | |
372 Color then three values with zero length : drop-shadow(#abc 0 0 0) | |
373 PASS cssRule.type is 1 | |
374 PASS declaration.length is 1 | |
375 PASS declaration.getPropertyValue('-webkit-filter') is "drop-shadow(rgb(170, 187
, 204) 0px 0px 0px)" | |
376 | |
377 Three values with zero length : drop-shadow(0 0 0) | |
378 PASS cssRule.type is 1 | |
379 PASS declaration.length is 1 | |
380 PASS declaration.getPropertyValue('-webkit-filter') is "drop-shadow(0px 0px 0px)
" | |
381 | |
382 Two values no color : drop-shadow(1px 2px) | |
383 PASS cssRule.type is 1 | |
384 PASS declaration.length is 1 | |
385 PASS declaration.getPropertyValue('-webkit-filter') is "drop-shadow(1px 2px)" | |
386 | |
387 Multiple operations : grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg
) invert(0.2) opacity(0.9) blur(5px) drop-shadow(green 1px 2px 3px) | |
388 PASS cssRule.type is 1 | |
389 PASS declaration.length is 1 | |
390 PASS declaration.getPropertyValue('-webkit-filter') is "grayscale(0.5) sepia(0.2
5) saturate(0.75) hue-rotate(35deg) invert(0.2) opacity(0.9) blur(5px) drop-shad
ow(green 1px 2px 3px)" | |
391 PASS successfullyParsed is true | |
392 | |
393 TEST COMPLETE | |
394 | |
OLD | NEW |