temp

chan9yu · chan9yu · commit de34f49f66f6 · 2025-08-19T23:59:44.000+09:00
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest run --coverage",
+    "test:unit": "vitest easy.dateUtils",
     "build": "tsc -b && vite build",
     "lint:eslint": "eslint . --ext ts,tsx --report-unused-disable-directives",
     "lint:tsc": "tsc --pretty",
diff --git a/src/__mocks__/handlers.ts b/src/__mocks__/handlers.ts
@@ -1,7 +1,15 @@
+import { randomUUID } from 'crypto';
+
 import { http, HttpResponse } from 'msw';
 
-import { events } from '../__mocks__/response/events.json' assert { type: 'json' };
-import { Event } from '../types';
+import { events as initialEvents } from '../__mocks__/response/events.json' assert { type: 'json' };
+import type { Event } from '../types';
+
+let events = [...initialEvents];
+
+export const resetEvents = () => {
+  events = [...initialEvents];
+};
 
 export const handlers = [
   http.get('/api/events', () => {
@@ -10,30 +18,37 @@ export const handlers = [
 
   http.post('/api/events', async ({ request }) => {
     const newEvent = (await request.json()) as Event;
-    newEvent.id = String(events.length + 1);
+    newEvent.id = randomUUID();
+
+    events = [...events, newEvent];
+
     return HttpResponse.json(newEvent, { status: 201 });
   }),
 
   http.put('/api/events/:id', async ({ params, request }) => {
     const { id } = params;
-    const updatedEvent = (await request.json()) as Event;
-    const index = events.findIndex((event) => event.id === id);
 
-    if (index !== -1) {
-      return HttpResponse.json({ ...events[index], ...updatedEvent });
+    const index = events.findIndex((event) => event.id === id);
+    if (index === -1) {
+      return new HttpResponse(null, { status: 404 });
     }
 
-    return new HttpResponse(null, { status: 404 });
+    const updatedEvent = (await request.json()) as Event;
+    events[index] = { ...events[index], ...updatedEvent };
+
+    return HttpResponse.json(events[index]);
   }),
 
   http.delete('/api/events/:id', ({ params }) => {
     const { id } = params;
-    const index = events.findIndex((event) => event.id === id);
 
-    if (index !== -1) {
-      return new HttpResponse(null, { status: 204 });
+    const index = events.findIndex((event) => event.id === id);
+    if (index === -1) {
+      return new HttpResponse(null, { status: 404 });
     }
 
-    return new HttpResponse(null, { status: 404 });
+    events.splice(index, 1);
+
+    return new HttpResponse(null, { status: 204 });
   }),
 ];
diff --git a/src/__mocks__/response/realEvents.json b/src/__mocks__/response/realEvents.json
@@ -1,64 +1 @@
-{
-  "events": [
-    {
-      "id": "2b7545a6-ebee-426c-b906-2329bc8d62bd",
-      "title": "팀 회의",
-      "date": "2025-08-20",
-      "startTime": "10:00",
-      "endTime": "11:00",
-      "description": "주간 팀 미팅",
-      "location": "회의실 A",
-      "category": "업무",
-      "repeat": { "type": "none", "interval": 0 },
-      "notificationTime": 1
-    },
-    {
-      "id": "09702fb3-a478-40b3-905e-9ab3c8849dcd",
-      "title": "점심 약속",
-      "date": "2025-08-21",
-      "startTime": "12:30",
-      "endTime": "13:30",
-      "description": "동료와 점심 식사",
-      "location": "회사 근처 식당",
-      "category": "개인",
-      "repeat": { "type": "none", "interval": 0 },
-      "notificationTime": 1
-    },
-    {
-      "id": "da3ca408-836a-4d98-b67a-ca389d07552b",
-      "title": "프로젝트 마감",
-      "date": "2025-08-25",
-      "startTime": "09:00",
-      "endTime": "18:00",
-      "description": "분기별 프로젝트 마감",
-      "location": "사무실",
-      "category": "업무",
-      "repeat": { "type": "none", "interval": 0 },
-      "notificationTime": 1
-    },
-    {
-      "id": "dac62941-69e5-4ec0-98cc-24c2a79a7f81",
-      "title": "생일 파티",
-      "date": "2025-08-28",
-      "startTime": "19:00",
-      "endTime": "22:00",
-      "description": "친구 생일 축하",
-      "location": "친구 집",
-      "category": "개인",
-      "repeat": { "type": "none", "interval": 0 },
-      "notificationTime": 1
-    },
-    {
-      "id": "80d85368-b4a4-47b3-b959-25171d49371f",
-      "title": "운동",
-      "date": "2025-08-22",
-      "startTime": "18:00",
-      "endTime": "19:00",
-      "description": "주간 운동",
-      "location": "헬스장",
-      "category": "개인",
-      "repeat": { "type": "none", "interval": 0 },
-      "notificationTime": 1
-    }
-  ]
-}
+{"events":[{"id":"2b7545a6-ebee-426c-b906-2329bc8d62bd","title":"팀 회의","date":"2025-08-20","startTime":"10:00","endTime":"11:00","description":"주간 팀 미팅","location":"회의실 A","category":"업무","repeat":{"type":"none","interval":0},"notificationTime":1},{"id":"09702fb3-a478-40b3-905e-9ab3c8849dcd","title":"점심 약속","date":"2025-08-21","startTime":"12:30","endTime":"13:30","description":"동료와 점심 식사","location":"회사 근처 식당","category":"개인","repeat":{"type":"none","interval":0},"notificationTime":1},{"id":"da3ca408-836a-4d98-b67a-ca389d07552b","title":"프로젝트 마감","date":"2025-08-25","startTime":"09:00","endTime":"18:00","description":"분기별 프로젝트 마감","location":"사무실","category":"업무","repeat":{"type":"none","interval":0},"notificationTime":1},{"id":"dac62941-69e5-4ec0-98cc-24c2a79a7f81","title":"생일 파티","date":"2025-08-28","startTime":"19:00","endTime":"22:00","description":"친구 생일 축하","location":"친구 집","category":"개인","repeat":{"type":"none","interval":0},"notificationTime":1},{"id":"80d85368-b4a4-47b3-b959-25171d49371f","title":"운동","date":"2025-08-22","startTime":"18:00","endTime":"19:00","description":"주간 운동","location":"헬스장","category":"개인","repeat":{"type":"none","interval":0},"notificationTime":1},{"id":"58b866b9-5304-4285-9862-068447cee4a4","title":"테스트 회의","date":"2025-08-25","startTime":"15:00","endTime":"16:00","description":"테스트 회의입니다","location":"회의실 3-1","category":"업무","repeat":{"type":"none","interval":1},"notificationTime":10}]}
diff --git a/src/__tests__/medium.integration.spec.tsx b/src/__tests__/medium.integration.spec.tsx
@@ -1,24 +1,16 @@
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
-import { render, screen, within, act } from '@testing-library/react';
+import { render, screen, within } from '@testing-library/react';
 import { UserEvent, userEvent } from '@testing-library/user-event';
-import { http, HttpResponse } from 'msw';
 import { SnackbarProvider } from 'notistack';
 import { ReactElement } from 'react';
 
-import {
-  setupMockHandlerCreation,
-  setupMockHandlerDeletion,
-  setupMockHandlerUpdating,
-} from '../__mocks__/handlersUtils';
 import App from '../App';
-import { server } from '../setupTests';
-import { Event } from '../types';
-
-const theme = createTheme();
+import type { Event } from '../types';
 
 // ! HINT. 이 유틸을 사용해 리액트 컴포넌트를 렌더링해보세요.
 const setup = (element: ReactElement) => {
+  const theme = createTheme();
   const user = userEvent.setup();
 
   // ? Medium: 여기서 Provider로 묶어주는 동작은 의미있을까요? 있다면 어떤 의미일까요?
@@ -41,7 +33,6 @@ const saveSchedule = async (
   const { title, date, startTime, endTime, location, description, category } = form;
 
   await user.click(screen.getAllByText('일정 추가')[0]);
-
   await user.type(screen.getByLabelText('제목'), title);
   await user.type(screen.getByLabelText('날짜'), date);
   await user.type(screen.getByLabelText('시작 시간'), startTime);
@@ -51,14 +42,32 @@ const saveSchedule = async (
   await user.click(screen.getByLabelText('카테고리'));
   await user.click(within(screen.getByLabelText('카테고리')).getByRole('combobox'));
   await user.click(screen.getByRole('option', { name: `${category}-option` }));
-
   await user.click(screen.getByTestId('event-submit-button'));
 };
 
 // ! HINT. "검색 결과가 없습니다"는 초기에 노출되는데요. 그럼 검증하고자 하는 액션이 실행되기 전에 검증해버리지 않을까요? 이 테스트를 신뢰성있게 만드려면 어떻게 할까요?
 describe('일정 CRUD 및 기본 기능', () => {
-  it('입력한 새로운 일정 정보에 맞춰 모든 필드가 이벤트 리스트에 정확히 저장된다.', async () => {
+  it.only('입력한 새로운 일정 정보에 맞춰 모든 필드가 이벤트 리스트에 정확히 저장된다.', async () => {
     // ! HINT. event를 추가 제거하고 저장하는 로직을 잘 살펴보고, 만약 그대로 구현한다면 어떤 문제가 있을 지 고민해보세요.
+    const { user } = setup(<App />);
+
+    await saveSchedule(user, {
+      title: '테스트 회의',
+      date: '2025-10-03',
+      startTime: '15:00',
+      endTime: '16:00',
+      description: '테스트 회의입니다',
+      location: '회의실 3-1',
+      category: '업무',
+    });
+
+    const eventList = within(screen.getByTestId('event-list'));
+
+    expect(eventList.getByText('테스트 회의')).toBeInTheDocument();
+    expect(eventList.getByText('2025-10-03')).toBeInTheDocument();
+    expect(eventList.getByText('15:00 - 16:00')).toBeInTheDocument();
+    expect(eventList.getByText('테스트 회의입니다')).toBeInTheDocument();
+    expect(eventList.getByText('회의실 3-1')).toBeInTheDocument();
   });
 
   it('기존 일정의 세부 정보를 수정하고 변경사항이 정확히 반영된다', async () => {});
diff --git a/src/__tests__/unit/easy.dateUtils.spec.ts b/src/__tests__/unit/easy.dateUtils.spec.ts
@@ -51,19 +51,118 @@ describe('getDaysInMonth', () => {
 });
 
 describe('getWeekDates', () => {
-  it('주중의 날짜(수요일)에 대해 올바른 주의 날짜들을 반환한다', () => {});
+  it.only('주중의 날짜(수요일)에 대해 올바른 주의 날짜들을 반환한다', () => {
+    const wednesday = new Date(2025, 7, 6); // 2025-08-06 수요일
+    const weekDates = getWeekDates(wednesday);
+
+    // 해당 주는 2025-08-03(일) ~ 2025-08-09(토)
+    expect(weekDates).toHaveLength(7);
+    expect(weekDates[0]).toEqual(new Date(2025, 7, 3)); // 2025-08-03 일요일
+    expect(weekDates[1]).toEqual(new Date(2025, 7, 4)); // 2025-08-04 월요일
+    expect(weekDates[2]).toEqual(new Date(2025, 7, 5)); // 2025-08-05 화요일
+    expect(weekDates[3]).toEqual(new Date(2025, 7, 6)); // 2025-08-06 수요일
+    expect(weekDates[4]).toEqual(new Date(2025, 7, 7)); // 2025-08-07 목요일
+    expect(weekDates[5]).toEqual(new Date(2025, 7, 8)); // 2025-08-08 금요일
+    expect(weekDates[6]).toEqual(new Date(2025, 7, 9)); // 2025-08-09 토요일
+  });
 
-  it('주의 시작(월요일)에 대해 올바른 주의 날짜들을 반환한다', () => {});
+  it.only('주의 시작(월요일)에 대해 올바른 주의 날짜들을 반환한다', () => {
+    const monday = new Date(2025, 7, 4); // 2025-08-04 월요일
+    const weekDates = getWeekDates(monday);
+
+    // 해당 주는 2025-08-03(일) ~ 2025-08-09(토)
+    expect(weekDates).toHaveLength(7);
+    expect(weekDates[0]).toEqual(new Date(2025, 7, 3)); // 2025-08-03 일요일
+    expect(weekDates[1]).toEqual(new Date(2025, 7, 4)); // 2025-08-04 월요일
+    expect(weekDates[2]).toEqual(new Date(2025, 7, 5)); // 2025-08-05 화요일
+    expect(weekDates[3]).toEqual(new Date(2025, 7, 6)); // 2025-08-06 수요일
+    expect(weekDates[4]).toEqual(new Date(2025, 7, 7)); // 2025-08-07 목요일
+    expect(weekDates[5]).toEqual(new Date(2025, 7, 8)); // 2025-08-08 금요일
+    expect(weekDates[6]).toEqual(new Date(2025, 7, 9)); // 2025-08-09 토요일
+  });
 
-  it('주의 끝(일요일)에 대해 올바른 주의 날짜들을 반환한다', () => {});
+  it.only('주의 끝(일요일)에 대해 올바른 주의 날짜들을 반환한다', () => {
+    const sunday = new Date(2025, 7, 3); // 2025-08-03 일요일
+    const weekDates = getWeekDates(sunday);
+
+    // 해당 주는 2025-08-03(일) ~ 2025-08-09(토)
+    expect(weekDates).toHaveLength(7);
+    expect(weekDates[0]).toEqual(new Date(2025, 7, 3)); // 2025-08-03 일요일
+    expect(weekDates[1]).toEqual(new Date(2025, 7, 4)); // 2025-08-04 월요일
+    expect(weekDates[2]).toEqual(new Date(2025, 7, 5)); // 2025-08-05 화요일
+    expect(weekDates[3]).toEqual(new Date(2025, 7, 6)); // 2025-08-06 수요일
+    expect(weekDates[4]).toEqual(new Date(2025, 7, 7)); // 2025-08-07 목요일
+    expect(weekDates[5]).toEqual(new Date(2025, 7, 8)); // 2025-08-08 금요일
+    expect(weekDates[6]).toEqual(new Date(2025, 7, 9)); // 2025-08-09 토요일
+  });
 
-  it('연도를 넘어가는 주의 날짜를 정확히 처리한다 (연말)', () => {});
+  it.only('연도를 넘어가는 주의 날짜를 정확히 처리한다 (연말)', () => {
+    const date = new Date(2025, 11, 31); // 2025-12-31 수요일
+    const weekDates = getWeekDates(date);
+
+    expect(weekDates).toHaveLength(7);
+    expect(weekDates[0]).toEqual(new Date(2025, 11, 28)); // 2025-12-28 일요일
+    expect(weekDates[1]).toEqual(new Date(2025, 11, 29)); // 2025-12-29 월요일
+    expect(weekDates[2]).toEqual(new Date(2025, 11, 30)); // 2025-12-30 화요일
+    expect(weekDates[3]).toEqual(new Date(2025, 11, 31)); // 2025-12-31 수요일
+    expect(weekDates[4]).toEqual(new Date(2026, 0, 1)); // 2026-01-01 목요일
+    expect(weekDates[5]).toEqual(new Date(2026, 0, 2)); // 2026-01-02 금요일
+    expect(weekDates[6]).toEqual(new Date(2026, 0, 3)); // 2026-01-03 토요일
+  });
 
-  it('연도를 넘어가는 주의 날짜를 정확히 처리한다 (연초)', () => {});
+  it.only('연도를 넘어가는 주의 날짜를 정확히 처리한다 (연초)', () => {
+    const date = new Date(2025, 0, 1); // 2025-01-01 수요일
+    const weekDates = getWeekDates(date);
+
+    expect(weekDates).toHaveLength(7);
+    expect(weekDates[0]).toEqual(new Date(2024, 11, 29)); // 2024-12-29 일요일
+    expect(weekDates[1]).toEqual(new Date(2024, 11, 30)); // 2024-12-30 월요일
+    expect(weekDates[2]).toEqual(new Date(2024, 11, 31)); // 2024-12-31 화요일
+    expect(weekDates[3]).toEqual(new Date(2025, 0, 1)); // 2025-01-01 수요일
+    expect(weekDates[4]).toEqual(new Date(2025, 0, 2)); // 2025-01-02 목요일
+    expect(weekDates[5]).toEqual(new Date(2025, 0, 3)); // 2025-01-03 금요일
+    expect(weekDates[6]).toEqual(new Date(2025, 0, 4)); // 2025-01-04 토요일
+  });
 
-  it('윤년의 2월 29일을 포함한 주를 올바르게 처리한다', () => {});
+  it.only('윤년의 2월 29일을 포함한 주를 올바르게 처리한다', () => {
+    const date = new Date(2024, 1, 29); // 2024-02-29 목요일
+    const weekDates = getWeekDates(date);
+
+    expect(weekDates).toHaveLength(7);
+    expect(weekDates[0]).toEqual(new Date(2024, 1, 25)); // 2024-02-25 일요일
+    expect(weekDates[1]).toEqual(new Date(2024, 1, 26)); // 2024-02-26 월요일
+    expect(weekDates[2]).toEqual(new Date(2024, 1, 27)); // 2024-02-27 화요일
+    expect(weekDates[3]).toEqual(new Date(2024, 1, 28)); // 2024-02-28 수요일
+    expect(weekDates[4]).toEqual(new Date(2024, 1, 29)); // 2024-02-29 목요일
+    expect(weekDates[5]).toEqual(new Date(2024, 2, 1)); // 2024-03-01 금요일
+    expect(weekDates[6]).toEqual(new Date(2024, 2, 2)); // 2024-03-02 토요일
+  });
 
-  it('월의 마지막 날짜를 포함한 주를 올바르게 처리한다', () => {});
+  it.only('월의 마지막 날짜를 포함한 주를 올바르게 처리한다', () => {
+    const date = new Date(2025, 7, 31); // 2025-08-31 일요일
+    const weekDates = getWeekDates(date);
+
+    // 해당 주는 2025-08-31(일) ~ 2025-09-06(토)
+    expect(weekDates).toHaveLength(7);
+    expect(weekDates[0]).toEqual(new Date(2025, 7, 31)); // 2025-08-31 일요일
+    expect(weekDates[1]).toEqual(new Date(2025, 8, 1)); // 2025-09-01 월요일
+    expect(weekDates[2]).toEqual(new Date(2025, 8, 2)); // 2025-09-02 화요일
+    expect(weekDates[3]).toEqual(new Date(2025, 8, 3)); // 2025-09-03 수요일
+    expect(weekDates[4]).toEqual(new Date(2025, 8, 4)); // 2025-09-04 목요일
+    expect(weekDates[5]).toEqual(new Date(2025, 8, 5)); // 2025-09-05 금요일
+    expect(weekDates[6]).toEqual(new Date(2025, 8, 6)); // 2025-09-06 토요일
+  });
+
+  it.only('입력된 Date 객체가 함수 실행 후 변경되는 부작용이 있다', () => {
+    const originalDate = new Date(2025, 7, 6); // 2025-08-06 수요일
+    const originalTime = originalDate.getTime();
+
+    getWeekDates(originalDate);
+
+    // 부작용 확인: 원본 객체가 변경됨 (버그)
+    expect(originalDate.getTime()).not.toBe(originalTime);
+    expect(originalDate).toEqual(new Date(2025, 7, 3)); // 2025-08-03 일요일로 변경됨
+  });
 });
 
 describe('getWeeksAtMonth', () => {
diff --git a/src/setupTests.ts b/src/setupTests.ts
@@ -1,7 +1,7 @@
 import { setupServer } from 'msw/node';
 import '@testing-library/jest-dom';
 
-import { handlers } from './__mocks__/handlers';
+import { handlers, resetEvents } from './__mocks__/handlers';
 
 // ! Hard 여기 제공 안함
 /* msw */
@@ -16,8 +16,8 @@ beforeAll(() => {
 
 beforeEach(() => {
   expect.hasAssertions(); // ? Med: 이걸 왜 써야하는지 물어보자
-
   vi.setSystemTime(new Date('2025-10-01')); // ? Med: 이걸 왜 써야하는지 물어보자
+  resetEvents();
 });
 
 afterEach(() => {
diff --git a/temp/01_Minimum_Cost.md b/temp/01_Minimum_Cost.md
diff --git a/temp/02_Profit_Analysis.md b/temp/02_Profit_Analysis.md
diff --git a/temp/03_Consistent_Logs.md b/temp/03_Consistent_Logs.md
