Skip to content

리액트에서 jest기반으로 테스트코드 작성을 연습

Notifications You must be signed in to change notification settings

Frontend-Deepdive/react-test-jest

Repository files navigation

Topic #3 Jest로 테스트 코드 적용

이 프로젝트는 React + TypeScript + Vite 환경에서 Jest를 활용한 유닛 테스트 작성 경험을 목표로 합니다.

목적

  • FE 개발에서 테스트의 중요성 이해
  • Jest를 사용한 테스트 코드 작성법 습득
  • 좋은 테스트 코드의 기준 탐색 및 적용

미션 구성

  1. src/__test__ 디렉토리에서 회원가입 로직에 대한 E2E 테스트를 작성한다
  2. /sign 페이지에 대한 테스트를 Signup.spec.tsx파일에 작성한다
    • 실패 케이스 작성 : 비밀번호와 비밀번호 확인 값이 일치하지 않으면 에러메세지가 표시된다
    • 성공 케이스 작성 : 이메일을 입력하고, 비밀번호와 비밀번호 확인값이 일치하면 회원가입 버튼이 활성화된다

미션 요구사항

  1. given-when-then 방식을 사용하며, 적절한 주석을 포함한다
  2. beforeEach()를 활용한다

  • 미션 개시 : 4/13(월)
  • 미션 제출 : 4/17(목)
  • 미션 제출 방식 : 미션에 맞게 구현 후 pr 올리기

About

리액트에서 jest기반으로 테스트코드 작성을 연습

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published