일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- CSS
- 리액트 테스트
- react testing library 비동기 테스트 사용법
- React Testing Library
- 프로젝트 배포하기
- react
- react native 무한스크롤
- react 테스트
- mock api 사용법
- mock api를 이용한 react 테스트
- FlatList 무한 스크롤
- TDD방식으로 리액트 테스팅
- TodoList 테스트 코드
- jest
- 개발
- 비동기 테스트
- 첫코딩
- javascript 테스트
- HTML
- react jest
- 첫 코딩
- Testing-library/react
- React 테스트코드
- nest.js forwardRef
- ScrollView 무한 스크롤
- 리액트 테스트 코드
- nest.js 순환 종속성
- JavaScript
- nest.js circular Dependency
- nest.js 순환 참조
Archives
- Today
- Total
목록비동기 테스트 (1)
성장을 위한 기록

아래 포스트를 읽기 전 Jest와 React Testing Library에 대해 이해가 없다면 이전 글을 보고 오시는 것을 추천드립니다. 비동기 작업을 고려하여 테스트 코드를 작성해야 하는 이유 개발을 하다 보면 비동기 작업을 하는 경우가 많습니다. Click, 렌더링 등에 이벤트가 발생했을 때 특정 로직을 수행하도록 코드를 작성한 경험이 많을 겁니다. 또 로직을 즉시 실행할 수도 있지만 의도적으로 특정 시간 이후 실행되도록 한 경험도 있을 것이라 생각합니다. 간단한 예로 렌더링 된 후 2초가 지났을 때 화면에 title이 “Load”에서 “Finish”로 변경되는 화면이 있다고 합시다. 이 화면에 테스트 코드를 단순히 render후 Finish text를 찾는다면 에러가 발생합니다. 당연하죠. 변경하기..
React
2023. 8. 25. 01:25