Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(115)

Side by Side Diff: LayoutTests/css3/filters/script-tests/filter-property-computed-style.js

Issue 684293004: Don't require getPropertyCSSValue in css3 tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 description("Test the computed style of the -webkit-filter property."); 1 description("Test the computed style of the -webkit-filter property.");
2 2
3 // These have to be global for the test helpers to see them. 3 // These have to be global for the test helpers to see them.
4 var stylesheet, filterStyle, subRule; 4 var filterStyle;
5 var styleElement = document.createElement("style"); 5 var styleElement = document.createElement("style");
6 document.head.appendChild(styleElement); 6 document.head.appendChild(styleElement);
7 stylesheet = styleElement.sheet; 7 var stylesheet = styleElement.sheet;
8 8
9 function testComputedFilterRule(description, rule, expectedLength, expectedTypes , expectedTexts) 9 function testComputedFilterRule(description, rule, expectedValue)
10 { 10 {
11 if (expectedValue === undefined)
12 expectedValue = rule;
13
11 debug(""); 14 debug("");
12 debug(description + " : " + rule); 15 debug(description + " : " + rule);
13 16
14 stylesheet.insertRule("body { -webkit-filter: " + rule + "; }", 0); 17 stylesheet.insertRule("body { -webkit-filter: " + rule + "; }", 0);
15 18
16 filterStyle = window.getComputedStyle(document.body).getPropertyCSSValue('-w ebkit-filter'); 19 filterStyle = window.getComputedStyle(document.body).getPropertyValue('-webk it-filter');
17 shouldBe("filterStyle.length", "" + expectedLength); 20 shouldBeEqualToString("filterStyle", expectedValue);
18 for (var i = 0; i < expectedLength; i++) {
19 subRule = filterStyle[i];
20 shouldBe("subRule.operationType", expectedTypes[i]);
21 shouldBe("subRule.cssText", "'" + expectedTexts[i] + "'");
22 }
23 stylesheet.deleteRule(0); 21 stylesheet.deleteRule(0);
24 } 22 }
25 23
26 testComputedFilterRule("Basic reference", 24 testComputedFilterRule("Basic reference", "url('#a')");
27 "url('#a')", 1, 25 testComputedFilterRule("Bare unquoted reference converting to quoted form", "url (#a)", "url('#a')");
28 ["WebKitCSSFilterValue.CSS_FILTER_REFERENCE"], 26 testComputedFilterRule("Multiple references", "url('#a') url('#b')");
29 ["url(\\'#a\\')"]); 27 testComputedFilterRule("Reference as 2nd value", "grayscale(1) url('#a')");
30 28 testComputedFilterRule("Integer value", "grayscale(1)");
31 testComputedFilterRule("Bare unquoted reference converting to quoted form", 29 testComputedFilterRule("Float value converts to integer", "grayscale(1.0)", "gra yscale(1)");
32 "url(#a)", 1, 30 testComputedFilterRule("Zero value", "grayscale(0)");
33 ["WebKitCSSFilterValue.CSS_FILTER_REFERENCE"], 31 testComputedFilterRule("No values", "grayscale()", "grayscale(1)");
34 ["url(\\'#a\\')"]); 32 testComputedFilterRule("Multiple values", "grayscale(0.5) grayscale(0.25)");
35 33 testComputedFilterRule("Integer value", "sepia(1)");
36 testComputedFilterRule("Multiple references", 34 testComputedFilterRule("Float value converts to integer", "sepia(1.0)", "sepia(1 )");
37 "url('#a') url('#b')", 2, 35 testComputedFilterRule("Zero value", "sepia(0)");
38 ["WebKitCSSFilterValue.CSS_FILTER_REFERENCE", "WebKitCSSF ilterValue.CSS_FILTER_REFERENCE"], 36 testComputedFilterRule("No values", "sepia()", "sepia(1)");
39 ["url(\\'#a\\')", "url(\\'#b\\')"]); 37 testComputedFilterRule("Multiple values", "sepia(0.5) sepia(0.25)");
40 38 testComputedFilterRule("Rule combinations", "sepia(0.5) grayscale(0.25)");
41 testComputedFilterRule("Reference as 2nd value", 39 testComputedFilterRule("Integer value", "saturate(1)");
42 "grayscale(1) url('#a')", 2, 40 testComputedFilterRule("Float value converts to integer", "saturate(1.0)", "satu rate(1)");
43 ["WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE", "WebKitCSSF ilterValue.CSS_FILTER_REFERENCE"], 41 testComputedFilterRule("Zero value", "saturate(0)");
44 ["grayscale(1)", "url(\\'#a\\')"]); 42 testComputedFilterRule("No values", "saturate()", "saturate(1)");
45 43 testComputedFilterRule("Multiple values", "saturate(0.5) saturate(0.25)");
46 testComputedFilterRule("Integer value", 44 testComputedFilterRule("Rule combinations", "saturate(0.5) grayscale(0.25)");
47 "grayscale(1)", 1, 45 testComputedFilterRule("Degrees value as integer", "hue-rotate(10deg)");
48 ["WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE"], 46 testComputedFilterRule("Degrees float value converts to integer", "hue-rotate(10 .0deg)", "hue-rotate(10deg)");
49 ["grayscale(1)"]); 47 testComputedFilterRule("Radians value", "hue-rotate(10rad)", "hue-rotate(572.957 795130823deg)");
50 48 testComputedFilterRule("Gradians value", "hue-rotate(10grad)", "hue-rotate(9deg) ");
51 testComputedFilterRule("Float value converts to integer", 49 testComputedFilterRule("Turns value", "hue-rotate(0.5turn)", "hue-rotate(180deg) ");
52 "grayscale(1.0)", 1, 50 testComputedFilterRule("Zero value", "hue-rotate(0)", "hue-rotate(0deg)");
53 ["WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE"], 51 testComputedFilterRule("No values", "hue-rotate()", "hue-rotate(0deg)");
54 ["grayscale(1)"]); 52 testComputedFilterRule("Rule combinations", "hue-rotate(10deg) grayscale(0.25)") ;
55 53 testComputedFilterRule("Integer value", "invert(1)");
56 testComputedFilterRule("Zero value", 54 testComputedFilterRule("Float value converts to integer", "invert(1.0)", "invert (1)");
57 "grayscale(0)", 1, 55 testComputedFilterRule("Zero value", "invert(0)");
58 ["WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE"], 56 testComputedFilterRule("No values", "invert()", "invert(1)");
59 ["grayscale(0)"]); 57 testComputedFilterRule("Multiple values", "invert(0.5) invert(0.25)");
60 58 testComputedFilterRule("Rule combinations", "invert(0.5) grayscale(0.25)");
61 testComputedFilterRule("No values", 59 testComputedFilterRule("Integer value", "opacity(1)");
62 "grayscale()", 1, 60 testComputedFilterRule("Float value converts to integer", "opacity(1.0)", "opaci ty(1)");
63 ["WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE"], 61 testComputedFilterRule("Zero value", "opacity(0)");
64 ["grayscale(1)"]); 62 testComputedFilterRule("No values", "opacity()", "opacity(1)");
65 63 testComputedFilterRule("Multiple values", "opacity(0.5) opacity(0.25)");
66 testComputedFilterRule("Multiple values", 64 testComputedFilterRule("Rule combinations", "opacity(0.5) grayscale(0.25)");
67 "grayscale(0.5) grayscale(0.25)", 2, 65 testComputedFilterRule("Integer value", "brightness(1)");
68 ["WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE", "WebKitCSSF ilterValue.CSS_FILTER_GRAYSCALE"], 66 testComputedFilterRule("Float value converts to integer", "brightness(1.0)", "br ightness(1)");
69 ["grayscale(0.5)", "grayscale(0.25)"]); 67 testComputedFilterRule("Zero value", "brightness(0)");
70 68 testComputedFilterRule("No values", "brightness()", "brightness(0)");
71 testComputedFilterRule("Integer value", 69 testComputedFilterRule("Multiple values", "brightness(0.5) brightness(0.25)");
72 "sepia(1)", 1, 70 testComputedFilterRule("Rule combinations", "brightness(0.5) grayscale(0.25)");
73 ["WebKitCSSFilterValue.CSS_FILTER_SEPIA"], 71 testComputedFilterRule("Integer value", "contrast(1)");
74 ["sepia(1)"]); 72 testComputedFilterRule("Value greater than 1", "contrast(2)");
75 73 testComputedFilterRule("Float value converts to integer", "contrast(1.0)", "cont rast(1)");
76 testComputedFilterRule("Float value converts to integer", 74 testComputedFilterRule("Zero value", "contrast(0)");
77 "sepia(1.0)", 1, 75 testComputedFilterRule("No values", "contrast()", "contrast(1)");
78 ["WebKitCSSFilterValue.CSS_FILTER_SEPIA"], 76 testComputedFilterRule("Multiple values", "contrast(0.5) contrast(0.25)");
79 ["sepia(1)"]); 77 testComputedFilterRule("Rule combinations", "contrast(0.5) grayscale(0.25)");
80 78 testComputedFilterRule("One zero to px", "blur(0)", "blur(0px)");
81 testComputedFilterRule("Zero value", 79 testComputedFilterRule("One length", "blur(2em)", "blur(32px)");
82 "sepia(0)", 1, 80 testComputedFilterRule("One length", "blur(5px)");
83 ["WebKitCSSFilterValue.CSS_FILTER_SEPIA"], 81 testComputedFilterRule("No values", "blur()", "blur(0px)");
84 ["sepia(0)"]);
85
86 testComputedFilterRule("No values",
87 "sepia()", 1,
88 ["WebKitCSSFilterValue.CSS_FILTER_SEPIA"],
89 ["sepia(1)"]);
90
91 testComputedFilterRule("Multiple values",
92 "sepia(0.5) sepia(0.25)", 2,
93 ["WebKitCSSFilterValue.CSS_FILTER_SEPIA", "WebKitCSSFilte rValue.CSS_FILTER_SEPIA"],
94 ["sepia(0.5)", "sepia(0.25)"]);
95
96 testComputedFilterRule("Rule combinations",
97 "sepia(0.5) grayscale(0.25)", 2,
98 ["WebKitCSSFilterValue.CSS_FILTER_SEPIA", "WebKitCSSFilte rValue.CSS_FILTER_GRAYSCALE"],
99 ["sepia(0.5)", "grayscale(0.25)"]);
100
101 testComputedFilterRule("Integer value",
102 "saturate(1)", 1,
103 ["WebKitCSSFilterValue.CSS_FILTER_SATURATE"],
104 ["saturate(1)"]);
105
106 testComputedFilterRule("Float value converts to integer",
107 "saturate(1.0)", 1,
108 ["WebKitCSSFilterValue.CSS_FILTER_SATURATE"],
109 ["saturate(1)"]);
110
111 testComputedFilterRule("Zero value",
112 "saturate(0)", 1,
113 ["WebKitCSSFilterValue.CSS_FILTER_SATURATE"],
114 ["saturate(0)"]);
115
116 testComputedFilterRule("No values",
117 "saturate()", 1,
118 ["WebKitCSSFilterValue.CSS_FILTER_SATURATE"],
119 ["saturate(1)"]);
120
121 testComputedFilterRule("Multiple values",
122 "saturate(0.5) saturate(0.25)", 2,
123 ["WebKitCSSFilterValue.CSS_FILTER_SATURATE", "WebKitCSSFi lterValue.CSS_FILTER_SATURATE"],
124 ["saturate(0.5)", "saturate(0.25)"]);
125
126 testComputedFilterRule("Rule combinations",
127 "saturate(0.5) grayscale(0.25)", 2,
128 ["WebKitCSSFilterValue.CSS_FILTER_SATURATE", "WebKitCSSFi lterValue.CSS_FILTER_GRAYSCALE"],
129 ["saturate(0.5)", "grayscale(0.25)"]);
130
131 testComputedFilterRule("Degrees value as integer",
132 "hue-rotate(10deg)", 1,
133 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE"],
134 ["hue-rotate(10deg)"]);
135
136 testComputedFilterRule("Degrees float value converts to integer",
137 "hue-rotate(10.0deg)", 1,
138 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE"],
139 ["hue-rotate(10deg)"]);
140
141 testComputedFilterRule("Radians value",
142 "hue-rotate(10rad)", 1,
143 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE"],
144 ["hue-rotate(572.957795130823deg)"]);
145
146 testComputedFilterRule("Gradians value",
147 "hue-rotate(10grad)", 1,
148 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE"],
149 ["hue-rotate(9deg)"]);
150
151 testComputedFilterRule("Turns value",
152 "hue-rotate(0.5turn)", 1,
153 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE"],
154 ["hue-rotate(180deg)"]);
155
156 testComputedFilterRule("Zero value",
157 "hue-rotate(0)", 1,
158 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE"],
159 ["hue-rotate(0deg)"]);
160
161 testComputedFilterRule("No values",
162 "hue-rotate()", 1,
163 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE"],
164 ["hue-rotate(0deg)"]);
165
166 testComputedFilterRule("Rule combinations",
167 "hue-rotate(10deg) grayscale(0.25)", 2,
168 ["WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE", "WebKitCSS FilterValue.CSS_FILTER_GRAYSCALE"],
169 ["hue-rotate(10deg)", "grayscale(0.25)"]);
170
171 testComputedFilterRule("Integer value",
172 "invert(1)", 1,
173 ["WebKitCSSFilterValue.CSS_FILTER_INVERT"],
174 ["invert(1)"]);
175
176 testComputedFilterRule("Float value converts to integer",
177 "invert(1.0)", 1,
178 ["WebKitCSSFilterValue.CSS_FILTER_INVERT"],
179 ["invert(1)"]);
180
181 testComputedFilterRule("Zero value",
182 "invert(0)", 1,
183 ["WebKitCSSFilterValue.CSS_FILTER_INVERT"],
184 ["invert(0)"]);
185
186 testComputedFilterRule("No values",
187 "invert()", 1,
188 ["WebKitCSSFilterValue.CSS_FILTER_INVERT"],
189 ["invert(1)"]);
190
191 testComputedFilterRule("Multiple values",
192 "invert(0.5) invert(0.25)", 2,
193 ["WebKitCSSFilterValue.CSS_FILTER_INVERT", "WebKitCSSFilt erValue.CSS_FILTER_INVERT"],
194 ["invert(0.5)", "invert(0.25)"]);
195
196 testComputedFilterRule("Rule combinations",
197 "invert(0.5) grayscale(0.25)", 2,
198 ["WebKitCSSFilterValue.CSS_FILTER_INVERT", "WebKitCSSFilt erValue.CSS_FILTER_GRAYSCALE"],
199 ["invert(0.5)", "grayscale(0.25)"]);
200
201 testComputedFilterRule("Integer value",
202 "opacity(1)", 1,
203 ["WebKitCSSFilterValue.CSS_FILTER_OPACITY"],
204 ["opacity(1)"]);
205
206 testComputedFilterRule("Float value converts to integer",
207 "opacity(1.0)", 1,
208 ["WebKitCSSFilterValue.CSS_FILTER_OPACITY"],
209 ["opacity(1)"]);
210
211 testComputedFilterRule("Zero value",
212 "opacity(0)", 1,
213 ["WebKitCSSFilterValue.CSS_FILTER_OPACITY"],
214 ["opacity(0)"]);
215
216 testComputedFilterRule("No values",
217 "opacity()", 1,
218 ["WebKitCSSFilterValue.CSS_FILTER_OPACITY"],
219 ["opacity(1)"]);
220
221 testComputedFilterRule("Multiple values",
222 "opacity(0.5) opacity(0.25)", 2,
223 ["WebKitCSSFilterValue.CSS_FILTER_OPACITY", "WebKitCSSFil terValue.CSS_FILTER_OPACITY"],
224 ["opacity(0.5)", "opacity(0.25)"]);
225
226 testComputedFilterRule("Rule combinations",
227 "opacity(0.5) grayscale(0.25)", 2,
228 ["WebKitCSSFilterValue.CSS_FILTER_OPACITY", "WebKitCSSFil terValue.CSS_FILTER_GRAYSCALE"],
229 ["opacity(0.5)", "grayscale(0.25)"]);
230
231 testComputedFilterRule("Integer value",
232 "brightness(1)", 1,
233 ["WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS"],
234 ["brightness(1)"]);
235
236 testComputedFilterRule("Float value converts to integer",
237 "brightness(1.0)", 1,
238 ["WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS"],
239 ["brightness(1)"]);
240
241 testComputedFilterRule("Zero value",
242 "brightness(0)", 1,
243 ["WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS"],
244 ["brightness(0)"]);
245
246 testComputedFilterRule("No values",
247 "brightness()", 1,
248 ["WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS"],
249 ["brightness(0)"]);
250
251 testComputedFilterRule("Multiple values",
252 "brightness(0.5) brightness(0.25)", 2,
253 ["WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS", "WebKitCSSF ilterValue.CSS_FILTER_BRIGHTNESS"],
254 ["brightness(0.5)", "brightness(0.25)"]);
255
256 testComputedFilterRule("Rule combinations",
257 "brightness(0.5) grayscale(0.25)", 2,
258 ["WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS", "WebKitCSSF ilterValue.CSS_FILTER_GRAYSCALE"],
259 ["brightness(0.5)", "grayscale(0.25)"]);
260
261 testComputedFilterRule("Integer value",
262 "contrast(1)", 1,
263 ["WebKitCSSFilterValue.CSS_FILTER_CONTRAST"],
264 ["contrast(1)"]);
265
266 testComputedFilterRule("Value greater than 1",
267 "contrast(2)", 1,
268 ["WebKitCSSFilterValue.CSS_FILTER_CONTRAST"],
269 ["contrast(2)"]);
270
271 testComputedFilterRule("Float value converts to integer",
272 "contrast(1.0)", 1,
273 ["WebKitCSSFilterValue.CSS_FILTER_CONTRAST"],
274 ["contrast(1)"]);
275
276 testComputedFilterRule("Zero value",
277 "contrast(0)", 1,
278 ["WebKitCSSFilterValue.CSS_FILTER_CONTRAST"],
279 ["contrast(0)"]);
280
281 testComputedFilterRule("No values",
282 "contrast()", 1,
283 ["WebKitCSSFilterValue.CSS_FILTER_CONTRAST"],
284 ["contrast(1)"]);
285
286 testComputedFilterRule("Multiple values",
287 "contrast(0.5) contrast(0.25)", 2,
288 ["WebKitCSSFilterValue.CSS_FILTER_CONTRAST", "WebKitCSSFil terValue.CSS_FILTER_CONTRAST"],
289 ["contrast(0.5)", "contrast(0.25)"]);
290
291 testComputedFilterRule("Rule combinations",
292 "contrast(0.5) grayscale(0.25)", 2,
293 ["WebKitCSSFilterValue.CSS_FILTER_CONTRAST", "WebKitCSSFil terValue.CSS_FILTER_GRAYSCALE"],
294 ["contrast(0.5)", "grayscale(0.25)"]);
295
296 testComputedFilterRule("One zero to px",
297 "blur(0)", 1,
298 ["WebKitCSSFilterValue.CSS_FILTER_BLUR"],
299 ["blur(0px)"]);
300
301 testComputedFilterRule("One length",
302 "blur(2em)", 1,
303 ["WebKitCSSFilterValue.CSS_FILTER_BLUR"],
304 ["blur(32px)"]);
305
306 testComputedFilterRule("One length",
307 "blur(5px)", 1,
308 ["WebKitCSSFilterValue.CSS_FILTER_BLUR"],
309 ["blur(5px)"]);
310
311 testComputedFilterRule("No values",
312 "blur()", 1,
313 ["WebKitCSSFilterValue.CSS_FILTER_BLUR"],
314 ["blur(0px)"]);
315 82
316 testComputedFilterRule("Color then three values", 83 testComputedFilterRule("Color then three values",
317 "drop-shadow(red 1px 2px 3px)", 1, 84 "drop-shadow(red 1px 2px 3px)", "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)");
318 ["WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW"],
319 ["drop-shadow(rgb(255, 0, 0) 1px 2px 3px)"]);
320 85
321 testComputedFilterRule("Three values then color", 86 testComputedFilterRule("Three values then color",
322 "drop-shadow(1px 2px 3px red)", 1, 87 "drop-shadow(1px 2px 3px red)", "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)");
323 ["WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW"],
324 ["drop-shadow(rgb(255, 0, 0) 1px 2px 3px)"]);
325 88
326 testComputedFilterRule("Color then three values with zero length", 89 testComputedFilterRule("Color then three values with zero length",
327 "drop-shadow(#abc 0 0 0)", 1, 90 "drop-shadow(#abc 0 0 0)", "drop-shadow(rgb(170, 187, 204) 0px 0px 0px)");
328 ["WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW"],
329 ["drop-shadow(rgb(170, 187, 204) 0px 0px 0px)"]);
330 91
331 testComputedFilterRule("Three values with zero length", 92 testComputedFilterRule("Three values with zero length",
332 "drop-shadow(0 0 0)", 1, 93 "drop-shadow(0 0 0)", "drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px)");
333 ["WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW"],
334 ["drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px)"]);
335 94
336 testComputedFilterRule("Two values no color", 95 testComputedFilterRule("Two values no color",
337 "drop-shadow(1px 2px)", 1, 96 "drop-shadow(1px 2px)", "drop-shadow(rgba(0, 0, 0, 0) 1px 2px 0px)");
338 ["WebKitCSSFilterValue.CSS_FILTER_DROP_SHADOW"],
339 ["drop-shadow(rgba(0, 0, 0, 0) 1px 2px 0px)"]);
340 97
341 testComputedFilterRule("Multiple operations", 98 testComputedFilterRule("Multiple operations",
342 "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35d eg) invert(0.2) opacity(0.9) blur(5px)", 7, 99 "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opa city(0.9) blur(5px)");
343 [
344 "WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE",
345 "WebKitCSSFilterValue.CSS_FILTER_SEPIA",
346 "WebKitCSSFilterValue.CSS_FILTER_SATURATE",
347 "WebKitCSSFilterValue.CSS_FILTER_HUE_ROTATE",
348 "WebKitCSSFilterValue.CSS_FILTER_INVERT",
349 "WebKitCSSFilterValue.CSS_FILTER_OPACITY",
350 "WebKitCSSFilterValue.CSS_FILTER_BLUR",
351 ],
352 [
353 "grayscale(0.5)",
354 "sepia(0.25)",
355 "saturate(0.75)",
356 "hue-rotate(35deg)",
357 "invert(0.2)",
358 "opacity(0.9)",
359 "blur(5px)"
360 ]);
361 100
362 testComputedFilterRule("Percentage values", 101 testComputedFilterRule("Percentage values",
363 "grayscale(50%) sepia(25%) saturate(75%) invert(20%) opaci ty(90%) brightness(60%) contrast(30%)", 7, 102 "grayscale(50%) sepia(25%) saturate(75%) invert(20%) opacity(90%) brightness (60%) contrast(30%)",
364 [ 103 "grayscale(0.5) sepia(0.25) saturate(0.75) invert(0.2) opacity(0.9) brightne ss(0.6) contrast(0.3)");
365 "WebKitCSSFilterValue.CSS_FILTER_GRAYSCALE",
366 "WebKitCSSFilterValue.CSS_FILTER_SEPIA",
367 "WebKitCSSFilterValue.CSS_FILTER_SATURATE",
368 "WebKitCSSFilterValue.CSS_FILTER_INVERT",
369 "WebKitCSSFilterValue.CSS_FILTER_OPACITY",
370 "WebKitCSSFilterValue.CSS_FILTER_BRIGHTNESS",
371 "WebKitCSSFilterValue.CSS_FILTER_CONTRAST"
372 ],
373 [
374 "grayscale(0.5)",
375 "sepia(0.25)",
376 "saturate(0.75)",
377 "invert(0.2)",
378 "opacity(0.9)",
379 "brightness(0.6)",
380 "contrast(0.3)"
381 ]);
382 104
383 successfullyParsed = true; 105 successfullyParsed = true;
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698