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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/css3/filters/filter-property-computed-style.html

Issue 2065593002: Unprefix the CSS 'filter' property (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Remove disabler. Try different DCHECK expressions. Created 4 years, 6 months 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
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/filters/feoffset-region-zoom-expected.html ('k') | third_party/WebKit/LayoutTests/css3/filters/filter-property-parsing.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <title>Computed style of the -webkit-filter property</title> 2 <title>Computed style of the -webkit-filter property</title>
3 <script src="../../resources/testharness.js"></script> 3 <script src="../../resources/testharness.js"></script>
4 <script src="../../resources/testharnessreport.js"></script> 4 <script src="../../resources/testharnessreport.js"></script>
5 <script> 5 <script>
6 function assert_computed_style(property, value, expectedValue) { 6 function assert_computed_style(property, value, expectedValue) {
7 if (expectedValue === undefined) 7 if (expectedValue === undefined)
8 expectedValue = value; 8 expectedValue = value;
9 9
10 var stringifiedValue = JSON.stringify(value); 10 var stringifiedValue = JSON.stringify(value);
11 11
12 test(function() { 12 test(function() {
13 var div = document.createElement('div'); 13 var div = document.createElement('div');
14 div.style[property] = value; 14 div.style[property] = value;
15 document.head.appendChild(div); 15 document.head.appendChild(div);
16 var computedStyleValue = getComputedStyle(div)[property]; 16 var computedStyleValue = getComputedStyle(div)[property];
17 div.remove(); 17 div.remove();
18 assert_equals(computedStyleValue, expectedValue); 18 assert_equals(computedStyleValue, expectedValue);
19 }, "Computed style after setting e.style['" + property + "'] = " + stringified Value); 19 }, "Computed style after setting e.style['" + property + "'] = " + stringified Value);
20 } 20 }
21 21
22 assert_computed_style("webkitFilter", "url('#a')", 'url("#a")'); // Basic refere nce 22 assert_computed_style("filter", "url('#a')", 'url("#a")'); // Basic reference
23 assert_computed_style("webkitFilter", "url(#a)", 'url("#a")'); // Bare unquoted reference converting to quoted form 23 assert_computed_style("filter", "url(#a)", 'url("#a")'); // Bare unquoted refere nce converting to quoted form
24 assert_computed_style("webkitFilter", "url('#a') url('#b')", 'url("#a") url("#b" )'); // Multiple references 24 assert_computed_style("filter", "url('#a') url('#b')", 'url("#a") url("#b")'); / / Multiple references
25 25
26 assert_computed_style("webkitFilter", "grayscale(1)"); // Integer value 26 assert_computed_style("filter", "grayscale(1)"); // Integer value
27 assert_computed_style("webkitFilter", "grayscale(1.0)", "grayscale(1)"); // Floa t value converts to integer 27 assert_computed_style("filter", "grayscale(1.0)", "grayscale(1)"); // Float valu e converts to integer
28 assert_computed_style("webkitFilter", "grayscale(0)"); // Zero value 28 assert_computed_style("filter", "grayscale(0)"); // Zero value
29 assert_computed_style("webkitFilter", "grayscale()", "grayscale(1)"); // No argu ments 29 assert_computed_style("filter", "grayscale()", "grayscale(1)"); // No arguments
30 assert_computed_style("webkitFilter", "grayscale(0.5) grayscale(0.25)"); // Mult iple values 30 assert_computed_style("filter", "grayscale(0.5) grayscale(0.25)"); // Multiple v alues
31 31
32 assert_computed_style("webkitFilter", "sepia(1)"); // Integer value 32 assert_computed_style("filter", "sepia(1)"); // Integer value
33 assert_computed_style("webkitFilter", "sepia(1.0)", "sepia(1)"); // Float value converts to integer 33 assert_computed_style("filter", "sepia(1.0)", "sepia(1)"); // Float value conver ts to integer
34 assert_computed_style("webkitFilter", "sepia(0)"); // Zero value 34 assert_computed_style("filter", "sepia(0)"); // Zero value
35 assert_computed_style("webkitFilter", "sepia()", "sepia(1)"); // No arguments 35 assert_computed_style("filter", "sepia()", "sepia(1)"); // No arguments
36 assert_computed_style("webkitFilter", "sepia(0.5) sepia(0.25)"); // Multiple val ues 36 assert_computed_style("filter", "sepia(0.5) sepia(0.25)"); // Multiple values
37 37
38 assert_computed_style("webkitFilter", "saturate(1)"); // Integer value 38 assert_computed_style("filter", "saturate(1)"); // Integer value
39 assert_computed_style("webkitFilter", "saturate(1.0)", "saturate(1)"); // Float value converts to integer 39 assert_computed_style("filter", "saturate(1.0)", "saturate(1)"); // Float value converts to integer
40 assert_computed_style("webkitFilter", "saturate(0)"); // Zero value 40 assert_computed_style("filter", "saturate(0)"); // Zero value
41 assert_computed_style("webkitFilter", "saturate()", "saturate(1)"); // No argume nts 41 assert_computed_style("filter", "saturate()", "saturate(1)"); // No arguments
42 assert_computed_style("webkitFilter", "saturate(0.5) saturate(0.25)"); // Multip le values 42 assert_computed_style("filter", "saturate(0.5) saturate(0.25)"); // Multiple val ues
43 43
44 assert_computed_style("webkitFilter", "hue-rotate(10deg)"); // Degrees value as integer 44 assert_computed_style("filter", "hue-rotate(10deg)"); // Degrees value as intege r
45 assert_computed_style("webkitFilter", "hue-rotate(10.0deg)", "hue-rotate(10deg)" ); // Degrees float value converts to integer 45 assert_computed_style("filter", "hue-rotate(10.0deg)", "hue-rotate(10deg)"); // Degrees float value converts to integer
46 assert_computed_style("webkitFilter", "hue-rotate(10rad)", "hue-rotate(572.958de g)"); // Radians value 46 assert_computed_style("filter", "hue-rotate(10rad)", "hue-rotate(572.958deg)"); // Radians value
47 assert_computed_style("webkitFilter", "hue-rotate(10grad)", "hue-rotate(9deg)"); // Gradians value 47 assert_computed_style("filter", "hue-rotate(10grad)", "hue-rotate(9deg)"); // Gr adians value
48 assert_computed_style("webkitFilter", "hue-rotate(0.5turn)", "hue-rotate(180deg) "); // Turns value 48 assert_computed_style("filter", "hue-rotate(0.5turn)", "hue-rotate(180deg)"); // Turns value
49 assert_computed_style("webkitFilter", "hue-rotate(0)", "hue-rotate(0deg)"); // Z ero value 49 assert_computed_style("filter", "hue-rotate(0)", "hue-rotate(0deg)"); // Zero va lue
50 assert_computed_style("webkitFilter", "hue-rotate()", "hue-rotate(0deg)"); // No arguments 50 assert_computed_style("filter", "hue-rotate()", "hue-rotate(0deg)"); // No argum ents
51 51
52 assert_computed_style("webkitFilter", "invert(1)"); // Integer value 52 assert_computed_style("filter", "invert(1)"); // Integer value
53 assert_computed_style("webkitFilter", "invert(1.0)", "invert(1)"); // Float valu e converts to integer 53 assert_computed_style("filter", "invert(1.0)", "invert(1)"); // Float value conv erts to integer
54 assert_computed_style("webkitFilter", "invert(0)"); // Zero value 54 assert_computed_style("filter", "invert(0)"); // Zero value
55 assert_computed_style("webkitFilter", "invert()", "invert(1)"); // No arguments 55 assert_computed_style("filter", "invert()", "invert(1)"); // No arguments
56 assert_computed_style("webkitFilter", "invert(0.5) invert(0.25)"); // Multiple v alues 56 assert_computed_style("filter", "invert(0.5) invert(0.25)"); // Multiple values
57 57
58 assert_computed_style("webkitFilter", "opacity(1)"); // Integer value 58 assert_computed_style("filter", "opacity(1)"); // Integer value
59 assert_computed_style("webkitFilter", "opacity(1.0)", "opacity(1)"); // Float va lue converts to integer 59 assert_computed_style("filter", "opacity(1.0)", "opacity(1)"); // Float value co nverts to integer
60 assert_computed_style("webkitFilter", "opacity(0)"); // Zero value 60 assert_computed_style("filter", "opacity(0)"); // Zero value
61 assert_computed_style("webkitFilter", "opacity()", "opacity(1)"); // No argument s 61 assert_computed_style("filter", "opacity()", "opacity(1)"); // No arguments
62 assert_computed_style("webkitFilter", "opacity(0.5) opacity(0.25)"); // Multiple values 62 assert_computed_style("filter", "opacity(0.5) opacity(0.25)"); // Multiple value s
63 63
64 assert_computed_style("webkitFilter", "brightness(1)"); // Integer value 64 assert_computed_style("filter", "brightness(1)"); // Integer value
65 assert_computed_style("webkitFilter", "brightness(1.0)", "brightness(1)"); // Fl oat value converts to integer 65 assert_computed_style("filter", "brightness(1.0)", "brightness(1)"); // Float va lue converts to integer
66 assert_computed_style("webkitFilter", "brightness(0)"); // Zero value 66 assert_computed_style("filter", "brightness(0)"); // Zero value
67 assert_computed_style("webkitFilter", "brightness()", "brightness(0)"); // No ar guments 67 assert_computed_style("filter", "brightness()", "brightness(0)"); // No argument s
68 assert_computed_style("webkitFilter", "brightness(0.5) brightness(0.25)"); // Mu ltiple values 68 assert_computed_style("filter", "brightness(0.5) brightness(0.25)"); // Multiple values
69 69
70 assert_computed_style("webkitFilter", "contrast(1)"); // Integer value 70 assert_computed_style("filter", "contrast(1)"); // Integer value
71 assert_computed_style("webkitFilter", "contrast(2)"); // Value greater than 1 71 assert_computed_style("filter", "contrast(2)"); // Value greater than 1
72 assert_computed_style("webkitFilter", "contrast(1.0)", "contrast(1)"); // Float value converts to integer 72 assert_computed_style("filter", "contrast(1.0)", "contrast(1)"); // Float value converts to integer
73 assert_computed_style("webkitFilter", "contrast(0)"); // Zero value 73 assert_computed_style("filter", "contrast(0)"); // Zero value
74 assert_computed_style("webkitFilter", "contrast()", "contrast(1)"); // No argume nts 74 assert_computed_style("filter", "contrast()", "contrast(1)"); // No arguments
75 assert_computed_style("webkitFilter", "contrast(0.5) contrast(0.25)"); // Multip le values 75 assert_computed_style("filter", "contrast(0.5) contrast(0.25)"); // Multiple val ues
76 76
77 assert_computed_style("webkitFilter", "blur(0)", "blur(0px)"); // One zero to px 77 assert_computed_style("filter", "blur(0)", "blur(0px)"); // One zero to px
78 assert_computed_style("webkitFilter", "blur(2em)", "blur(32px)"); // One length 78 assert_computed_style("filter", "blur(2em)", "blur(32px)"); // One length
79 assert_computed_style("webkitFilter", "blur(5px)"); // One length 79 assert_computed_style("filter", "blur(5px)"); // One length
80 assert_computed_style("webkitFilter", "blur()", "blur(0px)"); // No arguments 80 assert_computed_style("filter", "blur()", "blur(0px)"); // No arguments
81 81
82 assert_computed_style("webkitFilter", 82 assert_computed_style("filter",
83 "drop-shadow(red 1px 2px 3px)", "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)"); // Color then three values 83 "drop-shadow(red 1px 2px 3px)", "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)"); // Color then three values
84 assert_computed_style("webkitFilter", 84 assert_computed_style("filter",
85 "drop-shadow(1px 2px 3px red)", "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)"); // Three values then color 85 "drop-shadow(1px 2px 3px red)", "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)"); // Three values then color
86 assert_computed_style("webkitFilter", 86 assert_computed_style("filter",
87 "drop-shadow(#abc 0 0 0)", "drop-shadow(rgb(170, 187, 204) 0px 0px 0px)"); // Color then three values with zero length 87 "drop-shadow(#abc 0 0 0)", "drop-shadow(rgb(170, 187, 204) 0px 0px 0px)"); // Color then three values with zero length
88 assert_computed_style("webkitFilter", 88 assert_computed_style("filter",
89 "drop-shadow(0 0 0)", "drop-shadow(rgb(0, 0, 0) 0px 0px 0px)"); // Three value s with zero length 89 "drop-shadow(0 0 0)", "drop-shadow(rgb(0, 0, 0) 0px 0px 0px)"); // Three value s with zero length
90 assert_computed_style("webkitFilter", 90 assert_computed_style("filter",
91 "drop-shadow(1px 2px)", "drop-shadow(rgb(0, 0, 0) 1px 2px 0px)"); // Two value s no color 91 "drop-shadow(1px 2px)", "drop-shadow(rgb(0, 0, 0) 1px 2px 0px)"); // Two value s no color
92 92
93 // Combinations 93 // Combinations
94 assert_computed_style("webkitFilter", "grayscale(1) url('#a')", 'grayscale(1) ur l("#a")'); 94 assert_computed_style("filter", "grayscale(1) url('#a')", 'grayscale(1) url("#a" )');
95 assert_computed_style("webkitFilter", "sepia(0.5) grayscale(0.25)"); 95 assert_computed_style("filter", "sepia(0.5) grayscale(0.25)");
96 assert_computed_style("webkitFilter", "saturate(0.5) grayscale(0.25)"); 96 assert_computed_style("filter", "saturate(0.5) grayscale(0.25)");
97 assert_computed_style("webkitFilter", "hue-rotate(10deg) grayscale(0.25)"); 97 assert_computed_style("filter", "hue-rotate(10deg) grayscale(0.25)");
98 assert_computed_style("webkitFilter", "invert(0.5) grayscale(0.25)"); 98 assert_computed_style("filter", "invert(0.5) grayscale(0.25)");
99 assert_computed_style("webkitFilter", "opacity(0.5) grayscale(0.25)"); 99 assert_computed_style("filter", "opacity(0.5) grayscale(0.25)");
100 assert_computed_style("webkitFilter", "brightness(0.5) grayscale(0.25)"); 100 assert_computed_style("filter", "brightness(0.5) grayscale(0.25)");
101 assert_computed_style("webkitFilter", "contrast(0.5) grayscale(0.25)"); 101 assert_computed_style("filter", "contrast(0.5) grayscale(0.25)");
102 assert_computed_style("webkitFilter", 102 assert_computed_style("filter",
103 "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opaci ty(0.9) blur(5px)"); 103 "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opaci ty(0.9) blur(5px)");
104 assert_computed_style("webkitFilter", 104 assert_computed_style("filter",
105 "grayscale(50%) sepia(25%) saturate(75%) invert(20%) opacity(90%) brightness(6 0%) contrast(30%)", 105 "grayscale(50%) sepia(25%) saturate(75%) invert(20%) opacity(90%) brightness(6 0%) contrast(30%)",
106 "grayscale(0.5) sepia(0.25) saturate(0.75) invert(0.2) opacity(0.9) brightness (0.6) contrast(0.3)"); 106 "grayscale(0.5) sepia(0.25) saturate(0.75) invert(0.2) opacity(0.9) brightness (0.6) contrast(0.3)");
107 </script> 107 </script>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/filters/feoffset-region-zoom-expected.html ('k') | third_party/WebKit/LayoutTests/css3/filters/filter-property-parsing.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698