[Playwright] 설치 및 실행

Playwright

playwright는 Microsoft에서 개발한 E2E 테스트를 지원하는 도구입니다. 

• Chromium WebKit, Firefox를 포함한 모든 최신 렌더링 엔진을 지원
• Windows, Linux, MacOS OS 지원
• Headless mode 지원
• Android 및 모바일 Safari, Electron 등 다양한 환경 지원

 

저는 공식 문서를 따라 npm 환경에서 설치 및 실행하였습니다.

 

설치에 앞서 개발 환경에 node가 설치되어있어야합니다.

설치

npm init playwright@latest

위 명령어를 입력하면 아래 항목을들 추가로 선택하게됩니다.

• (필수) 설치 명령을 실행 후 TypeScript / JavaScript 둘 중 하나를 선택
• (필수)  테스트 폴더 이름 지정 (기본값 : tests)
• (선택)  GitHub Actions Workflows
• (선택) Playwright 브라우저 설치 (기본값 : true)

 

위 옵션들을 지정하고나면 아래 파일들이 생성됩니다.

playwright.config.ts
package.json
package-lock.json
tests/
  example.spec.ts
tests-examples/
  demo-todo-app.spec.ts

• playwright.config : Playwright 의 여러 설정을 관리
• package.json : 프로젝트 종속성 관리
• tests : 테스트 코드 기본 경로

 

별도 설정을 변경하지 않는다면 tests/ 하위에 테스트 코드를 작성해야하며 파일 명명 규칙은

example.spec.ts와 같이 .spec.ts 를 prefix로 선언해야합니다.

 

실행

Playwright는 CLI / UI 모드를 지원합니다.

# UI 모드 실행
npx playwright test —ui

# CLI 모드 실행
npx playwright test

# 테스트 Report 확인
npx playwright show-report

 

 

 

 

 

공식 문서 : https://playwright.dev/docs/intro