티스토리 뷰
728x90
반응형
https://github.com/spotlight21c/react-testing-example
GitHub - spotlight21c/react-testing-example
Contribute to spotlight21c/react-testing-example development by creating an account on GitHub.
github.com
리액트 이제 막 입문하시는 분들을 위해서 기본적인 테스팅 코드가 포함되어있는 샘플프로젝트를 만들었습니다
약간의 가이드가 되었으면 좋겠습니다
- 컴포넌트 UI테스트
- hook 테스트
- 외부의 API를 호출하는 hook 테스트
위와 같은 케이스로 구분하여 테스트 케이스가 작성되어있습니다
특히나 사용한 테스팅 보조 툴중에
Mock Service Worker
Seamless API mocking library for browser and Node.
mswjs.io
MSW는 굉장히 인상깊은 테스팅 툴입니다
네트워크레벨에서 해당 네트워크 요청을 가로채 응답결과를 내려주는 방식은
기존 코드를 수정하지 않고도 쉽게 response에 대한 mocking을 가능하게 만들어줍니다
728x90
반응형
'FRONTEND > REACTJS' 카테고리의 다른 글
| react 18 typescript type에 PropsWithChildren가 추가되었습니다 (0) | 2022.10.31 |
|---|---|
| CRA react 프로젝트에서 https 서버 실행하기 (0) | 2022.09.15 |
| CRA로 생성한 프로젝트에서 webpack bundle analyzer 사용하기 (0) | 2022.07.20 |
| 리액트에서 devDependencies는 왜 안쓰나요? (0) | 2022.07.05 |
| CRA로 만든 react app v17로 변경하기 (0) | 2022.07.04 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 트위터
- iPhone
- 공모전
- 게임
- 스마트폰
- 벤처
- 안드로이드
- 아이디어
- CSS
- 네이버
- 자바스크립트
- android
- 모바일
- 경진대회
- Apple
- 웹표준
- 아이폰
- 앱
- 대학생
- JavaScript
- AWS
- php
- 어플리케이션
- 앱스토어
- 구글
- 소프트웨어
- 애플
- 창업
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함