목차

🧩 Session 페이지 훅으로 분리하기


@/hooks/useSession.ts

pages/SessionPage.tsx

📝 Jest 기본 테스트 코드 작성법


기본 함수

기본 구조

beforeEach

toBe와 toEqual

☑️ useSession 코드 테스트하기


useSession 테스트 목표

테스트를 위한 환경설정

Mocking

테스트 코드 작성하기

테스트 별 코드 확인하기

✨ useSession 리팩토링하기


useSession 훅 분리하기

서버 리팩토링에 대응한 테스트 코드 수정

테스트 코드를 사용하며 느낀 점

📖 참고 자료


https://inpa.tistory.com/entry/JEST-📚-모킹-mocking-jestfn-jestspyOn

🔗 관련 링크


https://github.com/boostcampwm-2024/web27-Preview/pull/135

🧩 Session 페이지 훅으로 분리하기

@hooks/useSession.ts

pages/SessionPage.tsx

📝 Jest 기본 테스트 코드 작성법

기본 함수


기본 구조


describe('테스트 그룹', () => {
  it('테스트 기능 1', () => {
    expect(actualValue).toBe(expectedValue); 
  });

  it('테스트 기능 2', () => {
    expect(actualValue).toEqual(expectedValue);
  });
});