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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-invalid-color-values-expected.txt

Issue 1986053004: Devtools Color: Basic support for #RRGGBBAA and #RGBA (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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/inspector/elements/styles-4/styles-invalid-color-values.html ('k') | third_party/WebKit/Source/devtools/front_end/common/Color.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
12 rgb: rgb(255, 0, 0) 14 rgb: rgb(255, 0, 0)
13 hsl: hsl(0, 100%, 50%) 15 hsl: hsl(0, 100%, 50%)
14 16
15 color: #F00 17 color: #F00
16 simple: true 18 simple: true
17 original: #F00 19 original: #F00
18 nickname: red 20 nickname: red
19 hex: #ff0000 21 hex: #ff0000
20 shorthex: #F00 22 shorthex: #F00
23 hexa: #ff0000ff
24 shorthexa: #f00f
21 rgb: rgb(255, 0, 0) 25 rgb: rgb(255, 0, 0)
22 hsl: hsl(0, 100%, 50%) 26 hsl: hsl(0, 100%, 50%)
23 27
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
24 color: rgb(255,0,0) 61 color: rgb(255,0,0)
25 simple: true 62 simple: true
26 original: rgb(255,0,0) 63 original: rgb(255,0,0)
27 nickname: red 64 nickname: red
28 hex: #ff0000 65 hex: #ff0000
29 shorthex: #f00 66 shorthex: #f00
67 hexa: #ff0000ff
68 shorthexa: #f00f
30 rgb: rgb(255,0,0) 69 rgb: rgb(255,0,0)
31 hsl: hsl(0, 100%, 50%) 70 hsl: hsl(0, 100%, 50%)
32 71
33 color: rgb(300,0,0) 72 color: rgb(300,0,0)
34 simple: true 73 simple: true
35 original: rgb(300,0,0) 74 original: rgb(300,0,0)
36 nickname: red 75 nickname: red
37 hex: #ff0000 76 hex: #ff0000
38 shorthex: #f00 77 shorthex: #f00
78 hexa: #ff0000ff
79 shorthexa: #f00f
39 rgb: rgb(255, 0, 0) 80 rgb: rgb(255, 0, 0)
40 hsl: hsl(0, 100%, 50%) 81 hsl: hsl(0, 100%, 50%)
41 82
42 color: rgb(255,-10,0) 83 color: rgb(255,-10,0)
43 simple: true 84 simple: true
44 original: rgb(255,-10,0) 85 original: rgb(255,-10,0)
45 nickname: red 86 nickname: red
46 hex: #ff0000 87 hex: #ff0000
47 shorthex: #f00 88 shorthex: #f00
89 hexa: #ff0000ff
90 shorthexa: #f00f
48 rgb: rgb(255, 0, 0) 91 rgb: rgb(255, 0, 0)
49 hsl: hsl(0, 100%, 50%) 92 hsl: hsl(0, 100%, 50%)
50 93
51 color: rgb(110%, 0%, 0%) 94 color: rgb(110%, 0%, 0%)
52 simple: true 95 simple: true
53 original: rgb(110%, 0%, 0%) 96 original: rgb(110%, 0%, 0%)
54 nickname: red 97 nickname: red
55 hex: #ff0000 98 hex: #ff0000
56 shorthex: #f00 99 shorthex: #f00
100 hexa: #ff0000ff
101 shorthexa: #f00f
57 rgb: rgb(255, 0, 0) 102 rgb: rgb(255, 0, 0)
58 hsl: hsl(0, 100%, 50%) 103 hsl: hsl(0, 100%, 50%)
59 104
60 color: rgba(0,0,0,0.5) 105 color: rgba(0,0,0,0.5)
61 simple: false 106 simple: false
62 original: rgba(0,0,0,0.5) 107 original: rgba(0,0,0,0.5)
108 hexa: #00000080
109 shorthexa: null
63 rgb: null 110 rgb: null
64 rgba: rgba(0,0,0,0.5) 111 rgba: rgba(0,0,0,0.5)
65 hsl: null 112 hsl: null
66 hsla: hsla(0, 0%, 0%, 0.5) 113 hsla: hsla(0, 0%, 0%, 0.5)
67 114
68 color: hsl(-120, 100%, 50%) 115 color: hsl(-120, 100%, 50%)
69 simple: true 116 simple: true
70 original: hsl(-120, 100%, 50%) 117 original: hsl(-120, 100%, 50%)
71 nickname: blue 118 nickname: blue
72 hex: #0000ff 119 hex: #0000ff
73 shorthex: #00f 120 shorthex: #00f
121 hexa: #0000ffff
122 shorthexa: #00ff
74 rgb: rgb(0, 0, 255) 123 rgb: rgb(0, 0, 255)
75 hsl: hsl(-120, 100%, 50%) 124 hsl: hsl(-120, 100%, 50%)
76 125
77 color: hsl(-120, 200%, 200%) 126 color: hsl(-120, 200%, 200%)
78 simple: true 127 simple: true
79 original: hsl(-120, 200%, 200%) 128 original: hsl(-120, 200%, 200%)
80 nickname: white 129 nickname: white
81 hex: #ffffff 130 hex: #ffffff
82 shorthex: #fff 131 shorthex: #fff
132 hexa: #ffffffff
133 shorthexa: #ffff
83 rgb: rgb(255, 255, 255) 134 rgb: rgb(255, 255, 255)
84 hsl: hsl(-120, 200%, 200%) 135 hsl: hsl(-120, 200%, 200%)
85 136
86 color: hsl(-120, -200%, -200%) 137 color: hsl(-120, -200%, -200%)
87 simple: true 138 simple: true
88 original: hsl(-120, -200%, -200%) 139 original: hsl(-120, -200%, -200%)
89 nickname: black 140 nickname: black
90 hex: #000000 141 hex: #000000
91 shorthex: #000 142 shorthex: #000
143 hexa: #000000ff
144 shorthexa: #000f
92 rgb: rgb(0, 0, 0) 145 rgb: rgb(0, 0, 0)
93 hsl: hsl(0, 0%, 0%) 146 hsl: hsl(0, 0%, 0%)
94 147
95 color: hsla(-120, -200%, -200%, -5) 148 color: hsla(-120, -200%, -200%, -5)
96 simple: false 149 simple: false
97 original: hsla(-120, -200%, -200%, -5) 150 original: hsla(-120, -200%, -200%, -5)
98 nickname: transparent 151 nickname: transparent
152 hexa: #00000000
153 shorthexa: #0000
99 rgb: null 154 rgb: null
100 rgba: rgba(0, 0, 0, 0) 155 rgba: rgba(0, 0, 0, 0)
101 hsl: null 156 hsl: null
102 hsla: hsla(0, 0%, 0%, 0) 157 hsla: hsla(0, 0%, 0%, 0)
103 158
104 color: hsla(240,100%,50%,0.05) 159 color: hsla(240,100%,50%,0.05)
105 simple: false 160 simple: false
106 original: hsla(240,100%,50%,0.05) 161 original: hsla(240,100%,50%,0.05)
162 hexa: #0000ff0d
163 shorthexa: null
107 rgb: null 164 rgb: null
108 rgba: rgba(0, 0, 255, 0.05) 165 rgba: rgba(0, 0, 255, 0.05)
109 hsl: null 166 hsl: null
110 hsla: hsla(240,100%,50%,0.05) 167 hsla: hsla(240,100%,50%,0.05)
111 168
112 color: hsl(200.5,0%,50%) 169 color: hsl(200.5,0%,50%)
113 simple: true 170 simple: true
114 original: hsl(200.5,0%,50%) 171 original: hsl(200.5,0%,50%)
115 nickname: grey 172 nickname: grey
116 hex: #808080 173 hex: #808080
174 hexa: #808080ff
175 shorthexa: null
117 rgb: rgb(128, 128, 128) 176 rgb: rgb(128, 128, 128)
118 hsl: hsl(200.5,0%,50%) 177 hsl: hsl(200.5,0%,50%)
119 178
120 color: hsla(200,1.5%,50%,1) 179 color: hsla(200,1.5%,50%,1)
121 simple: true 180 simple: true
122 original: hsla(200,1.5%,50%,1) 181 original: hsla(200,1.5%,50%,1)
123 hex: #7e8081 182 hex: #7e8081
183 hexa: #7e8081ff
184 shorthexa: null
124 rgb: rgb(126, 128, 129) 185 rgb: rgb(126, 128, 129)
125 hsl: hsl(200, 1%, 50%) 186 hsl: hsl(200, 1%, 50%)
126 187
127 color: rgba(0,0,0,.5) 188 color: rgba(0,0,0,.5)
128 simple: false 189 simple: false
129 original: rgba(0,0,0,.5) 190 original: rgba(0,0,0,.5)
191 hexa: #00000080
192 shorthexa: null
130 rgb: null 193 rgb: null
131 rgba: rgba(0,0,0,.5) 194 rgba: rgba(0,0,0,.5)
132 hsl: null 195 hsl: null
133 hsla: hsla(0, 0%, 0%, 0.5) 196 hsla: hsla(0, 0%, 0%, 0.5)
134 197
135 color: hsla(.5,.5%,.5%,.5) 198 color: hsla(.5,.5%,.5%,.5)
136 simple: false 199 simple: false
137 original: hsla(.5,.5%,.5%,.5) 200 original: hsla(.5,.5%,.5%,.5)
201 hexa: #01010180
202 shorthexa: null
138 rgb: null 203 rgb: null
139 rgba: rgba(1, 1, 1, 0.5) 204 rgba: rgba(1, 1, 1, 0.5)
140 hsl: null 205 hsl: null
141 hsla: hsla(.5,.5%,.5%,.5) 206 hsla: hsla(.5,.5%,.5%,.5)
142 207
143 color: hsla(100.5,50.5%,50.5%,.5) 208 color: hsla(100.5,50.5%,50.5%,.5)
144 simple: false 209 simple: false
145 original: hsla(100.5,50.5%,50.5%,.5) 210 original: hsla(100.5,50.5%,50.5%,.5)
211 hexa: #6ac14180
212 shorthexa: null
146 rgb: null 213 rgb: null
147 rgba: rgba(106, 193, 65, 0.5) 214 rgba: rgba(106, 193, 65, 0.5)
148 hsl: null 215 hsl: null
149 hsla: hsla(100.5,50.5%,50.5%,.5) 216 hsla: hsla(100.5,50.5%,50.5%,.5)
150 217
151 color: rgba(255, 0, 0, -5) 218 color: rgba(255, 0, 0, -5)
152 simple: false 219 simple: false
153 original: rgba(255, 0, 0, -5) 220 original: rgba(255, 0, 0, -5)
221 hexa: #ff000000
222 shorthexa: #f000
154 rgb: null 223 rgb: null
155 rgba: rgba(255, 0, 0, 0) 224 rgba: rgba(255, 0, 0, 0)
156 hsl: null 225 hsl: null
157 hsla: hsla(0, 100%, 50%, 0) 226 hsla: hsla(0, 100%, 50%, 0)
158 227
159 color: rgba(255, 0, 0, 5) 228 color: rgba(255, 0, 0, 5)
160 simple: true 229 simple: true
161 original: rgba(255, 0, 0, 5) 230 original: rgba(255, 0, 0, 5)
162 nickname: red 231 nickname: red
163 hex: #ff0000 232 hex: #ff0000
164 shorthex: #f00 233 shorthex: #f00
234 hexa: #ff0000ff
235 shorthexa: #f00f
165 rgb: rgb(255, 0, 0) 236 rgb: rgb(255, 0, 0)
166 hsl: hsl(0, 100%, 50%) 237 hsl: hsl(0, 100%, 50%)
167 238
168 Running: testInvalidColors 239 Running: testInvalidColors
169 240
170 SUCCESS: parsed invalid color none to null 241 SUCCESS: parsed invalid color none to null
171 242
172 SUCCESS: parsed invalid color #0000 to null
173
174 SUCCESS: parsed invalid color #00000 to null 243 SUCCESS: parsed invalid color #00000 to null
175 244
176 SUCCESS: parsed invalid color #ggg to null 245 SUCCESS: parsed invalid color #ggg to null
177 246
178 SUCCESS: parsed invalid color rgb(a,b,c) to null 247 SUCCESS: parsed invalid color rgb(a,b,c) to null
179 248
180 SUCCESS: parsed invalid color rgb(a,b,c,d) to null 249 SUCCESS: parsed invalid color rgb(a,b,c,d) to null
181 250
182 SUCCESS: parsed invalid color rgb(1,1,1.2) to null 251 SUCCESS: parsed invalid color rgb(1,1,1.2) to null
183 252
184 SUCCESS: parsed invalid color rgba(0,0,0,1%) to null 253 SUCCESS: parsed invalid color rgba(0,0,0,1%) to null
185 254
186 SUCCESS: parsed invalid color rgba(0,0,0,) to null 255 SUCCESS: parsed invalid color rgba(0,0,0,) to null
187 256
188 SUCCESS: parsed invalid color hsl(0,0,0) to null 257 SUCCESS: parsed invalid color hsl(0,0,0) to null
189 258
190 SUCCESS: parsed invalid color hsl(0%, 0%, 0%) to null 259 SUCCESS: parsed invalid color hsl(0%, 0%, 0%) to null
191 260
192 SUCCESS: parsed invalid color hsla(0,,0,1) to null 261 SUCCESS: parsed invalid color hsla(0,,0,1) to null
193 262
194 SUCCESS: parsed invalid color hsl(0, 0%, 0) to null 263 SUCCESS: parsed invalid color hsl(0, 0%, 0) to null
195 264
196 SUCCESS: parsed invalid color hsl(a,b,c) to null 265 SUCCESS: parsed invalid color hsl(a,b,c) to null
197 266
198 SUCCESS: parsed invalid color hsla(0,0,0,0) to null 267 SUCCESS: parsed invalid color hsla(0,0,0,0) to null
199 268
200 SUCCESS: parsed invalid color hsla to null 269 SUCCESS: parsed invalid color hsla to null
201 270
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-invalid-color-values.html ('k') | third_party/WebKit/Source/devtools/front_end/common/Color.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698