OLD | NEW |
(Empty) | |
| 1 Test that -webkit-filter matches filter. |
| 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 |
| 5 |
| 6 Basic reference : -webkit-filter: url('#a') |
| 7 PASS computed filter style: url("#a") |
| 8 |
| 9 Bare unquoted reference converting to quoted form : -webkit-filter: url(#a) |
| 10 PASS computed filter style: url("#a") |
| 11 |
| 12 Multiple references : -webkit-filter: url('#a') url('#b') |
| 13 PASS computed filter style: url("#a") url("#b") |
| 14 |
| 15 Reference as 2nd value : -webkit-filter: grayscale(1) url('#a') |
| 16 PASS computed filter style: grayscale(1) url("#a") |
| 17 |
| 18 Float value converts to integer : -webkit-filter: grayscale(1.0) |
| 19 PASS computed filter style: grayscale(1) |
| 20 |
| 21 Zero value : -webkit-filter: grayscale(0) |
| 22 PASS computed filter style: grayscale(0) |
| 23 |
| 24 No values : -webkit-filter: grayscale() |
| 25 PASS computed filter style: grayscale(1) |
| 26 |
| 27 Multiple values : -webkit-filter: grayscale(0.5) grayscale(0.25) |
| 28 PASS computed filter style: grayscale(0.5) grayscale(0.25) |
| 29 |
| 30 Integer value : -webkit-filter: sepia(1) |
| 31 PASS computed filter style: sepia(1) |
| 32 |
| 33 Float value converts to integer : -webkit-filter: sepia(1.0) |
| 34 PASS computed filter style: sepia(1) |
| 35 |
| 36 Zero value : -webkit-filter: sepia(0) |
| 37 PASS computed filter style: sepia(0) |
| 38 |
| 39 No values : -webkit-filter: sepia() |
| 40 PASS computed filter style: sepia(1) |
| 41 |
| 42 Multiple values : -webkit-filter: sepia(0.5) sepia(0.25) |
| 43 PASS computed filter style: sepia(0.5) sepia(0.25) |
| 44 |
| 45 Rule combinations : -webkit-filter: sepia(0.5) grayscale(0.25) |
| 46 PASS computed filter style: sepia(0.5) grayscale(0.25) |
| 47 |
| 48 Integer value : -webkit-filter: saturate(1) |
| 49 PASS computed filter style: saturate(1) |
| 50 |
| 51 Float value converts to integer : -webkit-filter: saturate(1.0) |
| 52 PASS computed filter style: saturate(1) |
| 53 |
| 54 Zero value : -webkit-filter: saturate(0) |
| 55 PASS computed filter style: saturate(0) |
| 56 |
| 57 No values : -webkit-filter: saturate() |
| 58 PASS computed filter style: saturate(1) |
| 59 |
| 60 Multiple values : -webkit-filter: saturate(0.5) saturate(0.25) |
| 61 PASS computed filter style: saturate(0.5) saturate(0.25) |
| 62 |
| 63 Rule combinations : -webkit-filter: saturate(0.5) grayscale(0.25) |
| 64 PASS computed filter style: saturate(0.5) grayscale(0.25) |
| 65 |
| 66 Degrees value as integer : -webkit-filter: hue-rotate(10deg) |
| 67 PASS computed filter style: hue-rotate(10deg) |
| 68 |
| 69 Degrees float value converts to integer : -webkit-filter: hue-rotate(10.0deg) |
| 70 PASS computed filter style: hue-rotate(10deg) |
| 71 |
| 72 Radians value : -webkit-filter: hue-rotate(10rad) |
| 73 PASS computed filter style: hue-rotate(572.958deg) |
| 74 |
| 75 Gradians value : -webkit-filter: hue-rotate(10grad) |
| 76 PASS computed filter style: hue-rotate(9deg) |
| 77 |
| 78 Turns value : -webkit-filter: hue-rotate(0.5turn) |
| 79 PASS computed filter style: hue-rotate(180deg) |
| 80 |
| 81 Zero value : -webkit-filter: hue-rotate(0) |
| 82 PASS computed filter style: hue-rotate(0deg) |
| 83 |
| 84 No values : -webkit-filter: hue-rotate() |
| 85 PASS computed filter style: hue-rotate(0deg) |
| 86 |
| 87 Rule combinations : -webkit-filter: hue-rotate(10deg) grayscale(0.25) |
| 88 PASS computed filter style: hue-rotate(10deg) grayscale(0.25) |
| 89 |
| 90 Integer value : -webkit-filter: invert(1) |
| 91 PASS computed filter style: invert(1) |
| 92 |
| 93 Float value converts to integer : -webkit-filter: invert(1.0) |
| 94 PASS computed filter style: invert(1) |
| 95 |
| 96 Zero value : -webkit-filter: invert(0) |
| 97 PASS computed filter style: invert(0) |
| 98 |
| 99 No values : -webkit-filter: invert() |
| 100 PASS computed filter style: invert(1) |
| 101 |
| 102 Multiple values : -webkit-filter: invert(0.5) invert(0.25) |
| 103 PASS computed filter style: invert(0.5) invert(0.25) |
| 104 |
| 105 Rule combinations : -webkit-filter: invert(0.5) grayscale(0.25) |
| 106 PASS computed filter style: invert(0.5) grayscale(0.25) |
| 107 |
| 108 Integer value : -webkit-filter: opacity(1) |
| 109 PASS computed filter style: opacity(1) |
| 110 |
| 111 Float value converts to integer : -webkit-filter: opacity(1.0) |
| 112 PASS computed filter style: opacity(1) |
| 113 |
| 114 Zero value : -webkit-filter: opacity(0) |
| 115 PASS computed filter style: opacity(0) |
| 116 |
| 117 No values : -webkit-filter: opacity() |
| 118 PASS computed filter style: opacity(1) |
| 119 |
| 120 Multiple values : -webkit-filter: opacity(0.5) opacity(0.25) |
| 121 PASS computed filter style: opacity(0.5) opacity(0.25) |
| 122 |
| 123 Rule combinations : -webkit-filter: opacity(0.5) grayscale(0.25) |
| 124 PASS computed filter style: opacity(0.5) grayscale(0.25) |
| 125 |
| 126 Integer value : -webkit-filter: brightness(1) |
| 127 PASS computed filter style: brightness(1) |
| 128 |
| 129 Float value converts to integer : -webkit-filter: brightness(1.0) |
| 130 PASS computed filter style: brightness(1) |
| 131 |
| 132 Zero value : -webkit-filter: brightness(0) |
| 133 PASS computed filter style: brightness(0) |
| 134 |
| 135 No values : -webkit-filter: brightness() |
| 136 PASS computed filter style: brightness(0) |
| 137 |
| 138 Multiple values : -webkit-filter: brightness(0.5) brightness(0.25) |
| 139 PASS computed filter style: brightness(0.5) brightness(0.25) |
| 140 |
| 141 Rule combinations : -webkit-filter: brightness(0.5) grayscale(0.25) |
| 142 PASS computed filter style: brightness(0.5) grayscale(0.25) |
| 143 |
| 144 Integer value : -webkit-filter: contrast(1) |
| 145 PASS computed filter style: contrast(1) |
| 146 |
| 147 Value greater than 1 : -webkit-filter: contrast(2) |
| 148 PASS computed filter style: contrast(2) |
| 149 |
| 150 Float value converts to integer : -webkit-filter: contrast(1.0) |
| 151 PASS computed filter style: contrast(1) |
| 152 |
| 153 Zero value : -webkit-filter: contrast(0) |
| 154 PASS computed filter style: contrast(0) |
| 155 |
| 156 No values : -webkit-filter: contrast() |
| 157 PASS computed filter style: contrast(1) |
| 158 |
| 159 Multiple values : -webkit-filter: contrast(0.5) contrast(0.25) |
| 160 PASS computed filter style: contrast(0.5) contrast(0.25) |
| 161 |
| 162 Rule combinations : -webkit-filter: contrast(0.5) grayscale(0.25) |
| 163 PASS computed filter style: contrast(0.5) grayscale(0.25) |
| 164 |
| 165 One zero to px : -webkit-filter: blur(0) |
| 166 PASS computed filter style: blur(0px) |
| 167 |
| 168 One length : -webkit-filter: blur(2em) |
| 169 PASS computed filter style: blur(32px) |
| 170 |
| 171 One length : -webkit-filter: blur(5px) |
| 172 PASS computed filter style: blur(5px) |
| 173 |
| 174 No values : -webkit-filter: blur() |
| 175 PASS computed filter style: blur(0px) |
| 176 |
| 177 Named color then three values : -webkit-filter: drop-shadow(red 1px 2px 3px) |
| 178 PASS computed filter style: drop-shadow(rgb(255, 0, 0) 1px 2px 3px) |
| 179 |
| 180 Three values then named color : -webkit-filter: drop-shadow(1px 2px 3px red) |
| 181 PASS computed filter style: drop-shadow(rgb(255, 0, 0) 1px 2px 3px) |
| 182 |
| 183 Color then three values with zero length : -webkit-filter: drop-shadow(#abc 0 0
0) |
| 184 PASS computed filter style: drop-shadow(rgb(170, 187, 204) 0px 0px 0px) |
| 185 |
| 186 Three values with zero length : -webkit-filter: drop-shadow(0 0 0) |
| 187 PASS computed filter style: drop-shadow(rgb(0, 0, 0) 0px 0px 0px) |
| 188 |
| 189 Two values no color : -webkit-filter: drop-shadow(1px 2px) |
| 190 PASS computed filter style: drop-shadow(rgb(0, 0, 0) 1px 2px 0px) |
| 191 |
| 192 Multiple operations : -webkit-filter: grayscale(0.5) sepia(0.25) saturate(0.75)
hue-rotate(35deg) invert(0.2) opacity(0.9) blur(5px) |
| 193 PASS computed filter style: grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate
(35deg) invert(0.2) opacity(0.9) blur(5px) |
| 194 |
| 195 Percentage values : -webkit-filter: grayscale(50%) sepia(25%) saturate(75%) inve
rt(20%) opacity(90%) brightness(60%) contrast(30%) |
| 196 PASS computed filter style: grayscale(0.5) sepia(0.25) saturate(0.75) invert(0.2
) opacity(0.9) brightness(0.6) contrast(0.3) |
| 197 |
| 198 PASS successfullyParsed is true |
| 199 |
| 200 TEST COMPLETE |
| 201 |
OLD | NEW |