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,312

댓글 0

    함께 읽은 게시물

    Ai Agentic 서비스개발 접근방법

    Q

    ... 더 보기


    ⚡코딩테스트를 준비하는 프론트엔드 개발자를 위한 크롬 익스텐션 개발기

    1. 백준 온라인 저지 사이트 개선하기 올해 2월부터 프론트엔드 개발자가 되기 위한 준비를 하였다. 프론트엔드 개발자가 되기 위해서 코딩테스트가 매우 중요한 관문이라는 것을 알게되었다. 코딩테스트 공부법을 검색해보면 가장 많이 나오는 것은 '백준에서 단계별로 문제풀어보기'이다. 백준에서 문제를 풀어보면서 불편한 점이 있었다. 문제와 제출의 페이지가 다르기 때문에 문제를 풀다가 틀렸을 때 페이지를 이동하는 것이 매우 불편했다. 그래서 나는 5월에 제출 페이지에서 문제 페이지를 볼 수 있도록 크롬 익스텐션을... 더 보기

    BOJ Addon

    Google

    BOJ Addon

     • 

    저장 62 • 조회 2,540


    프롬프트 엔지니어에 대한 빗나간 예측

    2022년 말이 었나요? ChatGPT가 처음 등장했을 때, 앞으로 "프롬프트 엔지니어"라는 새로운 직업이 뜰 거라는 말이 정말 많았습니다. LLM(Large Language Model)으로 부터 최소한의 질문으로 원하는 응답을 얻기 위해서 프롬프트를 최적

    ... 더 보기


    [책소개] 랭체인&랭그래프로 AI에이전트 개발하기

    ... 더 보기