test: group form에 대한 기능 테스트 작성

Author: gihwan-dev

src/components/common/UserInviteDialog.tsx

@@ -20,7 +20,7 @@ const UserInvite: FC = () => {
       }
       setList(
         nickNames.map(({ user_nickname, id }) => {
-          return <UserInviteList user_nickname={user_nickname} id={id} key={id + '-UserInviteList'} />;
+          return <UserInviteList user_nickname={user_nickname} key={id + '-UserInviteList'} />;
         }),
       );
       return list;

src/components/common/UserInviteList.tsx

@@ -3,12 +3,13 @@ import { IconPlus } from '@/assets/icons';
 
 interface Props {
   user_nickname: any;
-  id: string;
 }
 
-const UserInviteList: FC<Props> = ({ user_nickname, id }) => {
+const UserInviteList: FC<Props> = ({ user_nickname }) => {
+  const onClick = () => {};
+
   return (
-    <li key={id} className="border-b">
+    <li className="border-b">
       <button type="button" className="ju btn flex w-full justify-between border-none bg-transparent" onClick={onClick}>
         {user_nickname}
         <IconPlus />
@@ -17,6 +18,4 @@ const UserInviteList: FC<Props> = ({ user_nickname, id }) => {
   );
 };
 
-const onClick = () => {};
-
 export default UserInviteList;

src/tests/ChangePassword.test.tsx

@@ -9,6 +9,9 @@ import { sessionFixture } from './fixtures/sessionFixture';
 import wrapper from './helpers/wrapper';
 
 vi.mock('@/supabase');
+vi.mock('react-router-dom', () => ({
+  useNavigate: () => vi.fn(),
+}));
 
 describe('ChangePassword', async () => {
   beforeEach(() => {

src/tests/EditGroupSchedulePage.test.tsx

@@ -35,7 +35,5 @@ describe('EditGroupPage', () => {
     expect(groupMemoInput.value).toBe(groupScheduleFixture[0].memo);
   });
 
-  it('저장 버튼을 누르면 그룹 수정 요청을 보낼 수 있어야 한다.', () => {
-    
-  });
+  it('저장 버튼을 누르면 그룹 수정 요청을 보낼 수 있어야 한다.', () => {});
 });

src/tests/login.test.tsx

@@ -13,6 +13,8 @@ vi.mock('@/supabase', () => ({
   },
 }));
 
+vi.mock('react-router-dom');
+
 describe('Login test', () => {
   beforeEach(() => {
     render(<LoginPage />, {

src/tests/setup.ts

@@ -1,6 +1,10 @@
-import { afterEach } from 'vitest';
+import { afterEach, expect } from 'vitest';
 import { cleanup } from '@testing-library/react';
+import * as matchers from '@testing-library/jest-dom/matchers';
 import '@testing-library/jest-dom/vitest';
+
+expect.extend(matchers);
+
 // test 간 DOM 상태를 초기화
 afterEach(() => {
   cleanup();