Testing Library 유저 이벤트 처리

브라우저 상에서 사용자가 발생시키는 이벤트에 웹 애플리케이션이 예상대로 반응하는지 어떻게 테스트할 수 있을까요? Testing Libary에 내장된 fireEvent() 함수를 사용할 수도 있지만, @testing-libary/user-event 패키지를 통해서 좀 더 사용자 입장에서 테스트를 작성할 수 있습니다.


이번 영상에서는 유저와 애플리케이션의 상호 작용을 검증하기 위한 테스트 코드를 작성하는 방법에 대해서 알아보겠습니다.


📺 동영상: https://youtu.be/XqF1vPSp5nQ

📝 포스팅: https://www.daleseo.com/testing-library-user-agent/

🧑‍💻 실습 코드 (Vitest): https://stackblitz.com/edit/testing-library-user-agent

👩‍💻 실습 코드 (Jest): https://codesandbox.io/p/sandbox/serverless-butterfly-qeik9


더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2025년 4월 13일 오후 10:27

 • 

저장 5조회 3,394

댓글 0

    함께 읽은 게시물


    요즘 사람들이 가장 많이 AI를 활용하는 분야 Top 10

    1

    ... 더 보기

    How People Are Really Using Gen AI in 2025

    Harvard Business Review

    How People Are Really Using Gen AI in 2025

     • 

    저장 4 • 조회 630


    기회

    

    ... 더 보기

    조회 454


    [요즘 프론트엔드, 정답이 있을까?]

    프론트엔드에서 '설계'라고 하면 주로 이런 것들이 논의된다.

    ... 더 보기

     • 

    저장 5 • 조회 815


    어제 출시된 따끈따끈한 ChatGPT Codex를 실제 프로젝트 레포에 써 보았습니다.


    테스트가 있으면 스스로 테스트도 실행하고, 만든거 스스로 실행해보면서 버그도 수정하고 하는게 기특하긴 합니다.


    ... 더 보기

    주니어 개발자들이 읽으면 좋은 테크 아티클 모음📚

    F-Lab 에서 주니어 개발자들이(사실 개발자라면 누구나) 보시면 좋을 아티클 모음을 공유해 주었네요! 검색엔진부터 비동기 처리, NoSQL 등 다양한 분야의 아티클들이 공유되어 있으니 관심있으신 분들은 보시면 좋겠습니다. F-Lab 에서 공유해주신 아티클 주제를 나열해보면 다음과 같습니다. 📌 구글이 직접 말하는 검색엔진의 원리 (tali.kr) 📌 검색 엔진은 어떻게 작동하는가 (xo.dev) 📌 네이버의 검색엔진의 특징과 알고리즘 (tistory.com) 📌 [네이버 블로그]네이버 검색의 원리 : 네이버 블... 더 보기

    주니어 개발자들이 읽으면 좋은 테크 아티클 모음

    F-Lab : 상위 1% 개발자들의 멘토링

    주니어 개발자들이 읽으면 좋은 테크 아티클 모음

     • 

    저장 140 • 조회 3,797