태그: Vitest
3편
-
Vitest 테스트 프레임워크: Jest와의 차이, 모킹·커버리지·스냅샷과 CI 마이그레이션
Vitest가 Vite의 resolve·define·변환 설정을 그대로 공유해 Jest보다 설정이 줄어드는 이유를 설명하고, vi.mock과 vi.spyOn 모킹, 가짜 타이머, v8 커버리지, 스냅샷, 비동기 테스트 패턴, CI 구성과 Jest에서 옮기는 절차를 다룹니다.
-
Vitest Browser Mode: 실제 브라우저에서 DOM·상호작용·비주얼 회귀 테스트, Playwright 프로바이더
jsdom으로는 재현되지 않는 레이아웃·포커스·실제 이벤트 문제를 Vitest Browser Mode로 실제 브라우저에서 테스트하는 방법을 다룹니다. Playwright·WebdriverIO 프로바이더 설정, page 로케이터와 userEvent, toMatchScreenshot 비주얼 회귀, CI 구성까지 설명합니다.
-
Testing Library로 사용자 관점 테스트: 쿼리 우선순위, User Events, 비동기 대기, 폼, Vue
Testing Library로 사용자 중심 테스트를 작성하는 방법. 설치와 설정, React 기본 테스트, 쿼리와 변형(getBy·queryBy·findBy), User Events, 비동기 테스트, 폼 테스트, Vue 통합을 예제로 정리합니다.