웹에서는 UI가 비동기로 업데이트되는 경우가 참 많죠? UI가 변경될 때까지 기다려줘야 하기 때문에 많은 개발자들이 테스트하기 어려운하는 부분입니다. 다행이도 Testing Library는 비동기로 실행되는 까다로운 코드를 효과적으로 테스트하실 수 있도록 비동기 테스팅에 특화된 API를 제공하고 있는데요.
이번 영상에서는 Testing Library를 사용하여 비동기로 작동하는 React 컴포넌트를 테스트하는 방법에 대해서 알아보겠습니다.
📺 동영상: https://youtu.be/WZza2oISgJ8
📝 포스팅: https://www.daleseo.com/react-testing-library-async/
🧑💻 실습 코드 (Vitest): https://stackblitz.com/edit/react-testing-library-async
👩💻 실습 코드 (Jest): https://codesandbox.io/embed/react-testing-library-async-q01b9
웹 프론트엔드 테스트에서 사실 상 표준으로 자리잡은 라이브러리인 Testing Library에 대해서 배우시고 싶으시다면 아래 게시물도 함께 참고하시길 추천드려요.
📕 React Testing Library 사용법: https://careerly.co.kr/comments/118453
📗 Testing Library 유저 이벤트 처리: https://careerly.co.kr/comments/118837
다음 내용이 궁금하다면?
이미 회원이신가요?
2025년 4월 27일 오후 11:45