HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📯
부스트캠프 7기 BE 멤버쉽 설계
/
프론트에 단위테스트랑 E2E 테스트를 도입하면?

프론트에 단위테스트랑 E2E 테스트를 도입하면?

요약
확인
확인
레이블
9주차
프론트에 단위테스트나 E2E 테스트를 도입하면 어떤 이점이 있을까요?
 
이번 프로젝트에 도입해본다면 오버 엔지니어링이 될 수 있을까요?
→ 직접판단하기
→ 적합한 상황에 쓰면 오버엔지니어링 이라고는 생각하지 않음
→ 굳이 테스트하지 않아도 테스트를 한다 → 오버엔지니어링
 
 
storybook이란 툴에서 테스트 기능을 제공하고 있던데 이건 단위테스트로 분류되나요?
→ UI에 대한 동작
→ 단위테스트라고 하기에는 브라우저에 종속적이고
→ 인수테스트라고 하기에는 하나의 컴포넌트에 대해 독립적으로 동작하고
→ 경계가 애매하다
https://templete-toy-storybook.vercel.app/?path=/docs/example-button--secondary
  • 계산기라는 앱을 만든다
 
  • 단위테스트
    • 계산기의 도메인 로직에 대해서 테스트
      • 덧셈
      • 곱셈
      • 뺄셈
      • 나눗셈
    • 숫자 두개와 연산자 하나를 입력받아서 계산을 한다
  • e2e(end to end)테스트 (인수테스트)
    • 브라우저 환경까지 포함하여 테스트해보기
      • 사용자가 1이라는 버튼을 누르고
      • 사용자가 +라는 버튼을 누르고
      • 사용자가 1이라는 버튼을 누르고
      • 사용자가 =이라는 버튼을 눌렀을 때
      • 2라는 결과가 화면에 보여야 한다.
      •  
감사합니다