본문 바로가기
FrontEnd/Next.js

[Next.js] 테스트 종류

by 위그든씨 2023. 9. 12.
  • 테스트란?
    • 내가 작성한 코드가 내가 의도한 대로 동작하는 지 검사 하는 것
  • 종류 
    • 자동화 테스트 - 코드로 작성, 반복적
    • 수동 테스트 - 브라우저에서 직접 접근
  • Static Test 
    • 테스트 도구 - Typescript, exlint
    • 구문 오류와 타입 오류를 감지해 줘서 런타임 에러를 방지 할 수 있다.
  • Unit Test
    • 하나의 함수, 메소드, 클래스, 모듈 등이 의도한 대로 작동하는 지 테스트
    • input에 대한 올바른 output 테스트
    • 도구 - jest, mocha, react-testing-library
  • Intergration Test 
    • 여러 개의 모듈, 컴포넌트 등이 상호작용하며 잘 동작하는지 테스트
    • 비지니스 로직과 연관 된 테스트
    • 도구 - react-testing-library, Enzyme 등
  • E2E 테스트
    • 사용자가 어플리케이션에서 경험할 것으로 예상되는 행동을 코드로 작성해 검증하는 테스트
    • 다루는 범위가 큼
    • 도구 - cypress, puppeteer 
  • UI 테스트
    • 컴포넌트가 예상한 대로 화면에 그려지는 지 테스트
    • 도구 - storybook, Bit, stylegudist
  • 웹 접근성 테스트
    • 장애인, 고령자, 저시력자 등 다양한 사용자 그룹의 웹사이트 접근성에 대한 테스트
    • 도구 - storybook accessibillity addons, 스크린 리더, wave
  • 크로스 브루우저 테스트
    • 다양한 브라우저에서 앱/웹이 동일 작동하는 지
    • 도구 - 브라우저와 마우스 키보드, MDM 문서