- onNavClick('홈')} data-testid="home-button">
-
- 홈
-
-
-
- onNavClick('좋아요')} data-testid="like-button">
-
-
- 좋아요
-
-
-
- onNavClick('채팅')} data-testid="chat-button">
-
-
- 채팅
-
-
-
- onNavClick('마이페이지')} data-testid="mypage-button">
-
-
- 마이페이지
-
-
-
- );
-};
-
-export default BottomNavBar;
diff --git a/src/stories/EditInfoModal/EditInfoModal.stories.tsx b/src/stories/EditInfoModal/EditInfoModal.stories.tsx
index 93c96292..f1f23223 100644
--- a/src/stories/EditInfoModal/EditInfoModal.stories.tsx
+++ b/src/stories/EditInfoModal/EditInfoModal.stories.tsx
@@ -20,7 +20,7 @@ export const EmailModal: Story = {
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);
- const label = canvas.getByText('변경할 이메일');
+ const label = canvas.getByText('이메일 변경');
await expect(label).toBeInTheDocument();
const input = canvas.getAllByRole('textbox')[0];
@@ -40,9 +40,12 @@ export const PasswordModal: Story = {
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);
- const label = canvas.getByText('변경할 비밀번호');
+ const label = canvas.getByText('비밀번호 변경');
await expect(label).toBeInTheDocument();
+ const oldPassword = canvas.getByTestId('oldPassword');
+ await userEvent.type(oldPassword, 'test1234', { delay: 200 });
+
const input = canvas.getByTestId('password');
await userEvent.type(input, 'test1234', { delay: 200 });
await expect(input).toHaveValue('test1234');
diff --git a/src/stories/LoginPage/LoginPage.stories.tsx b/src/stories/LoginPage/LoginPage.stories.tsx
new file mode 100644
index 00000000..dc5ad66e
--- /dev/null
+++ b/src/stories/LoginPage/LoginPage.stories.tsx
@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Login from '@/pages/LogIn';
+import { userEvent, within } from '@storybook/testing-library';
+import { expect } from '@storybook/test';
+
+const meta: Meta