작은 성공의 기쁨
K리그 프로그래머
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
댓글 0
함께 읽은 게시물
요즘 사람들이 가장 많이 AI를 활용하는 분야 Top 10
1
... 더 보기
[요즘 프론트엔드, 정답이 있을까?]
프론트엔드에서 '설계'라고 하면 주로 이런 것들이 논의된다.
어제 출시된 따끈따끈한 ChatGPT Codex를 실제 프로젝트 레포에 써 보았습니다.
테스트가 있으면 스스로 테스트도 실행하고, 만든거 스스로 실행해보면서 버그도 수정하고 하는게 기특하긴 합니다.
주니어 개발자들이 읽으면 좋은 테크 아티클 모음📚
F-Lab 에서 주니어 개발자들이(사실 개발자라면 누구나) 보시면 좋을 아티클 모음을 공유해 주었네요!
검색엔진부터 비동기 처리, NoSQL 등 다양한 분야의 아티클들이 공유되어 있으니 관심있으신 분들은 보시면 좋겠습니다.
F-Lab 에서 공유해주신 아티클 주제를 나열해보면 다음과 같습니다.
📌 구글이 직접 말하는 검색엔진의 원리 (tali.kr)
📌 검색 엔진은 어떻게 작동하는가 (xo.dev)
📌 네이버의 검색엔진의 특징과 알고리즘 (tistory.com)
📌 [네이버 블로그]네이버 검색의 원리 : 네이버 블... 더 보기
