컴포넌트테스트 on Codeslog https://www.codeslog.com/tags/%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%ED%85%8C%EC%8A%A4%ED%8A%B8/ Recent content in 컴포넌트테스트 on Codeslog Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.150.0 ko Tue, 14 Jul 2026 01:05:00 +0900 MSW로 네트워크 모킹 — API를 격리하기 https://www.codeslog.com/posts/frontend-testing-msw/ Tue, 14 Jul 2026 01:05:00 +0900 https://www.codeslog.com/posts/frontend-testing-msw/ 테스트에서 진짜 API를 부르면 느리고 불안정합니다. MSW(Mock Service Worker)로 네트워크 계층을 격리해 안정적으로 테스트하는 법을 다룹니다. 폼·상호작용·상태 테스트 — user-event로 https://www.codeslog.com/posts/frontend-testing-user-event/ Mon, 13 Jul 2026 23:39:00 +0900 https://www.codeslog.com/posts/frontend-testing-user-event/ 타이핑, 클릭, 선택… 실제 사용자의 상호작용을 재현하는 user-event로 폼과 상태 변화를 테스트하는 법을 다룹니다. Testing Library 철학 — 사용자처럼 쿼리하기 https://www.codeslog.com/posts/frontend-testing-testing-library/ Fri, 10 Jul 2026 01:27:00 +0900 https://www.codeslog.com/posts/frontend-testing-testing-library/ React Testing Library의 핵심 철학 '사용자처럼 테스트하기'. getByRole 중심의 쿼리 우선순위와, 구현이 아닌 동작을 테스트해 리팩터링을 견디는 법을 익힙니다.