OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>Parsing of the -webkit-filter property; valid values</title> | 2 <title>Parsing of the -webkit-filter property; valid values</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 src="../../css-parser/resources/property-parsing-test.js"></script> | 5 <script src="../../css-parser/resources/property-parsing-test.js"></script> |
6 <script> | 6 <script> |
7 assert_valid_value("webkitFilter", "url('#a')", 'url("#a")'); // Basic reference | 7 assert_valid_value("filter", "url('#a')", 'url("#a")'); // Basic reference |
8 assert_valid_value("webkitFilter", "url(#a)", 'url("#a")'); // Bare unquoted ref
erence converting to quoted form | 8 assert_valid_value("filter", "url(#a)", 'url("#a")'); // Bare unquoted reference
converting to quoted form |
9 assert_valid_value("webkitFilter", "url('#a') url('#b')", 'url("#a") url("#b")')
; // Multiple references | 9 assert_valid_value("filter", "url('#a') url('#b')", 'url("#a") url("#b")'); // M
ultiple references |
10 | 10 |
11 assert_valid_value("webkitFilter", "grayscale(1) url('#a')", 'grayscale(1) url("
#a")'); // Reference as 2nd value | 11 assert_valid_value("filter", "grayscale(1) url('#a')", 'grayscale(1) url("#a")')
; // Reference as 2nd value |
12 assert_valid_value("webkitFilter", "grayscale(1)"); // Integer value | 12 assert_valid_value("filter", "grayscale(1)"); // Integer value |
13 assert_valid_value("webkitFilter", "grayscale(50%)"); // Percentage value | 13 assert_valid_value("filter", "grayscale(50%)"); // Percentage value |
14 assert_valid_value("webkitFilter", "grayscale(1.0)", "grayscale(1)"); // Float v
alue converts to integer | 14 assert_valid_value("filter", "grayscale(1.0)", "grayscale(1)"); // Float value c
onverts to integer |
15 assert_valid_value("webkitFilter", "grayscale(0)"); // Zero value | 15 assert_valid_value("filter", "grayscale(0)"); // Zero value |
16 assert_valid_value("webkitFilter", "grayscale()"); // No arguments | 16 assert_valid_value("filter", "grayscale()"); // No arguments |
17 assert_valid_value("webkitFilter", "grayscale(1.5)", "grayscale(1)"); // Paramet
er greater than 1 | 17 assert_valid_value("filter", "grayscale(1.5)", "grayscale(1)"); // Parameter gre
ater than 1 |
18 assert_valid_value("webkitFilter", "grayscale(150%)", "grayscale(100%)"); // Par
ameter greater than 100% | 18 assert_valid_value("filter", "grayscale(150%)", "grayscale(100%)"); // Parameter
greater than 100% |
19 assert_valid_value("webkitFilter", "grayscale(0.5) grayscale(0.25)"); // Multipl
e values | 19 assert_valid_value("filter", "grayscale(0.5) grayscale(0.25)"); // Multiple valu
es |
20 | 20 |
21 assert_valid_value("webkitFilter", "sepia(1)"); // Integer value | 21 assert_valid_value("filter", "sepia(1)"); // Integer value |
22 assert_valid_value("webkitFilter", "sepia(50%)"); // Percentage value | 22 assert_valid_value("filter", "sepia(50%)"); // Percentage value |
23 assert_valid_value("webkitFilter", "sepia(1.0)", "sepia(1)"); // Float value con
verts to integer | 23 assert_valid_value("filter", "sepia(1.0)", "sepia(1)"); // Float value converts
to integer |
24 assert_valid_value("webkitFilter", "sepia(0)"); // Zero value | 24 assert_valid_value("filter", "sepia(0)"); // Zero value |
25 assert_valid_value("webkitFilter", "sepia()"); // No arguments | 25 assert_valid_value("filter", "sepia()"); // No arguments |
26 assert_valid_value("webkitFilter", "sepia(10000)", "sepia(1)"); // Parameter gre
ater than 1 | 26 assert_valid_value("filter", "sepia(10000)", "sepia(1)"); // Parameter greater t
han 1 |
27 assert_valid_value("webkitFilter", "sepia(1000%)", "sepia(100%)"); // Parameter
greater than 100% | 27 assert_valid_value("filter", "sepia(1000%)", "sepia(100%)"); // Parameter greate
r than 100% |
28 assert_valid_value("webkitFilter", "sepia(0.5) sepia(0.25)"); // Multiple values | 28 assert_valid_value("filter", "sepia(0.5) sepia(0.25)"); // Multiple values |
29 | 29 |
30 assert_valid_value("webkitFilter", "saturate(1)"); // Integer value | 30 assert_valid_value("filter", "saturate(1)"); // Integer value |
31 assert_valid_value("webkitFilter", "saturate(50%)"); // Percentage value | 31 assert_valid_value("filter", "saturate(50%)"); // Percentage value |
32 assert_valid_value("webkitFilter", "saturate(250%)"); // Percentage value > 1 | 32 assert_valid_value("filter", "saturate(250%)"); // Percentage value > 1 |
33 assert_valid_value("webkitFilter", "saturate(1.0)", "saturate(1)"); // Float val
ue converts to integer | 33 assert_valid_value("filter", "saturate(1.0)", "saturate(1)"); // Float value con
verts to integer |
34 assert_valid_value("webkitFilter", "saturate(5.5)"); // Input value > 1 | 34 assert_valid_value("filter", "saturate(5.5)"); // Input value > 1 |
35 assert_valid_value("webkitFilter", "saturate(0)"); // Zero value | 35 assert_valid_value("filter", "saturate(0)"); // Zero value |
36 assert_valid_value("webkitFilter", "saturate()"); // No arguments | 36 assert_valid_value("filter", "saturate()"); // No arguments |
37 assert_valid_value("webkitFilter", "saturate(0.5) saturate(0.25)"); // Multiple
values | 37 assert_valid_value("filter", "saturate(0.5) saturate(0.25)"); // Multiple values |
38 | 38 |
39 assert_valid_value("webkitFilter", "hue-rotate(10deg)"); // Degrees value as int
eger | 39 assert_valid_value("filter", "hue-rotate(10deg)"); // Degrees value as integer |
40 assert_valid_value("webkitFilter", "hue-rotate(10.0deg)", "hue-rotate(10deg)");
// Degrees float value converts to integer | 40 assert_valid_value("filter", "hue-rotate(10.0deg)", "hue-rotate(10deg)"); // Deg
rees float value converts to integer |
41 assert_valid_value("webkitFilter", "hue-rotate(10rad)"); // Radians value | 41 assert_valid_value("filter", "hue-rotate(10rad)"); // Radians value |
42 assert_valid_value("webkitFilter", "hue-rotate(10grad)"); // Gradians value | 42 assert_valid_value("filter", "hue-rotate(10grad)"); // Gradians value |
43 assert_valid_value("webkitFilter", "hue-rotate(0.5turn)"); // Turns value | 43 assert_valid_value("filter", "hue-rotate(0.5turn)"); // Turns value |
44 assert_valid_value("webkitFilter", "hue-rotate(0)", "hue-rotate(0deg)"); // Zero
value | 44 assert_valid_value("filter", "hue-rotate(0)", "hue-rotate(0deg)"); // Zero value |
45 assert_valid_value("webkitFilter", "hue-rotate()"); // No arguments | 45 assert_valid_value("filter", "hue-rotate()"); // No arguments |
46 | 46 |
47 assert_valid_value("webkitFilter", "invert(1)") // Integer value | 47 assert_valid_value("filter", "invert(1)") // Integer value |
48 assert_valid_value("webkitFilter", "invert(50%)"); // Percentage value | 48 assert_valid_value("filter", "invert(50%)"); // Percentage value |
49 assert_valid_value("webkitFilter", "invert(1.0)", "invert(1)"); // Float value c
onverts to integer | 49 assert_valid_value("filter", "invert(1.0)", "invert(1)"); // Float value convert
s to integer |
50 assert_valid_value("webkitFilter", "invert(0)"); // Zero value | 50 assert_valid_value("filter", "invert(0)"); // Zero value |
51 assert_valid_value("webkitFilter", "invert()"); // No arguments | 51 assert_valid_value("filter", "invert()"); // No arguments |
52 assert_valid_value("webkitFilter", "invert(1.5)", "invert(1)"); // Parameter gre
ater than 1 | 52 assert_valid_value("filter", "invert(1.5)", "invert(1)"); // Parameter greater t
han 1 |
53 assert_valid_value("webkitFilter", "invert(150%)", "invert(100%)"); // Parameter
greater than 100% | 53 assert_valid_value("filter", "invert(150%)", "invert(100%)"); // Parameter great
er than 100% |
54 assert_valid_value("webkitFilter", "invert(0.5) invert(0.25)"); // Multiple valu
es | 54 assert_valid_value("filter", "invert(0.5) invert(0.25)"); // Multiple values |
55 | 55 |
56 assert_valid_value("webkitFilter", "opacity(1)"); // Integer value | 56 assert_valid_value("filter", "opacity(1)"); // Integer value |
57 assert_valid_value("webkitFilter", "opacity(50%)"); // Percentage value | 57 assert_valid_value("filter", "opacity(50%)"); // Percentage value |
58 assert_valid_value("webkitFilter", "opacity(1.0)", "opacity(1)"); // Float value
converts to integer | 58 assert_valid_value("filter", "opacity(1.0)", "opacity(1)"); // Float value conve
rts to integer |
59 assert_valid_value("webkitFilter", "opacity(0)"); // Zero value | 59 assert_valid_value("filter", "opacity(0)"); // Zero value |
60 assert_valid_value("webkitFilter", "opacity()"); // No arguments | 60 assert_valid_value("filter", "opacity()"); // No arguments |
61 assert_valid_value("webkitFilter", "opacity(1.5)", "opacity(1)"); // Parameter g
reater than 1 | 61 assert_valid_value("filter", "opacity(1.5)", "opacity(1)"); // Parameter greater
than 1 |
62 assert_valid_value("webkitFilter", "opacity(150%)", "opacity(100%)"); // Paramet
er greater than 100% | 62 assert_valid_value("filter", "opacity(150%)", "opacity(100%)"); // Parameter gre
ater than 100% |
63 assert_valid_value("webkitFilter", "opacity(0.5) opacity(0.25)"); // Multiple va
lues | 63 assert_valid_value("filter", "opacity(0.5) opacity(0.25)"); // Multiple values |
64 | 64 |
65 assert_valid_value("webkitFilter", "brightness(1)"); // Integer value | 65 assert_valid_value("filter", "brightness(1)"); // Integer value |
66 assert_valid_value("webkitFilter", "brightness(50%)"); // Percentage value | 66 assert_valid_value("filter", "brightness(50%)"); // Percentage value |
67 assert_valid_value("webkitFilter", "brightness(1.0)", "brightness(1)"); // Float
value converts to integer | 67 assert_valid_value("filter", "brightness(1.0)", "brightness(1)"); // Float value
converts to integer |
68 assert_valid_value("webkitFilter", "brightness(0)"); // Zero value | 68 assert_valid_value("filter", "brightness(0)"); // Zero value |
69 assert_valid_value("webkitFilter", "brightness()"); // No arguments | 69 assert_valid_value("filter", "brightness()"); // No arguments |
70 assert_valid_value("webkitFilter", "brightness(0.5) brightness(0.25)"); // Multi
ple values | 70 assert_valid_value("filter", "brightness(0.5) brightness(0.25)"); // Multiple va
lues |
71 assert_valid_value("webkitFilter", "brightness(-1.1)"); // Parameter less than -
100% | 71 assert_valid_value("filter", "brightness(-1.1)"); // Parameter less than -100% |
72 assert_valid_value("webkitFilter", "brightness(101%)"); // Parameter more than 1
00% | 72 assert_valid_value("filter", "brightness(101%)"); // Parameter more than 100% |
73 | 73 |
74 assert_valid_value("webkitFilter", "contrast(1)"); // Integer value | 74 assert_valid_value("filter", "contrast(1)"); // Integer value |
75 assert_valid_value("webkitFilter", "contrast(50%)"); // Percentage value | 75 assert_valid_value("filter", "contrast(50%)"); // Percentage value |
76 assert_valid_value("webkitFilter", "contrast(250%)"); // Percentage value > 1 | 76 assert_valid_value("filter", "contrast(250%)"); // Percentage value > 1 |
77 assert_valid_value("webkitFilter", "contrast(1.0)", "contrast(1)"); // Float val
ue converts to integer | 77 assert_valid_value("filter", "contrast(1.0)", "contrast(1)"); // Float value con
verts to integer |
78 assert_valid_value("webkitFilter", "contrast(0)"); // Zero value | 78 assert_valid_value("filter", "contrast(0)"); // Zero value |
79 assert_valid_value("webkitFilter", "contrast()"); // No arguments | 79 assert_valid_value("filter", "contrast()"); // No arguments |
80 assert_valid_value("webkitFilter", "contrast(2)"); // Value greater than one | 80 assert_valid_value("filter", "contrast(2)"); // Value greater than one |
81 assert_valid_value("webkitFilter", "contrast(0.5) contrast(0.25)"); // Multiple
values | 81 assert_valid_value("filter", "contrast(0.5) contrast(0.25)"); // Multiple values |
82 | 82 |
83 assert_valid_value("webkitFilter", "blur(0)", "blur(0px)"); // One zero to px | 83 assert_valid_value("filter", "blur(0)", "blur(0px)"); // One zero to px |
84 assert_valid_value("webkitFilter", "blur(10px)"); // One length | 84 assert_valid_value("filter", "blur(10px)"); // One length |
85 assert_valid_value("webkitFilter", "blur()"); // No arguments | 85 assert_valid_value("filter", "blur()"); // No arguments |
86 | 86 |
87 assert_valid_value("webkitFilter", "drop-shadow(red 1px 2px 3px)"); // Color the
n three values | 87 assert_valid_value("filter", "drop-shadow(red 1px 2px 3px)"); // Color then thre
e values |
88 assert_valid_value("webkitFilter", "drop-shadow(1px 2px 3px red)", "drop-shadow(
red 1px 2px 3px)"); // Three values then color | 88 assert_valid_value("filter", "drop-shadow(1px 2px 3px red)", "drop-shadow(red 1p
x 2px 3px)"); // Three values then color |
89 assert_valid_value("webkitFilter", "drop-shadow(#abc 0 0 0)", "drop-shadow(rgb(1
70, 187, 204) 0px 0px 0px)"); // Color then three values with zero length | 89 assert_valid_value("filter", "drop-shadow(#abc 0 0 0)", "drop-shadow(rgb(170, 18
7, 204) 0px 0px 0px)"); // Color then three values with zero length |
90 assert_valid_value("webkitFilter", "drop-shadow(0 0 0)", "drop-shadow(0px 0px 0p
x)"); // Three values with zero length | 90 assert_valid_value("filter", "drop-shadow(0 0 0)", "drop-shadow(0px 0px 0px)");
// Three values with zero length |
91 assert_valid_value("webkitFilter", "drop-shadow(1px 2px)"); // Two values no col
or | 91 assert_valid_value("filter", "drop-shadow(1px 2px)"); // Two values no color |
92 | 92 |
93 // Combinations | 93 // Combinations |
94 assert_valid_value("webkitFilter", "sepia(0.5) grayscale(0.25)"); | 94 assert_valid_value("filter", "sepia(0.5) grayscale(0.25)"); |
95 assert_valid_value("webkitFilter", "saturate(0.5) grayscale(0.25)"); | 95 assert_valid_value("filter", "saturate(0.5) grayscale(0.25)"); |
96 assert_valid_value("webkitFilter", "hue-rotate(10deg) grayscale(0.25)"); | 96 assert_valid_value("filter", "hue-rotate(10deg) grayscale(0.25)"); |
97 assert_valid_value("webkitFilter", "invert(0.5) grayscale(0.25)"); | 97 assert_valid_value("filter", "invert(0.5) grayscale(0.25)"); |
98 assert_valid_value("webkitFilter", "opacity(0.5) grayscale(0.25)"); | 98 assert_valid_value("filter", "opacity(0.5) grayscale(0.25)"); |
99 assert_valid_value("webkitFilter", "brightness(0.5) grayscale(0.25)"); | 99 assert_valid_value("filter", "brightness(0.5) grayscale(0.25)"); |
100 assert_valid_value("webkitFilter", "grayscale(0.25) brightness(0.5)"); | 100 assert_valid_value("filter", "grayscale(0.25) brightness(0.5)"); |
101 assert_valid_value("webkitFilter", "contrast(0.5) grayscale(0.25)"); | 101 assert_valid_value("filter", "contrast(0.5) grayscale(0.25)"); |
102 assert_valid_value("webkitFilter", "grayscale(0.25) contrast(0.5)"); | 102 assert_valid_value("filter", "grayscale(0.25) contrast(0.5)"); |
103 assert_valid_value("webkitFilter", | 103 assert_valid_value("filter", |
104 "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opaci
ty(0.9) blur(5px) drop-shadow(green 1px 2px 3px)"); | 104 "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg) invert(0.2) opaci
ty(0.9) blur(5px) drop-shadow(green 1px 2px 3px)"); |
105 </script> | 105 </script> |
OLD | NEW |