Skip to content

Commit cefe2d3

Browse files
belltalionbelltalion
committed
Fix snap
1 parent d8b0cad commit cefe2d3

File tree

3 files changed

+218
-411
lines changed

3 files changed

+218
-411
lines changed

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

Lines changed: 218 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,218 @@
1+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2+
3+
exports[`Radio > should Radio snapshot 1`] = `
4+
<div>
5+
<label
6+
class="cursor-0-default-7839325038755874321-255 align-items-0-center--255 cursor-0-pointer--255 display-0-inline-flex--255 gap-0-8px--255"
7+
>
8+
<input
9+
class=" outline-0-1px sold var(--border,var(--primary))-16231282139879731451-1 appearance-0-none--1 background-0-light-dark(#FFF,#2E2E2E)--1 border-0-1px solid--1 border-color-0-$border--1 border-radius-0-100%--1 height-0-18px--1 margin-0-0--1 background-0-var(--checkedBg,var(--primary,light-dark(#FFF,#2E2E2E)))-17129114244782262327-1 border-0-3px solid-17129114244782262327-1 border-color-0-var(--checkedBg,light-dark(#FFF,#2E2E2E))-17129114244782262327-1 box-shadow-0-0 0 0 1px var(--checkedBorder,var(--primary))-17129114244782262327-1 border-0-1px solid var(--hoverBorder,var(--primary))-3290869533418587046-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-3290869533418587046-1 background-color-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-6868913831866299902-1 transition-0-.25s--1 width-0-18px--1"
10+
data-radio-input="true"
11+
type="radio"
12+
/>
13+
<span
14+
class=" color-0-var(--text,light-dark(#000,#FFF))--1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-7839325038755874321-1"
15+
/>
16+
</label>
17+
</div>
18+
`;
19+
20+
exports[`Radio > should Radio snapshot 2`] = `
21+
<div>
22+
<label
23+
class="cursor-0-default-7839325038755874321-255 "
24+
>
25+
<input
26+
class=" display-0-none--1 opacity-0-0--1"
27+
data-radio-input="true"
28+
type="radio"
29+
/>
30+
<div
31+
class=" cursor-0-not-allowed-14172363753176421546-1 background-0-var(--bg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid--1 border-color-0-$border--1 color-0-var(--text,light-dark(#000,#FFF))--1 cursor-0-pointer--1 display-0-flex--1 padding-right-0-32px--1 padding-left-0-32px--1 padding-bottom-0-16px--1 padding-top-0-16px--1 font-weight-0-600-13599873562982711818-1 background-0-var(--checkedBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 80%),color-mix(in srgb,var(--primary) 10%,black 80%)))-13599873562982711818-1 border-color-0-var(--checkedBorder,var(--primary))-13599873562982711818-1 color-0-var(--checkedColor,var(--primary))-13599873562982711818-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-17878486696247413219-1 border-color-0-var(--hoverBorder,var(--primary))-17878486696247413219-1 background-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-13062485276290174291-1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-13062485276290174291-1 transition-0-background-color .25s,border-color .25s--1 width-0-fit-content--1 "
32+
data-radio-button="true"
33+
/>
34+
</label>
35+
</div>
36+
`;
37+
38+
exports[`Radio > should Radio snapshot 3`] = `
39+
<div>
40+
<label
41+
aria-disabled="true"
42+
class="cursor-0-default-7839325038755874321-255 align-items-0-center--255 cursor-0-pointer--255 display-0-inline-flex--255 gap-0-8px--255"
43+
>
44+
<input
45+
class=" outline-0-1px sold var(--border,var(--primary))-16231282139879731451-1 appearance-0-none--1 background-0-light-dark(#FFF,#2E2E2E)--1 border-0-1px solid--1 border-color-0-$border--1 border-radius-0-100%--1 height-0-18px--1 margin-0-0--1 background-0-var(--checkedBg,var(--primary,light-dark(#FFF,#2E2E2E)))-17129114244782262327-1 border-0-3px solid-17129114244782262327-1 border-color-0-var(--checkedBg,light-dark(#FFF,#2E2E2E))-17129114244782262327-1 box-shadow-0-0 0 0 1px var(--checkedBorder,var(--primary))-17129114244782262327-1 border-0-1px solid var(--hoverBorder,var(--primary))-3290869533418587046-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-3290869533418587046-1 background-color-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-6868913831866299902-1 transition-0-.25s--1 width-0-18px--1"
46+
data-radio-input="true"
47+
disabled=""
48+
type="radio"
49+
/>
50+
<span
51+
aria-disabled="true"
52+
class=" color-0-var(--text,light-dark(#000,#FFF))--1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-7839325038755874321-1"
53+
/>
54+
</label>
55+
</div>
56+
`;
57+
58+
exports[`Radio > should Radio snapshot 4`] = `
59+
<div>
60+
<label
61+
aria-disabled="true"
62+
class="cursor-0-default-7839325038755874321-255 "
63+
>
64+
<input
65+
class=" display-0-none--1 opacity-0-0--1"
66+
data-radio-input="true"
67+
disabled=""
68+
type="radio"
69+
/>
70+
<div
71+
aria-disabled="true"
72+
class=" cursor-0-not-allowed-14172363753176421546-1 background-0-var(--bg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid--1 border-color-0-$border--1 color-0-var(--text,light-dark(#000,#FFF))--1 cursor-0-pointer--1 display-0-flex--1 padding-right-0-32px--1 padding-left-0-32px--1 padding-bottom-0-16px--1 padding-top-0-16px--1 font-weight-0-600-13599873562982711818-1 background-0-var(--checkedBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 80%),color-mix(in srgb,var(--primary) 10%,black 80%)))-13599873562982711818-1 border-color-0-var(--checkedBorder,var(--primary))-13599873562982711818-1 color-0-var(--checkedColor,var(--primary))-13599873562982711818-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-17878486696247413219-1 border-color-0-var(--hoverBorder,var(--primary))-17878486696247413219-1 background-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-13062485276290174291-1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-13062485276290174291-1 transition-0-background-color .25s,border-color .25s--1 width-0-fit-content--1 "
73+
data-radio-button="true"
74+
/>
75+
</label>
76+
</div>
77+
`;
78+
79+
exports[`Radio > should Radio snapshot 5`] = `
80+
<div>
81+
<label
82+
aria-disabled="true"
83+
class="cursor-0-default-7839325038755874321-255 align-items-0-center--255 cursor-0-pointer--255 display-0-inline-flex--255 gap-0-8px--255"
84+
>
85+
<input
86+
class=" outline-0-1px sold var(--border,var(--primary))-16231282139879731451-1 appearance-0-none--1 background-0-light-dark(#FFF,#2E2E2E)--1 border-0-1px solid--1 border-color-0-$border--1 border-radius-0-100%--1 height-0-18px--1 margin-0-0--1 background-0-var(--checkedBg,var(--primary,light-dark(#FFF,#2E2E2E)))-17129114244782262327-1 border-0-3px solid-17129114244782262327-1 border-color-0-var(--checkedBg,light-dark(#FFF,#2E2E2E))-17129114244782262327-1 box-shadow-0-0 0 0 1px var(--checkedBorder,var(--primary))-17129114244782262327-1 border-0-1px solid var(--hoverBorder,var(--primary))-3290869533418587046-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-3290869533418587046-1 background-color-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-6868913831866299902-1 transition-0-.25s--1 width-0-18px--1"
87+
data-radio-input="true"
88+
disabled=""
89+
type="radio"
90+
/>
91+
<span
92+
aria-disabled="true"
93+
class=" color-0-var(--text,light-dark(#000,#FFF))--1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-7839325038755874321-1"
94+
style="width: 500px;"
95+
/>
96+
</label>
97+
</div>
98+
`;
99+
100+
exports[`Radio > should Radio snapshot 6`] = `
101+
<div>
102+
<label
103+
aria-disabled="true"
104+
class="cursor-0-default-7839325038755874321-255 "
105+
>
106+
<input
107+
class=" display-0-none--1 opacity-0-0--1"
108+
data-radio-input="true"
109+
disabled=""
110+
type="radio"
111+
/>
112+
<div
113+
aria-disabled="true"
114+
class=" cursor-0-not-allowed-14172363753176421546-1 background-0-var(--bg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid--1 border-color-0-$border--1 color-0-var(--text,light-dark(#000,#FFF))--1 cursor-0-pointer--1 display-0-flex--1 padding-right-0-32px--1 padding-left-0-32px--1 padding-bottom-0-16px--1 padding-top-0-16px--1 font-weight-0-600-13599873562982711818-1 background-0-var(--checkedBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 80%),color-mix(in srgb,var(--primary) 10%,black 80%)))-13599873562982711818-1 border-color-0-var(--checkedBorder,var(--primary))-13599873562982711818-1 color-0-var(--checkedColor,var(--primary))-13599873562982711818-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-17878486696247413219-1 border-color-0-var(--hoverBorder,var(--primary))-17878486696247413219-1 background-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-13062485276290174291-1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-13062485276290174291-1 transition-0-background-color .25s,border-color .25s--1 width-0-fit-content--1 "
115+
data-radio-button="true"
116+
style="width: 500px;"
117+
/>
118+
</label>
119+
</div>
120+
`;
121+
122+
exports[`Radio > should Radio snapshot 7`] = `
123+
<div>
124+
<label
125+
aria-disabled="true"
126+
class="cursor-0-default-7839325038755874321-255 align-items-0-center--255 cursor-0-pointer--255 display-0-inline-flex--255 gap-0-8px--255"
127+
>
128+
<input
129+
class=" outline-0-1px sold var(--border,var(--primary))-16231282139879731451-1 appearance-0-none--1 background-0-light-dark(#FFF,#2E2E2E)--1 border-0-1px solid--1 border-color-0-$border--1 border-radius-0-100%--1 height-0-18px--1 margin-0-0--1 background-0-var(--checkedBg,var(--primary,light-dark(#FFF,#2E2E2E)))-17129114244782262327-1 border-0-3px solid-17129114244782262327-1 border-color-0-var(--checkedBg,light-dark(#FFF,#2E2E2E))-17129114244782262327-1 box-shadow-0-0 0 0 1px var(--checkedBorder,var(--primary))-17129114244782262327-1 border-0-1px solid var(--hoverBorder,var(--primary))-3290869533418587046-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-3290869533418587046-1 background-color-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-6868913831866299902-1 transition-0-.25s--1 width-0-18px--1"
130+
data-radio-input="true"
131+
disabled=""
132+
type="radio"
133+
/>
134+
<span
135+
aria-disabled="true"
136+
class=" color-0-var(--text,light-dark(#000,#FFF))--1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-7839325038755874321-1"
137+
style="width: 500px;"
138+
/>
139+
</label>
140+
</div>
141+
`;
142+
143+
exports[`Radio > should Radio snapshot 8`] = `
144+
<div>
145+
<label
146+
aria-disabled="true"
147+
class="cursor-0-default-7839325038755874321-255 "
148+
>
149+
<input
150+
class="className display-0-none--1 opacity-0-0--1"
151+
data-radio-input="true"
152+
disabled=""
153+
type="radio"
154+
/>
155+
<div
156+
aria-disabled="true"
157+
class="className cursor-0-not-allowed-14172363753176421546-1 background-0-var(--bg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid--1 border-color-0-$border--1 color-0-var(--text,light-dark(#000,#FFF))--1 cursor-0-pointer--1 display-0-flex--1 padding-right-0-32px--1 padding-left-0-32px--1 padding-bottom-0-16px--1 padding-top-0-16px--1 font-weight-0-600-13599873562982711818-1 background-0-var(--checkedBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 80%),color-mix(in srgb,var(--primary) 10%,black 80%)))-13599873562982711818-1 border-color-0-var(--checkedBorder,var(--primary))-13599873562982711818-1 color-0-var(--checkedColor,var(--primary))-13599873562982711818-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-17878486696247413219-1 border-color-0-var(--hoverBorder,var(--primary))-17878486696247413219-1 background-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-13062485276290174291-1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-13062485276290174291-1 transition-0-background-color .25s,border-color .25s--1 width-0-fit-content--1 "
158+
data-radio-button="true"
159+
/>
160+
</label>
161+
</div>
162+
`;
163+
164+
exports[`Radio > should Radio snapshot 9`] = `
165+
<div>
166+
<label
167+
aria-disabled="true"
168+
class="cursor-0-default-7839325038755874321-255 align-items-0-center--255 cursor-0-pointer--255 display-0-inline-flex--255 gap-0-8px--255"
169+
>
170+
<input
171+
class="className outline-0-1px sold var(--border,var(--primary))-16231282139879731451-1 appearance-0-none--1 background-0-light-dark(#FFF,#2E2E2E)--1 border-0-1px solid--1 border-color-0-$border--1 border-radius-0-100%--1 height-0-18px--1 margin-0-0--1 background-0-var(--checkedBg,var(--primary,light-dark(#FFF,#2E2E2E)))-17129114244782262327-1 border-0-3px solid-17129114244782262327-1 border-color-0-var(--checkedBg,light-dark(#FFF,#2E2E2E))-17129114244782262327-1 box-shadow-0-0 0 0 1px var(--checkedBorder,var(--primary))-17129114244782262327-1 border-0-1px solid var(--hoverBorder,var(--primary))-3290869533418587046-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-3290869533418587046-1 background-color-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-6868913831866299902-1 transition-0-.25s--1 width-0-18px--1"
172+
data-radio-input="true"
173+
disabled=""
174+
type="radio"
175+
/>
176+
<span
177+
aria-disabled="true"
178+
class="classNameLabel color-0-var(--text,light-dark(#000,#FFF))--1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-7839325038755874321-1"
179+
/>
180+
</label>
181+
</div>
182+
`;
183+
184+
exports[`Radio > should Radio snapshot 10`] = `
185+
<div>
186+
<label
187+
class="cursor-0-default-7839325038755874321-255 "
188+
>
189+
<input
190+
class=" display-0-none--1 opacity-0-0--1"
191+
data-radio-input="true"
192+
type="radio"
193+
/>
194+
<div
195+
class=" cursor-0-not-allowed-14172363753176421546-1 background-0-var(--bg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid--1 border-color-0-$border--1 color-0-var(--text,light-dark(#000,#FFF))--1 cursor-0-pointer--1 display-0-flex--1 padding-right-0-32px--1 padding-left-0-32px--1 padding-bottom-0-16px--1 padding-top-0-16px--1 font-weight-0-600-13599873562982711818-1 background-0-var(--checkedBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 80%),color-mix(in srgb,var(--primary) 10%,black 80%)))-13599873562982711818-1 border-color-0-var(--checkedBorder,var(--primary))-13599873562982711818-1 color-0-var(--checkedColor,var(--primary))-13599873562982711818-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-17878486696247413219-1 border-color-0-var(--hoverBorder,var(--primary))-17878486696247413219-1 background-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-13062485276290174291-1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-13062485276290174291-1 transition-0-background-color .25s,border-color .25s--1 width-0-fit-content--1 border-radius-0-6px 0 0 6px--1"
196+
data-radio-button="true"
197+
/>
198+
</label>
199+
</div>
200+
`;
201+
202+
exports[`Radio > should Radio snapshot 11`] = `
203+
<div>
204+
<label
205+
class="cursor-0-default-7839325038755874321-255 "
206+
>
207+
<input
208+
class=" display-0-none--1 opacity-0-0--1"
209+
data-radio-input="true"
210+
type="radio"
211+
/>
212+
<div
213+
class=" cursor-0-not-allowed-14172363753176421546-1 background-0-var(--bg,light-dark(#FFF,#2E2E2E))--1 border-0-1px solid--1 border-color-0-$border--1 color-0-var(--text,light-dark(#000,#FFF))--1 cursor-0-pointer--1 display-0-flex--1 padding-right-0-32px--1 padding-left-0-32px--1 padding-bottom-0-16px--1 padding-top-0-16px--1 font-weight-0-600-13599873562982711818-1 background-0-var(--checkedBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 80%),color-mix(in srgb,var(--primary) 10%,black 80%)))-13599873562982711818-1 border-color-0-var(--checkedBorder,var(--primary))-13599873562982711818-1 color-0-var(--checkedColor,var(--primary))-13599873562982711818-1 background-0-var(--hoverBg,light-dark(color-mix(in srgb,var(--primary) 10%,white 90%),color-mix(in srgb,var(--primary) 10%,black 90%)))-17878486696247413219-1 border-color-0-var(--hoverBorder,var(--primary))-17878486696247413219-1 background-0-var(--disabledBg,light-dark(#F0F0F3,#47474A))-13062485276290174291-1 color-0-var(--disabledColor,light-dark(#D6D7DE,#373737))-13062485276290174291-1 transition-0-background-color .25s,border-color .25s--1 width-0-fit-content--1 border-radius-0-0 6px 6px 0--1"
214+
data-radio-button="true"
215+
/>
216+
</label>
217+
</div>
218+
`;

packages/components/src/components/Radio/__test__/index.browser.test.tsx renamed to packages/components/src/components/Radio/__tests__/index.browser.test.tsx

File renamed without changes.

0 commit comments

Comments
 (0)