Playwright

E2E 테스트

사용자 입장에서 사용자가 사용하는 상황을 가정하고 테스트하는 방식이다.

사용자가 서비스를 쓰는 흐름을 처음부터 끝까지 그대로 따라가며 확인하는 테스트이다.

 

E2E 테스트 자동화 도구 필요성

 

Playwright: MS에서 만든 End To End 테스트 자동화 도구

1. 다양한 브라우저/언어를 지원한다. 또한 모바일 브라우저도 지원한다.

2. 네트위크 트래픽을 모니터링하고 수정하는 API를 제공하여 API 기반 테스트 시나리오가 가능하다.

3. 자동 대기 매커니즘이 내장되어 있어 테스트 시점에서 DOM 요소가 준비되지 않아 실패하는 문제를 해결한다.

4. 병렬 테스트 성능이 우수해 대규모 프로젝트에서 시간 절약 가능하다.

 

테스트 방법은 아래와 같다.

 

왜 Playwright인가?

 

1️⃣ 테스트 실행 구조 차이

Cypress

테스트 코드가 브라우저 내부에서 실행되어 브라우저와 테스트가 강하게 결합한다.

👉 결과: 멀티 탭, 새 창, 세션 분리 같은 시나리오가 까다롭다.

 

Playwright

테스트 러너가 브라우저 외부(Node.js) 에서 실행 실제 사용자를 “밖에서 조종”하는 구조이다.

👉 결과: 멀티  탭 , 새 창 세션 분리 같은 시나리오를 자연스럽게 처리한다.

 

2️⃣ 안정성

Cypress

비동기 타이밍, 렌더링 타이밍에 민감한 케이스가 존재해 가끔 실패할 때가 있다.

👉 결과: 안정성에 대해 고민하게 된다.

Playwright

자동 대기 매커니즘을 가지고 있어 일관적이다.

👉 결과: 병렬 환경에서도 신뢰할 수 있다.

 

3️⃣ CI / 확장성

Cypress

테스트 수가 많아질수록 속도/안정성 이슈가 있다.

Playwright

병렬 실행 구조 명확하다.