|
1 | 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP |
2 | 2 |
|
3 | 3 | exports[`ColorPicker prop locale should works 1`] = ` |
4 | | -<div tabindex="0" class="ant-color-picker ant-color-picker-open"> |
| 4 | +<div tabindex="0" class="ant-color-picker"> |
5 | 5 | <div class="ant-color-picker-selection"> |
6 | 6 | <div id="color-picker-box25"> |
7 | 7 | <div class="pickr"> |
8 | 8 |
|
9 | | - <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog" style="color: rgb(205, 2, 0);"></button> |
| 9 | + <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog"></button> |
10 | 10 |
|
11 | 11 |
|
12 | 12 | </div> |
13 | 13 | </div><i aria-label="icon: down" class="anticon anticon-down ant-color-picker-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> |
14 | 14 | <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> |
15 | 15 | </svg></i> |
16 | 16 | </div> |
17 | | - <div class="pcr-app visible" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
| 17 | + <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window"> |
18 | 18 | <div class="pcr-selection"> |
19 | 19 | <div class="pcr-color-preview"> |
20 | | - <button type="button" class="pcr-last-color" aria-label="use previous color" style="color: rgb(205, 2, 0);"></button> |
21 | | - <div class="pcr-current-color" style="color: rgb(205, 2, 0);"></div> |
| 20 | + <button type="button" class="pcr-last-color" aria-label="use previous color"></button> |
| 21 | + <div class="pcr-current-color"></div> |
22 | 22 | </div> |
23 | 23 |
|
24 | 24 | <div class="pcr-color-palette"> |
25 | | - <div class="pcr-picker" style="background: rgb(205, 2, 0);"></div> |
| 25 | + <div class="pcr-picker"></div> |
26 | 26 | <div class="pcr-palette" tabindex="0" aria-label="color selection area" role="listbox"></div> |
27 | 27 | </div> |
28 | 28 |
|
29 | 29 | <div class="pcr-color-chooser"> |
30 | | - <div class="pcr-picker" style="background-color: hsl(0.5853658536585238, 100%, 50%);"></div> |
| 30 | + <div class="pcr-picker"></div> |
31 | 31 | <div class="pcr-hue pcr-slider" tabindex="0" aria-label="hue selection slider" role="slider"></div> |
32 | 32 | </div> |
33 | 33 |
|
@@ -57,33 +57,33 @@ exports[`ColorPicker prop locale should works 1`] = ` |
57 | 57 | `; |
58 | 58 |
|
59 | 59 | exports[`ColorPicker save event should works 1`] = ` |
60 | | -<div tabindex="0" class="ant-color-picker ant-color-picker-open"> |
| 60 | +<div tabindex="0" class="ant-color-picker"> |
61 | 61 | <div class="ant-color-picker-selection"> |
62 | 62 | <div id="color-picker-box31"> |
63 | 63 | <div class="pickr"> |
64 | 64 |
|
65 | | - <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog" style="color: rgb(205, 2, 0);"></button> |
| 65 | + <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog" style="color: rgb(0, 0, 0);"></button> |
66 | 66 |
|
67 | 67 |
|
68 | 68 | </div> |
69 | 69 | </div><i aria-label="icon: down" class="anticon anticon-down ant-color-picker-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> |
70 | 70 | <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> |
71 | 71 | </svg></i> |
72 | 72 | </div> |
73 | | - <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
| 73 | + <div class="pcr-app visible" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
74 | 74 | <div class="pcr-selection"> |
75 | 75 | <div class="pcr-color-preview"> |
76 | | - <button type="button" class="pcr-last-color" aria-label="use previous color" style="color: rgb(205, 2, 0);"></button> |
77 | | - <div class="pcr-current-color" style="color: rgb(205, 2, 0);"></div> |
| 76 | + <button type="button" class="pcr-last-color" aria-label="use previous color" style="color: rgb(0, 0, 0);"></button> |
| 77 | + <div class="pcr-current-color"></div> |
78 | 78 | </div> |
79 | 79 |
|
80 | 80 | <div class="pcr-color-palette"> |
81 | | - <div class="pcr-picker" style="background: rgb(205, 2, 0);"></div> |
| 81 | + <div class="pcr-picker"></div> |
82 | 82 | <div class="pcr-palette" tabindex="0" aria-label="color selection area" role="listbox"></div> |
83 | 83 | </div> |
84 | 84 |
|
85 | 85 | <div class="pcr-color-chooser"> |
86 | | - <div class="pcr-picker" style="background-color: hsl(0.5853658536585238, 100%, 50%);"></div> |
| 86 | + <div class="pcr-picker"></div> |
87 | 87 | <div class="pcr-hue pcr-slider" tabindex="0" aria-label="hue selection slider" role="slider"></div> |
88 | 88 | </div> |
89 | 89 |
|
@@ -113,33 +113,33 @@ exports[`ColorPicker save event should works 1`] = ` |
113 | 113 | `; |
114 | 114 |
|
115 | 115 | exports[`ColorPicker should support default value 1`] = ` |
116 | | -<div tabindex="0" class="ant-color-picker ant-color-picker-open"> |
| 116 | +<div tabindex="0" class="ant-color-picker"> |
117 | 117 | <div class="ant-color-picker-selection"> |
118 | 118 | <div id="color-picker-box1"> |
119 | 119 | <div class="pickr"> |
120 | 120 |
|
121 | | - <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog" style="color: rgb(205, 2, 0);"></button> |
| 121 | + <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog"></button> |
122 | 122 |
|
123 | 123 |
|
124 | 124 | </div> |
125 | 125 | </div><i aria-label="icon: down" class="anticon anticon-down ant-color-picker-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> |
126 | 126 | <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> |
127 | 127 | </svg></i> |
128 | 128 | </div> |
129 | | - <div class="pcr-app visible" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
| 129 | + <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window"> |
130 | 130 | <div class="pcr-selection"> |
131 | 131 | <div class="pcr-color-preview"> |
132 | | - <button type="button" class="pcr-last-color" aria-label="use previous color" style="color: rgb(205, 2, 0);"></button> |
133 | | - <div class="pcr-current-color" style="color: rgb(205, 2, 0);"></div> |
| 132 | + <button type="button" class="pcr-last-color" aria-label="use previous color"></button> |
| 133 | + <div class="pcr-current-color"></div> |
134 | 134 | </div> |
135 | 135 |
|
136 | 136 | <div class="pcr-color-palette"> |
137 | | - <div class="pcr-picker" style="background: rgb(205, 2, 0);"></div> |
| 137 | + <div class="pcr-picker"></div> |
138 | 138 | <div class="pcr-palette" tabindex="0" aria-label="color selection area" role="listbox"></div> |
139 | 139 | </div> |
140 | 140 |
|
141 | 141 | <div class="pcr-color-chooser"> |
142 | | - <div class="pcr-picker" style="background-color: hsl(0.5853658536585238, 100%, 50%);"></div> |
| 142 | + <div class="pcr-picker"></div> |
143 | 143 | <div class="pcr-hue pcr-slider" tabindex="0" aria-label="hue selection slider" role="slider"></div> |
144 | 144 | </div> |
145 | 145 |
|
@@ -174,15 +174,15 @@ exports[`ColorPicker should support disabled 1`] = ` |
174 | 174 | <div id="color-picker-box13"> |
175 | 175 | <div class="pickr"> |
176 | 176 |
|
177 | | - <button type="button" class="pcr-button disabled clear" role="button" aria-label="toggle color picker dialog" style="color: rgba(0, 0, 0, 0.15);"></button> |
| 177 | + <button type="button" class="pcr-button disabled" role="button" aria-label="toggle color picker dialog"></button> |
178 | 178 |
|
179 | 179 |
|
180 | 180 | </div> |
181 | 181 | </div><i aria-label="icon: down" class="anticon anticon-down ant-color-picker-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> |
182 | 182 | <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> |
183 | 183 | </svg></i> |
184 | 184 | </div> |
185 | | - <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
| 185 | + <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window"> |
186 | 186 | <div class="pcr-selection"> |
187 | 187 | <div class="pcr-color-preview"> |
188 | 188 | <button type="button" class="pcr-last-color" aria-label="use previous color"></button> |
@@ -225,20 +225,20 @@ exports[`ColorPicker should support disabled 1`] = ` |
225 | 225 | `; |
226 | 226 |
|
227 | 227 | exports[`ColorPicker should support format 1`] = ` |
228 | | -<div tabindex="0" class="ant-color-picker"> |
| 228 | +<div tabindex="0" class="ant-color-picker ant-color-picker-open"> |
229 | 229 | <div class="ant-color-picker-selection"> |
230 | 230 | <div id="color-picker-box19"> |
231 | 231 | <div class="pickr"> |
232 | 232 |
|
233 | | - <button type="button" class="pcr-button clear" role="button" aria-label="toggle color picker dialog" style="color: rgba(0, 0, 0, 0.15);"></button> |
| 233 | + <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog" style="color: rgb(0, 0, 0);"></button> |
234 | 234 |
|
235 | 235 |
|
236 | 236 | </div> |
237 | 237 | </div><i aria-label="icon: down" class="anticon anticon-down ant-color-picker-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> |
238 | 238 | <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> |
239 | 239 | </svg></i> |
240 | 240 | </div> |
241 | | - <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
| 241 | + <div class="pcr-app visible" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
242 | 242 | <div class="pcr-selection"> |
243 | 243 | <div class="pcr-color-preview"> |
244 | 244 | <button type="button" class="pcr-last-color" aria-label="use previous color" style="color: rgb(0, 0, 0);"></button> |
@@ -286,15 +286,15 @@ exports[`ColorPicker should support v-model 1`] = ` |
286 | 286 | <div id="color-picker-box7"> |
287 | 287 | <div class="pickr"> |
288 | 288 |
|
289 | | - <button type="button" class="pcr-button clear" role="button" aria-label="toggle color picker dialog" style="color: rgba(0, 0, 0, 0.15);"></button> |
| 289 | + <button type="button" class="pcr-button" role="button" aria-label="toggle color picker dialog"></button> |
290 | 290 |
|
291 | 291 |
|
292 | 292 | </div> |
293 | 293 | </div><i aria-label="icon: down" class="anticon anticon-down ant-color-picker-icon"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""> |
294 | 294 | <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path> |
295 | 295 | </svg></i> |
296 | 296 | </div> |
297 | | - <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window" style="left: 512px; top: 384px;"> |
| 297 | + <div class="pcr-app" data-theme="monolith" aria-label="color picker dialog" role="window"> |
298 | 298 | <div class="pcr-selection"> |
299 | 299 | <div class="pcr-color-preview"> |
300 | 300 | <button type="button" class="pcr-last-color" aria-label="use previous color"></button> |
|
0 commit comments