Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
Playwright로 하는 Component Test와 E2E Test Coverage 섬네일

Playwright로 하는 Component Test와 E2E Test Coverage

여기어때 favicon여기어때·Frontend·
TypeScriptReactPlaywrightViteIstanbul
2025년 09월 03일1

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

여기어때가 Playwright로 컴포넌트 테스트와 E2E를 구현하고, 4브라우저에서 57개 테스트를 228개로 검증해 80% 커버리지를 달성했습니다.

구현 방법

  • 4개 프로젝트: Chromium, Mobile Chrome, WebKit, WebKit Mobile를 병렬 실행
  • Vite의 E2E_COVERAGE 모드와 Istanbul Instrumenter로 커버리지 수집; afterEach에서 window.coverage 저장
  • .nyc_output 병합 스크립트로 coverage-e2e/index.html 리포트 생성

주요 결과

  • 57개 테스트를 4브라우저에서 실행해 총 228개 테스트 통과
  • E2E 커버리지 80% 달성 및 coverage-e2e 리포트 생성

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
FrontEnd 개발 과정에 Integration Test 더하기 섬네일
80%

FrontEnd 개발 과정에 Integration Test 더하기

현대자동차 favicon현대자동차·2025년 02월 03일
Github Action과 self-hosted runner로 구축하는 E2E 테스트 자동화: POC부터 확장까지 우리팀의 내재화 여정 섬네일
75%

Github Action과 self-hosted runner로 구축하는 E2E 테스트 자동화: POC부터 확장까지 우리팀의 내재화 여정

펫프렌즈 favicon펫프렌즈·2025년 08월 20일
토스인컴 세금 환급 서비스 : 빠른 속도에서 품질을 지키기 위한 E2E 자동화 여정 섬네일
73%

토스인컴 세금 환급 서비스 : 빠른 속도에서 품질을 지키기 위한 E2E 자동화 여정

토스 favicon토스·2025년 12월 02일