태그: Playwright
3편
-
Playwright E2E 테스트 심화: Selenium·Cypress 비교, 설정 최적화, 병렬 실행, 비주얼 회귀
Playwright로 E2E 테스트를 구축하는 방법. Selenium·Cypress와의 비교, 설치와 초기 설정, 기본·고급 테스트 패턴, 설정 최적화, CI/CD 통합, 디버깅 도구, 비주얼 리그레션 테스트를 예제로 다룹니다.
-
Vitest Browser Mode: 실제 브라우저에서 DOM·상호작용·비주얼 회귀 테스트, Playwright 프로바이더
jsdom으로는 재현되지 않는 레이아웃·포커스·실제 이벤트 문제를 Vitest Browser Mode로 실제 브라우저에서 테스트하는 방법을 다룹니다. Playwright·WebdriverIO 프로바이더 설정, page 로케이터와 userEvent, toMatchScreenshot 비주얼 회귀, CI 구성까지 설명합니다.
-
Playwright Component Testing: 실제 브라우저에서 React·Vue·Svelte 컴포넌트 테스트하기
Playwright Component Testing(CT)은 단일 컴포넌트를 실제 브라우저에서 마운트하고, Playwright의 Locator·Assertion으로 상태와 스타일까지 검증하는 테스트 방식입니다.