Skip to content

Commit a3199ff

Browse files
belltalionbelltalion
committed
Fix select componenet
1 parent 3ae2d29 commit a3199ff

File tree

2 files changed

+76
-0
lines changed

2 files changed

+76
-0
lines changed

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

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,56 @@ exports[`Select > should render with overflow screen 1`] = `
5050
</div>
5151
`;
5252

53+
exports[`Select > should render with overflow screen 2`] = `
54+
<div>
55+
<div
56+
class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-1137980104803605758-1 position-0-fixed--255 bottom-0-0--255"
57+
>
58+
<button
59+
aria-expanded="false"
60+
aria-label="Select toggle"
61+
class="border-radius-0-8px--2 outline-0-2px solid-17005923944751620165-1 box-sizing-0-border-box--1 cursor-0-pointer--1 font-weight-0-700--1 outline-offset-0-2px--1 position-0-relative--1 transition-0-.25s--1 color-0-var(--text,#272727)-15425828959012638752-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 20%,#FFF 80%)-15425828959012638752-1 border-0-1px solid var(--primary,#8163E1)-15425828959012638752-1 color-0-#D6D7DE-14172363753176421546-1 background-color-0-#F0F0F3-14172363753176421546-1 cursor-0-not-allowed-14172363753176421546-1 border-color-0-var(--border,#E4E4E4)-14172363753176421546-1 outline-color-0-var(--primaryFocus,#9385D3)-17005923944751620165-1 border-color-0-var(--primary,#8163E1)-8380715471663921674-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 10%,#FFF 90%)-8380715471663921674-1 color-0-var(--text,#F6F6F6)-2922352740838246662-1 background-0-var(--primary,#8163E1)-2922352740838246662-1 color-0-#373737-878116160589243838-1 background-color-0-#47474A-878116160589243838-1 border-color-0-transparent-878116160589243838-1 border-color-0-var(--primary,#8163E1)-6232724021015440856-1 background-0-color-mix(in srgb,var(--primary,#674DC7) 10%,var(--inputBackground,#2E2E2E) 90%)-6232724021015440856-1 outline-color-0-var(--primaryFocus,#927CE4)-13318702800233181468-1 background-0-var(--inputBackground,#2E2E2E)-6667598448774358329-1 background-0-var(--inputBackground,#FFF)--1 border-0-1px solid var(--border,#E4E4E4)--1 border-radius-0-10px--1 color-0-var(--text,#272727)--1 font-size-0-14px--1 font-size-4-15px--1 letter-spacing-0--.02em--1 letter-spacing-4--.03em--1 padding-right-0-16px--1 padding-left-0-16px--1 padding-bottom-0-10px--1 padding-top-0-10px--1 "
62+
type="button"
63+
>
64+
<div
65+
class="max-width-0-100%--255 margin-right-0-auto--255 margin-left-0-auto--255 position-0-relative--255 width-0-fit-content--255"
66+
>
67+
<div
68+
class=" line-height-0-1.2--255 min-height-0-1.2em--255 "
69+
>
70+
Select
71+
</div>
72+
</div>
73+
</button>
74+
</div>
75+
</div>
76+
`;
77+
78+
exports[`Select > should render with overflow screen 3`] = `
79+
<div>
80+
<div
81+
class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-1137980104803605758-1 position-0-fixed--255 right-0-0--255"
82+
>
83+
<button
84+
aria-expanded="false"
85+
aria-label="Select toggle"
86+
class="border-radius-0-8px--2 outline-0-2px solid-17005923944751620165-1 box-sizing-0-border-box--1 cursor-0-pointer--1 font-weight-0-700--1 outline-offset-0-2px--1 position-0-relative--1 transition-0-.25s--1 color-0-var(--text,#272727)-15425828959012638752-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 20%,#FFF 80%)-15425828959012638752-1 border-0-1px solid var(--primary,#8163E1)-15425828959012638752-1 color-0-#D6D7DE-14172363753176421546-1 background-color-0-#F0F0F3-14172363753176421546-1 cursor-0-not-allowed-14172363753176421546-1 border-color-0-var(--border,#E4E4E4)-14172363753176421546-1 outline-color-0-var(--primaryFocus,#9385D3)-17005923944751620165-1 border-color-0-var(--primary,#8163E1)-8380715471663921674-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 10%,#FFF 90%)-8380715471663921674-1 color-0-var(--text,#F6F6F6)-2922352740838246662-1 background-0-var(--primary,#8163E1)-2922352740838246662-1 color-0-#373737-878116160589243838-1 background-color-0-#47474A-878116160589243838-1 border-color-0-transparent-878116160589243838-1 border-color-0-var(--primary,#8163E1)-6232724021015440856-1 background-0-color-mix(in srgb,var(--primary,#674DC7) 10%,var(--inputBackground,#2E2E2E) 90%)-6232724021015440856-1 outline-color-0-var(--primaryFocus,#927CE4)-13318702800233181468-1 background-0-var(--inputBackground,#2E2E2E)-6667598448774358329-1 background-0-var(--inputBackground,#FFF)--1 border-0-1px solid var(--border,#E4E4E4)--1 border-radius-0-10px--1 color-0-var(--text,#272727)--1 font-size-0-14px--1 font-size-4-15px--1 letter-spacing-0--.02em--1 letter-spacing-4--.03em--1 padding-right-0-16px--1 padding-left-0-16px--1 padding-bottom-0-10px--1 padding-top-0-10px--1 "
87+
type="button"
88+
>
89+
<div
90+
class="max-width-0-100%--255 margin-right-0-auto--255 margin-left-0-auto--255 position-0-relative--255 width-0-fit-content--255"
91+
>
92+
<div
93+
class=" line-height-0-1.2--255 min-height-0-1.2em--255 "
94+
>
95+
Select
96+
</div>
97+
</div>
98+
</button>
99+
</div>
100+
</div>
101+
`;
102+
53103
exports[`Select > should render with x and y properties 1`] = `
54104
<div>
55105
<div

‎packages/components/src/components/Select/__tests__/index.browser.test.tsx‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -437,4 +437,30 @@ describe('Select', () => {
437437
)
438438
expect(container).toMatchSnapshot()
439439
})
440+
it('should render with overflow screen', () => {
441+
const { container } = render(
442+
<Select
443+
className={css({
444+
pos: 'fixed',
445+
bottom: '0px',
446+
})}
447+
>
448+
{children}
449+
</Select>,
450+
)
451+
expect(container).toMatchSnapshot()
452+
})
453+
it('should render with overflow screen', () => {
454+
const { container } = render(
455+
<Select
456+
className={css({
457+
pos: 'fixed',
458+
right: '0px',
459+
})}
460+
>
461+
{children}
462+
</Select>,
463+
)
464+
expect(container).toMatchSnapshot()
465+
})
440466
})

0 commit comments

Comments
 (0)