Skip to content

Commit 73b44b6

Browse files
hyu-devhyu-dev
committed
Update Checkbox component test snapshots
1 parent f3f40a8 commit 73b44b6

File tree

1 file changed

+27
-27
lines changed

1 file changed

+27
-27
lines changed

‎packages/components/src/components/Checkbox/__tests__/__snapshots__/index.browser.test.tsx.snap‎

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,17 @@ exports[`Checkbox > should render basic checkbox 1`] = `
77
>
88
<label
99
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-pointer--255"
10-
for="«r0»"
10+
for="_r_0_"
1111
>
1212
<input
1313
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid var(--primary,light-dark(#6159D4,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 "
14-
id="«r0»"
14+
id="_r_0_"
1515
type="checkbox"
1616
/>
1717
</label>
1818
<label
1919
class="cursor-0-pointer--255"
20-
for="«r0»"
20+
for="_r_0_"
2121
>
2222
<span
2323
class="font-size-0-14px--255 user-select-0-none--255 color-0-var(--text,light-dark(#2F2F2F,#EDEDED))--255"
@@ -36,17 +36,17 @@ exports[`Checkbox > should render checkbox with custom child 1`] = `
3636
>
3737
<label
3838
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-pointer--255"
39-
for="«r4»"
39+
for="_r_4_"
4040
>
4141
<input
4242
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid var(--primary,light-dark(#6159D4,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 "
43-
id="«r4»"
43+
id="_r_4_"
4444
type="checkbox"
4545
/>
4646
</label>
4747
<label
4848
class="cursor-0-pointer--255"
49-
for="«r4»"
49+
for="_r_4_"
5050
>
5151
<div>
5252
Custom Child
@@ -63,12 +63,12 @@ exports[`Checkbox > should render checked checkbox 1`] = `
6363
>
6464
<label
6565
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-pointer--255"
66-
for="«r1»"
66+
for="_r_1_"
6767
>
6868
<input
6969
checked=""
7070
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid var(--primary,light-dark(#6159D4,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 "
71-
id="«r1»"
71+
id="_r_1_"
7272
type="checkbox"
7373
/>
7474
<svg
@@ -88,7 +88,7 @@ exports[`Checkbox > should render checked checkbox 1`] = `
8888
</label>
8989
<label
9090
class="cursor-0-pointer--255"
91-
for="«r1»"
91+
for="_r_1_"
9292
>
9393
<span
9494
class="font-size-0-14px--255 user-select-0-none--255 color-0-var(--text,light-dark(#2F2F2F,#EDEDED))--255"
@@ -107,12 +107,12 @@ exports[`Checkbox > should render checked checkbox with custom colors 1`] = `
107107
>
108108
<label
109109
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-pointer--255"
110-
for="«rj»"
110+
for="_r_j_"
111111
>
112112
<input
113113
checked=""
114114
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid var(--primary,light-dark(#6159D4,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 "
115-
id="«rj»"
115+
id="_r_j_"
116116
style="--primary: #ff0000; --border: #00ff00; --inputBg: #ffff00;"
117117
type="checkbox"
118118
/>
@@ -134,7 +134,7 @@ exports[`Checkbox > should render checked checkbox with custom colors 1`] = `
134134
</label>
135135
<label
136136
class="cursor-0-pointer--255"
137-
for="«rj»"
137+
for="_r_j_"
138138
>
139139
<span
140140
class="font-size-0-14px--255 user-select-0-none--255 color-0-var(--text,light-dark(#2F2F2F,#EDEDED))--255"
@@ -154,13 +154,13 @@ exports[`Checkbox > should render disabled and checked checkbox 1`] = `
154154
>
155155
<label
156156
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-not-allowed--255"
157-
for="«r3»"
157+
for="_r_3_"
158158
>
159159
<input
160160
checked=""
161161
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 cursor-0-not-allowed--1 "
162162
disabled=""
163-
id="«r3»"
163+
id="_r_3_"
164164
type="checkbox"
165165
/>
166166
<svg
@@ -180,7 +180,7 @@ exports[`Checkbox > should render disabled and checked checkbox 1`] = `
180180
</label>
181181
<label
182182
class="cursor-0-not-allowed--255"
183-
for="«r3»"
183+
for="_r_3_"
184184
>
185185
<span
186186
class="font-size-0-14px--255 user-select-0-none--255 color-0-light-dark(#D6D7DE,#6F6E6E)--255"
@@ -199,18 +199,18 @@ exports[`Checkbox > should render disabled checkbox 1`] = `
199199
>
200200
<label
201201
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-not-allowed--255"
202-
for="«r2»"
202+
for="_r_2_"
203203
>
204204
<input
205205
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 cursor-0-not-allowed--1 "
206206
disabled=""
207-
id="«r2»"
207+
id="_r_2_"
208208
type="checkbox"
209209
/>
210210
</label>
211211
<label
212212
class="cursor-0-not-allowed--255"
213-
for="«r2»"
213+
for="_r_2_"
214214
>
215215
<span
216216
class="font-size-0-14px--255 user-select-0-none--255 color-0-light-dark(#D6D7DE,#6F6E6E)--255"
@@ -229,19 +229,19 @@ exports[`Checkbox > should render disabled checkbox with custom colors 1`] = `
229229
>
230230
<label
231231
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-not-allowed--255"
232-
for="«rk»"
232+
for="_r_k_"
233233
>
234234
<input
235235
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 cursor-0-not-allowed--1 "
236236
disabled=""
237-
id="«rk»"
237+
id="_r_k_"
238238
style="--primary: #ff0000; --border: #00ff00; --inputBg: #ffff00;"
239239
type="checkbox"
240240
/>
241241
</label>
242242
<label
243243
class="cursor-0-not-allowed--255"
244-
for="«rk»"
244+
for="_r_k_"
245245
>
246246
<span
247247
class="font-size-0-14px--255 user-select-0-none--255 color-0-light-dark(#D6D7DE,#6F6E6E)--255"
@@ -261,18 +261,18 @@ exports[`Checkbox > should render with custom colors 1`] = `
261261
>
262262
<label
263263
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-pointer--255"
264-
for="«rh»"
264+
for="_r_h_"
265265
>
266266
<input
267267
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid var(--primary,light-dark(#6159D4,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 "
268-
id="«rh»"
268+
id="_r_h_"
269269
style="--primary: #ff0000; --border: #00ff00; --inputBg: #ffff00;"
270270
type="checkbox"
271271
/>
272272
</label>
273273
<label
274274
class="cursor-0-pointer--255"
275-
for="«rh»"
275+
for="_r_h_"
276276
>
277277
<span
278278
class="font-size-0-14px--255 user-select-0-none--255 color-0-var(--text,light-dark(#2F2F2F,#EDEDED))--255"
@@ -292,18 +292,18 @@ exports[`Checkbox > should render with partial custom colors 1`] = `
292292
>
293293
<label
294294
class="position-0-relative--255 display-0-flex--255 align-items-0-center--255 justify-content-0-center--255 width-0-16px--255 height-0-16px--255 cursor-0-pointer--255"
295-
for="«ri»"
295+
for="_r_i_"
296296
>
297297
<input
298298
class="background-0-var(--primary,light-dark(#6159D4,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-var(--primary,light-dark(#6159D4,#6670F9))--1 appearance-0-none--1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid var(--border,light-dark(#E0E0E0,#333))--1 border-radius-0-2px--1 display-0-block--1 height-0-100%--1 left-0-0--1 margin-0-0--1 opacity-0-1--1 pointer-events-0-none--1 position-0-absolute--1 top-0-0--1 width-0-100%--1 z-index-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid var(--primary,light-dark(#6159D4,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 "
299-
id="«ri»"
299+
id="_r_i_"
300300
style="--primary: #ff0000;"
301301
type="checkbox"
302302
/>
303303
</label>
304304
<label
305305
class="cursor-0-pointer--255"
306-
for="«ri»"
306+
for="_r_i_"
307307
>
308308
<span
309309
class="font-size-0-14px--255 user-select-0-none--255 color-0-var(--text,light-dark(#2F2F2F,#EDEDED))--255"

0 commit comments

Comments
 (0)