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