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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2055733002: Clean up script-tests in css3/filters (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix expectations for un-duped test 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/filter-property.html ('k') | third_party/WebKit/LayoutTests/css3/filters/filter-property-computed-style-expected.txt » ('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 PUBLIC "-//IETF//DTD HTML//EN"> 1 <!DOCTYPE html>
2 <html> 2 <title>Computed style of the -webkit-filter property</title>
3 <head> 3 <script src="../../resources/testharness.js"></script>
4 <script src="../../resources/js-test.js"></script> 4 <script src="../../resources/testharnessreport.js"></script>
5 </head> 5 <script>
6 <body> 6 function assert_computed_style(property, value, expectedValue) {
7 <p id="description"></p> 7 if (expectedValue === undefined)
8 <div id="console"></div> 8 expectedValue = value;
9 <script src="script-tests/filter-property-computed-style.js"></script> 9
10 </body> 10 var stringifiedValue = JSON.stringify(value);
11 </html> 11
12 test(function() {
13 var div = document.createElement('div');
14 div.style[property] = value;
15 document.head.appendChild(div);
16 var computedStyleValue = getComputedStyle(div)[property];
17 div.remove();
18 assert_equals(computedStyleValue, expectedValue);
19 }, "Computed style after setting e.style['" + property + "'] = " + stringified Value);
20 }
21
22 assert_computed_style("webkitFilter", "url('#a')", 'url("#a")'); // Basic refere nce
23 assert_computed_style("webkitFilter", "url(#a)", 'url("#a")'); // Bare unquoted reference converting to quoted form
24 assert_computed_style("webkitFilter", "url('#a') url('#b')", 'url("#a") url("#b" )'); // Multiple references
25
26 assert_computed_style("webkitFilter", "grayscale(1)"); // Integer value
27 assert_computed_style("webkitFilter", "grayscale(1.0)", "grayscale(1)"); // Floa t value converts to integer
28 assert_computed_style("webkitFilter", "grayscale(0)"); // Zero value
29 assert_computed_style("webkitFilter", "grayscale()", "grayscale(1)"); // No argu ments
30 assert_computed_style("webkitFilter", "grayscale(0.5) grayscale(0.25)"); // Mult iple values
31
32 assert_computed_style("webkitFilter", "sepia(1)"); // Integer value
33 assert_computed_style("webkitFilter", "sepia(1.0)", "sepia(1)"); // Float value converts to integer
34 assert_computed_style("webkitFilter", "sepia(0)"); // Zero value
35 assert_computed_style("webkitFilter", "sepia()", "sepia(1)"); // No arguments
36 assert_computed_style("webkitFilter", "sepia(0.5) sepia(0.25)"); // Multiple val ues
37
38 assert_computed_style("webkitFilter", "saturate(1)"); // Integer value
39 assert_computed_style("webkitFilter", "saturate(1.0)", "saturate(1)"); // Float value converts to integer
40 assert_computed_style("webkitFilter", "saturate(0)"); // Zero value
41 assert_computed_style("webkitFilter", "saturate()", "saturate(1)"); // No argume nts
42 assert_computed_style("webkitFilter", "saturate(0.5) saturate(0.25)"); // Multip le values
43
44 assert_computed_style("webkitFilter", "hue-rotate(10deg)"); // Degrees value as integer
45 assert_computed_style("webkitFilter", "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
47 assert_computed_style("webkitFilter", "hue-rotate(10grad)", "hue-rotate(9deg)"); // Gradians value
48 assert_computed_style("webkitFilter", "hue-rotate(0.5turn)", "hue-rotate(180deg) "); // Turns value
49 assert_computed_style("webkitFilter", "hue-rotate(0)", "hue-rotate(0deg)"); // Z ero value
50 assert_computed_style("webkitFilter", "hue-rotate()", "hue-rotate(0deg)"); // No arguments
51
52 assert_computed_style("webkitFilter", "invert(1)"); // Integer value
53 assert_computed_style("webkitFilter", "invert(1.0)", "invert(1)"); // Float valu e converts to integer
54 assert_computed_style("webkitFilter", "invert(0)"); // Zero value
55 assert_computed_style("webkitFilter", "invert()", "invert(1)"); // No arguments
56 assert_computed_style("webkitFilter", "invert(0.5) invert(0.25)"); // Multiple v alues
57
58 assert_computed_style("webkitFilter", "opacity(1)"); // Integer value
59 assert_computed_style("webkitFilter", "opacity(1.0)", "opacity(1)"); // Float va lue converts to integer
60 assert_computed_style("webkitFilter", "opacity(0)"); // Zero value
61 assert_computed_style("webkitFilter", "opacity()", "opacity(1)"); // No argument s
62 assert_computed_style("webkitFilter", "opacity(0.5) opacity(0.25)"); // Multiple values
63
64 assert_computed_style("webkitFilter", "brightness(1)"); // Integer value
65 assert_computed_style("webkitFilter", "brightness(1.0)", "brightness(1)"); // Fl oat value converts to integer
66 assert_computed_style("webkitFilter", "brightness(0)"); // Zero value
67 assert_computed_style("webkitFilter", "brightness()", "brightness(0)"); // No ar guments
68 assert_computed_style("webkitFilter", "brightness(0.5) brightness(0.25)"); // Mu ltiple values
69
70 assert_computed_style("webkitFilter", "contrast(1)"); // Integer value
71 assert_computed_style("webkitFilter", "contrast(2)"); // Value greater than 1
72 assert_computed_style("webkitFilter", "contrast(1.0)", "contrast(1)"); // Float value converts to integer
73 assert_computed_style("webkitFilter", "contrast(0)"); // Zero value
74 assert_computed_style("webkitFilter", "contrast()", "contrast(1)"); // No argume nts
75 assert_computed_style("webkitFilter", "contrast(0.5) contrast(0.25)"); // Multip le values
76
77 assert_computed_style("webkitFilter", "blur(0)", "blur(0px)"); // One zero to px
78 assert_computed_style("webkitFilter", "blur(2em)", "blur(32px)"); // One length
79 assert_computed_style("webkitFilter", "blur(5px)"); // One length
80 assert_computed_style("webkitFilter", "blur()", "blur(0px)"); // No arguments
81
82 assert_computed_style("webkitFilter",
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",
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",
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",
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",
91 "drop-shadow(1px 2px)", "drop-shadow(rgb(0, 0, 0) 1px 2px 0px)"); // Two value s no color
92
93 // Combinations
94 assert_computed_style("webkitFilter", "grayscale(1) url('#a')", 'grayscale(1) ur l("#a")');
95 assert_computed_style("webkitFilter", "sepia(0.5) grayscale(0.25)");
96 assert_computed_style("webkitFilter", "saturate(0.5) grayscale(0.25)");
97 assert_computed_style("webkitFilter", "hue-rotate(10deg) grayscale(0.25)");
98 assert_computed_style("webkitFilter", "invert(0.5) grayscale(0.25)");
99 assert_computed_style("webkitFilter", "opacity(0.5) grayscale(0.25)");
100 assert_computed_style("webkitFilter", "brightness(0.5) grayscale(0.25)");
101 assert_computed_style("webkitFilter", "contrast(0.5) grayscale(0.25)");
102 assert_computed_style("webkitFilter",
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",
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)");
107 </script>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/filters/filter-property.html ('k') | third_party/WebKit/LayoutTests/css3/filters/filter-property-computed-style-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698