[인프런] Playwright 기초 - 기초적인 활용법과 핵심 원리

2강 Playwright 익스텐션 설치 및 활용

Playwright 전용 익스텐션을 설치하고, 이를 활용해 테스트와 디버깅을 해봅니다.

 

microsoft에서 제공하는 playwright 익스텐션 있음, install btn 클릭

익스텐션이 설치가 되면 화살표 버튼이 생성됨 (혹시나 생성안되면 vscode 껐다 켜기)

2개의 테스트에 3개의 chromium, firefox, webkit 등 3개의 브라우저를 곱하니까 6개 나옴

 

이번 강의에서는 chromium만 봄(나머지 주석처리)

다시 테스트 파일(example.spec.ts) 로 돌아가서 초록색 btn 클릭 (테스트 수행됨)

1 passed 확인 가능

마우스 우클릭 Run Tests in Current File 선택하여 테스트 가능함, alt 누르면 디버그 모드 됨

break point 생성한 뒤에 step over를 클릭하면 한 단계씩 진행 가능함

 

playwright 에서도 전용 인스펙터로 디버그 모드와 UI 모드를 제공

 

vscode에서 실행하고, vscode에서 디버깅 하는 것이 제일 개발 속도가 빠름

두번째 테스트도 살펴보겠습니다 Playwright 홈페이지에 들어간 다음 Get Started라는 링크를 누르고, 페이지의 제목에 installation 이 있는지 확인

breakpoint 다음에 playwright 페이지로 이동하고, heading에 installation 이 있는지 확인하는 테스트

소요시간 확인 가능