Testing Library 비동기 테스트

웹에서는 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

 • 

저장 10조회 3,462

댓글 0

    함께 읽은 게시물

    Next.js 프로젝트를 AWS EKS에 배포하며 배운 것들

    ... 더 보기

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

    product.kyobobook.co.kr

    쿠버네티스를 활용한 클라우드 네이티브 데브옵스 | 존 어런들 - 교보문고

     • 

    저장 22 • 조회 2,104


    소프트웨어 개발 방법론의 역사

    조회 982


    스토리북 9 출시 소식

    ... 더 보기

    Storybook 9

    Storybook Blog

    Storybook 9

    PM이 이해하면 좋은 지표 개념

    프로덕트 매니저(PM)로 일하면서 늘 지표 이야기를 듣게 됩니다. 대부분 PM은 선행지표(leading indicator)와 후행지표(lagging indicator)의 개념을 잘 이해하고 있습니다. 하지만 선행지표에 영향을 미치는 '인풋(input) 지표, '아웃풋(o

    ... 더 보기

     • 

    댓글 1 • 저장 38 • 조회 1,521



    이게 실제로 광고 돌려보는 사람들은 알겠지만 과거 퍼포먼스 마케팅 셋팅이라는게 전문 담당이 몇명씩 붙을 정도로 상당히 복잡한 작업이었음. 최근에 메타 광고 돌려보면 상당부분 자동화 되어있고 광고주가 점점 할게 없는 수준.

    ... 더 보기

    메타의 AI 기반 광고 플랫폼, 광고산업의 종말을 가져올까[테크트렌드]

    magazine.hankyung.com

    메타의 AI 기반 광고 플랫폼, 광고산업의 종말을 가져올까[테크트렌드]