- 테스트란?
- 내가 작성한 코드가 내가 의도한 대로 동작하는 지 검사 하는 것
- 종류
- 자동화 테스트 - 코드로 작성, 반복적
- 수동 테스트 - 브라우저에서 직접 접근
- 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 문서
'FrontEnd > Next.js' 카테고리의 다른 글
[next.js] react-quill 에디터 값을 출력하기 (feat. dangerouslySetInnerHTML ) (1) | 2024.01.31 |
---|---|
Link , Router 비교 (0) | 2023.11.16 |
[Next.js] route 에서 CORS 대응하기 (0) | 2023.08.26 |
[Next.js] localstorage 에 데이터 저장할 때 나타나는 에러 ( server,client 불일치) -Zustand (0) | 2023.08.24 |
[Next.js] .env 파일에서의 NEXT_PUBLIC 키워드의 차이 (0) | 2023.08.24 |