OLD | NEW |
1 Tests that the displayed string for colors correctly handles clipped CSS values
and RGB percentages. | 1 Tests that the displayed string for colors correctly handles clipped CSS values
and RGB percentages. |
2 | 2 |
3 | 3 |
4 Running: testColors | 4 Running: testColors |
5 | 5 |
6 color: red | 6 color: red |
7 simple: true | 7 simple: true |
8 original: red | 8 original: red |
9 nickname: red | 9 nickname: red |
10 hex: #ff0000 | 10 hex: #ff0000 |
11 shorthex: #f00 | 11 shorthex: #f00 |
12 hexa: #ff0000ff | |
13 shorthexa: #f00f | |
14 rgb: rgb(255, 0, 0) | 12 rgb: rgb(255, 0, 0) |
15 hsl: hsl(0, 100%, 50%) | 13 hsl: hsl(0, 100%, 50%) |
16 | 14 |
17 color: #F00 | 15 color: #F00 |
18 simple: true | 16 simple: true |
19 original: #F00 | 17 original: #F00 |
20 nickname: red | 18 nickname: red |
21 hex: #ff0000 | 19 hex: #ff0000 |
22 shorthex: #F00 | 20 shorthex: #F00 |
23 hexa: #ff0000ff | |
24 shorthexa: #f00f | |
25 rgb: rgb(255, 0, 0) | 21 rgb: rgb(255, 0, 0) |
26 hsl: hsl(0, 100%, 50%) | 22 hsl: hsl(0, 100%, 50%) |
27 | 23 |
28 color: #F00F | |
29 simple: true | |
30 original: #F00F | |
31 nickname: red | |
32 hex: #ff0000 | |
33 shorthex: #f00 | |
34 hexa: #ff0000ff | |
35 shorthexa: #F00F | |
36 rgb: rgb(255, 0, 0) | |
37 hsl: hsl(0, 100%, 50%) | |
38 | |
39 color: #FF0000 | |
40 simple: true | |
41 original: #FF0000 | |
42 nickname: red | |
43 hex: #FF0000 | |
44 shorthex: #f00 | |
45 hexa: #ff0000ff | |
46 shorthexa: #f00f | |
47 rgb: rgb(255, 0, 0) | |
48 hsl: hsl(0, 100%, 50%) | |
49 | |
50 color: #FF0000FF | |
51 simple: true | |
52 original: #FF0000FF | |
53 nickname: red | |
54 hex: #ff0000 | |
55 shorthex: #f00 | |
56 hexa: #FF0000FF | |
57 shorthexa: #f00f | |
58 rgb: rgb(255, 0, 0) | |
59 hsl: hsl(0, 100%, 50%) | |
60 | |
61 color: rgb(255,0,0) | 24 color: rgb(255,0,0) |
62 simple: true | 25 simple: true |
63 original: rgb(255,0,0) | 26 original: rgb(255,0,0) |
64 nickname: red | 27 nickname: red |
65 hex: #ff0000 | 28 hex: #ff0000 |
66 shorthex: #f00 | 29 shorthex: #f00 |
67 hexa: #ff0000ff | |
68 shorthexa: #f00f | |
69 rgb: rgb(255,0,0) | 30 rgb: rgb(255,0,0) |
70 hsl: hsl(0, 100%, 50%) | 31 hsl: hsl(0, 100%, 50%) |
71 | 32 |
72 color: rgb(300,0,0) | 33 color: rgb(300,0,0) |
73 simple: true | 34 simple: true |
74 original: rgb(300,0,0) | 35 original: rgb(300,0,0) |
75 nickname: red | 36 nickname: red |
76 hex: #ff0000 | 37 hex: #ff0000 |
77 shorthex: #f00 | 38 shorthex: #f00 |
78 hexa: #ff0000ff | |
79 shorthexa: #f00f | |
80 rgb: rgb(255, 0, 0) | 39 rgb: rgb(255, 0, 0) |
81 hsl: hsl(0, 100%, 50%) | 40 hsl: hsl(0, 100%, 50%) |
82 | 41 |
83 color: rgb(255,-10,0) | 42 color: rgb(255,-10,0) |
84 simple: true | 43 simple: true |
85 original: rgb(255,-10,0) | 44 original: rgb(255,-10,0) |
86 nickname: red | 45 nickname: red |
87 hex: #ff0000 | 46 hex: #ff0000 |
88 shorthex: #f00 | 47 shorthex: #f00 |
89 hexa: #ff0000ff | |
90 shorthexa: #f00f | |
91 rgb: rgb(255, 0, 0) | 48 rgb: rgb(255, 0, 0) |
92 hsl: hsl(0, 100%, 50%) | 49 hsl: hsl(0, 100%, 50%) |
93 | 50 |
94 color: rgb(110%, 0%, 0%) | 51 color: rgb(110%, 0%, 0%) |
95 simple: true | 52 simple: true |
96 original: rgb(110%, 0%, 0%) | 53 original: rgb(110%, 0%, 0%) |
97 nickname: red | 54 nickname: red |
98 hex: #ff0000 | 55 hex: #ff0000 |
99 shorthex: #f00 | 56 shorthex: #f00 |
100 hexa: #ff0000ff | |
101 shorthexa: #f00f | |
102 rgb: rgb(255, 0, 0) | 57 rgb: rgb(255, 0, 0) |
103 hsl: hsl(0, 100%, 50%) | 58 hsl: hsl(0, 100%, 50%) |
104 | 59 |
105 color: rgba(0,0,0,0.5) | 60 color: rgba(0,0,0,0.5) |
106 simple: false | 61 simple: false |
107 original: rgba(0,0,0,0.5) | 62 original: rgba(0,0,0,0.5) |
108 hexa: #00000080 | |
109 shorthexa: null | |
110 rgb: null | 63 rgb: null |
111 rgba: rgba(0,0,0,0.5) | 64 rgba: rgba(0,0,0,0.5) |
112 hsl: null | 65 hsl: null |
113 hsla: hsla(0, 0%, 0%, 0.5) | 66 hsla: hsla(0, 0%, 0%, 0.5) |
114 | 67 |
115 color: hsl(-120, 100%, 50%) | 68 color: hsl(-120, 100%, 50%) |
116 simple: true | 69 simple: true |
117 original: hsl(-120, 100%, 50%) | 70 original: hsl(-120, 100%, 50%) |
118 nickname: blue | 71 nickname: blue |
119 hex: #0000ff | 72 hex: #0000ff |
120 shorthex: #00f | 73 shorthex: #00f |
121 hexa: #0000ffff | |
122 shorthexa: #00ff | |
123 rgb: rgb(0, 0, 255) | 74 rgb: rgb(0, 0, 255) |
124 hsl: hsl(-120, 100%, 50%) | 75 hsl: hsl(-120, 100%, 50%) |
125 | 76 |
126 color: hsl(-120, 200%, 200%) | 77 color: hsl(-120, 200%, 200%) |
127 simple: true | 78 simple: true |
128 original: hsl(-120, 200%, 200%) | 79 original: hsl(-120, 200%, 200%) |
129 nickname: white | 80 nickname: white |
130 hex: #ffffff | 81 hex: #ffffff |
131 shorthex: #fff | 82 shorthex: #fff |
132 hexa: #ffffffff | |
133 shorthexa: #ffff | |
134 rgb: rgb(255, 255, 255) | 83 rgb: rgb(255, 255, 255) |
135 hsl: hsl(-120, 200%, 200%) | 84 hsl: hsl(-120, 200%, 200%) |
136 | 85 |
137 color: hsl(-120, -200%, -200%) | 86 color: hsl(-120, -200%, -200%) |
138 simple: true | 87 simple: true |
139 original: hsl(-120, -200%, -200%) | 88 original: hsl(-120, -200%, -200%) |
140 nickname: black | 89 nickname: black |
141 hex: #000000 | 90 hex: #000000 |
142 shorthex: #000 | 91 shorthex: #000 |
143 hexa: #000000ff | |
144 shorthexa: #000f | |
145 rgb: rgb(0, 0, 0) | 92 rgb: rgb(0, 0, 0) |
146 hsl: hsl(0, 0%, 0%) | 93 hsl: hsl(0, 0%, 0%) |
147 | 94 |
148 color: hsla(-120, -200%, -200%, -5) | 95 color: hsla(-120, -200%, -200%, -5) |
149 simple: false | 96 simple: false |
150 original: hsla(-120, -200%, -200%, -5) | 97 original: hsla(-120, -200%, -200%, -5) |
151 nickname: transparent | 98 nickname: transparent |
152 hexa: #00000000 | |
153 shorthexa: #0000 | |
154 rgb: null | 99 rgb: null |
155 rgba: rgba(0, 0, 0, 0) | 100 rgba: rgba(0, 0, 0, 0) |
156 hsl: null | 101 hsl: null |
157 hsla: hsla(0, 0%, 0%, 0) | 102 hsla: hsla(0, 0%, 0%, 0) |
158 | 103 |
159 color: hsla(240,100%,50%,0.05) | 104 color: hsla(240,100%,50%,0.05) |
160 simple: false | 105 simple: false |
161 original: hsla(240,100%,50%,0.05) | 106 original: hsla(240,100%,50%,0.05) |
162 hexa: #0000ff0d | |
163 shorthexa: null | |
164 rgb: null | 107 rgb: null |
165 rgba: rgba(0, 0, 255, 0.05) | 108 rgba: rgba(0, 0, 255, 0.05) |
166 hsl: null | 109 hsl: null |
167 hsla: hsla(240,100%,50%,0.05) | 110 hsla: hsla(240,100%,50%,0.05) |
168 | 111 |
169 color: hsl(200.5,0%,50%) | 112 color: hsl(200.5,0%,50%) |
170 simple: true | 113 simple: true |
171 original: hsl(200.5,0%,50%) | 114 original: hsl(200.5,0%,50%) |
172 nickname: grey | 115 nickname: grey |
173 hex: #808080 | 116 hex: #808080 |
174 hexa: #808080ff | |
175 shorthexa: null | |
176 rgb: rgb(128, 128, 128) | 117 rgb: rgb(128, 128, 128) |
177 hsl: hsl(200.5,0%,50%) | 118 hsl: hsl(200.5,0%,50%) |
178 | 119 |
179 color: hsla(200,1.5%,50%,1) | 120 color: hsla(200,1.5%,50%,1) |
180 simple: true | 121 simple: true |
181 original: hsla(200,1.5%,50%,1) | 122 original: hsla(200,1.5%,50%,1) |
182 hex: #7e8081 | 123 hex: #7e8081 |
183 hexa: #7e8081ff | |
184 shorthexa: null | |
185 rgb: rgb(126, 128, 129) | 124 rgb: rgb(126, 128, 129) |
186 hsl: hsl(200, 1%, 50%) | 125 hsl: hsl(200, 1%, 50%) |
187 | 126 |
188 color: rgba(0,0,0,.5) | 127 color: rgba(0,0,0,.5) |
189 simple: false | 128 simple: false |
190 original: rgba(0,0,0,.5) | 129 original: rgba(0,0,0,.5) |
191 hexa: #00000080 | |
192 shorthexa: null | |
193 rgb: null | 130 rgb: null |
194 rgba: rgba(0,0,0,.5) | 131 rgba: rgba(0,0,0,.5) |
195 hsl: null | 132 hsl: null |
196 hsla: hsla(0, 0%, 0%, 0.5) | 133 hsla: hsla(0, 0%, 0%, 0.5) |
197 | 134 |
198 color: hsla(.5,.5%,.5%,.5) | 135 color: hsla(.5,.5%,.5%,.5) |
199 simple: false | 136 simple: false |
200 original: hsla(.5,.5%,.5%,.5) | 137 original: hsla(.5,.5%,.5%,.5) |
201 hexa: #01010180 | |
202 shorthexa: null | |
203 rgb: null | 138 rgb: null |
204 rgba: rgba(1, 1, 1, 0.5) | 139 rgba: rgba(1, 1, 1, 0.5) |
205 hsl: null | 140 hsl: null |
206 hsla: hsla(.5,.5%,.5%,.5) | 141 hsla: hsla(.5,.5%,.5%,.5) |
207 | 142 |
208 color: hsla(100.5,50.5%,50.5%,.5) | 143 color: hsla(100.5,50.5%,50.5%,.5) |
209 simple: false | 144 simple: false |
210 original: hsla(100.5,50.5%,50.5%,.5) | 145 original: hsla(100.5,50.5%,50.5%,.5) |
211 hexa: #6ac14180 | |
212 shorthexa: null | |
213 rgb: null | 146 rgb: null |
214 rgba: rgba(106, 193, 65, 0.5) | 147 rgba: rgba(106, 193, 65, 0.5) |
215 hsl: null | 148 hsl: null |
216 hsla: hsla(100.5,50.5%,50.5%,.5) | 149 hsla: hsla(100.5,50.5%,50.5%,.5) |
217 | 150 |
218 color: rgba(255, 0, 0, -5) | 151 color: rgba(255, 0, 0, -5) |
219 simple: false | 152 simple: false |
220 original: rgba(255, 0, 0, -5) | 153 original: rgba(255, 0, 0, -5) |
221 hexa: #ff000000 | |
222 shorthexa: #f000 | |
223 rgb: null | 154 rgb: null |
224 rgba: rgba(255, 0, 0, 0) | 155 rgba: rgba(255, 0, 0, 0) |
225 hsl: null | 156 hsl: null |
226 hsla: hsla(0, 100%, 50%, 0) | 157 hsla: hsla(0, 100%, 50%, 0) |
227 | 158 |
228 color: rgba(255, 0, 0, 5) | 159 color: rgba(255, 0, 0, 5) |
229 simple: true | 160 simple: true |
230 original: rgba(255, 0, 0, 5) | 161 original: rgba(255, 0, 0, 5) |
231 nickname: red | 162 nickname: red |
232 hex: #ff0000 | 163 hex: #ff0000 |
233 shorthex: #f00 | 164 shorthex: #f00 |
234 hexa: #ff0000ff | |
235 shorthexa: #f00f | |
236 rgb: rgb(255, 0, 0) | 165 rgb: rgb(255, 0, 0) |
237 hsl: hsl(0, 100%, 50%) | 166 hsl: hsl(0, 100%, 50%) |
238 | 167 |
239 Running: testInvalidColors | 168 Running: testInvalidColors |
240 | 169 |
241 SUCCESS: parsed invalid color none to null | 170 SUCCESS: parsed invalid color none to null |
242 | 171 |
| 172 SUCCESS: parsed invalid color #0000 to null |
| 173 |
243 SUCCESS: parsed invalid color #00000 to null | 174 SUCCESS: parsed invalid color #00000 to null |
244 | 175 |
245 SUCCESS: parsed invalid color #ggg to null | 176 SUCCESS: parsed invalid color #ggg to null |
246 | 177 |
247 SUCCESS: parsed invalid color rgb(a,b,c) to null | 178 SUCCESS: parsed invalid color rgb(a,b,c) to null |
248 | 179 |
249 SUCCESS: parsed invalid color rgb(a,b,c,d) to null | 180 SUCCESS: parsed invalid color rgb(a,b,c,d) to null |
250 | 181 |
251 SUCCESS: parsed invalid color rgb(1,1,1.2) to null | 182 SUCCESS: parsed invalid color rgb(1,1,1.2) to null |
252 | 183 |
253 SUCCESS: parsed invalid color rgba(0,0,0,1%) to null | 184 SUCCESS: parsed invalid color rgba(0,0,0,1%) to null |
254 | 185 |
255 SUCCESS: parsed invalid color rgba(0,0,0,) to null | 186 SUCCESS: parsed invalid color rgba(0,0,0,) to null |
256 | 187 |
257 SUCCESS: parsed invalid color hsl(0,0,0) to null | 188 SUCCESS: parsed invalid color hsl(0,0,0) to null |
258 | 189 |
259 SUCCESS: parsed invalid color hsl(0%, 0%, 0%) to null | 190 SUCCESS: parsed invalid color hsl(0%, 0%, 0%) to null |
260 | 191 |
261 SUCCESS: parsed invalid color hsla(0,,0,1) to null | 192 SUCCESS: parsed invalid color hsla(0,,0,1) to null |
262 | 193 |
263 SUCCESS: parsed invalid color hsl(0, 0%, 0) to null | 194 SUCCESS: parsed invalid color hsl(0, 0%, 0) to null |
264 | 195 |
265 SUCCESS: parsed invalid color hsl(a,b,c) to null | 196 SUCCESS: parsed invalid color hsl(a,b,c) to null |
266 | 197 |
267 SUCCESS: parsed invalid color hsla(0,0,0,0) to null | 198 SUCCESS: parsed invalid color hsla(0,0,0,0) to null |
268 | 199 |
269 SUCCESS: parsed invalid color hsla to null | 200 SUCCESS: parsed invalid color hsla to null |
270 | 201 |
OLD | NEW |