test: (#740) 알림을 넣을 툴킷 컴포넌트 테스트

woowacourse-teams · Oct 13, 2023 · 200b854 · 200b854
1 parent edee88b
commit 200b854
Showing 1 changed file with 41 additions and 0 deletions.
diff --git a/frontend/src/components/common/ToolTip/ToolTip.stories.tsx b/frontend/src/components/common/ToolTip/ToolTip.stories.tsx
@@ -0,0 +1,41 @@
+import type { Meta } from '@storybook/react';
+
+import ToolTip from '.';
+
+const meta: Meta<typeof ToolTip> = {
+ component: ToolTip,
+};
+
+export default meta;
+
+export const SizeS = () => {
+ return (
+ <ToolTip size="sm">
+ <div style={{ width: '100px', height: '100px', backgroundColor: 'bisque' }} />
+ </ToolTip>
+ );
+};
+
+export const SizeM = () => {
+ return (
+ <ToolTip size="md">
+ <div style={{ width: '100px', height: '100px', backgroundColor: 'bisque' }} />
+ </ToolTip>
+ );
+};
+
+export const SizeL = () => {
+ return (
+ <ToolTip size="lg">
+ <div style={{ width: '100px', height: '100px', backgroundColor: 'bisque' }} />
+ </ToolTip>
+ );
+};
+
+export const SizeFree = () => {
+ return (
+ <ToolTip size="free">
+ <div style={{ width: '50vw', height: '90vh', backgroundColor: 'bisque' }} />
+ </ToolTip>
+ );
+};