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