brunch

Playwright 시작하기

첫 번째.

by 제임스

Playwright란?


Playwright는 웹 브라우저 자동화 도구로, 현대적인 웹 애플리케이션 테스트를 손쉽게 수행할 수 있도록 설계되었습니다. Selenium과 유사한 기능을 제공하지만, 더 빠르고 안정적인 동작다양한 브라우저 지원을 통해 테스트 자동화의 새로운 표준으로 자리 잡고 있습니다.


Playwright와 Selenium 비교

스크린샷 2024-12-08 21.38.24.png


1.1 Python 설치 및 가상환경 설정

1.1.1 Python 설치


1.1.1.1 직접 설치파일 다운로드 후 Python 설치

Playwright는 Python 기반으로 작성되므로 Python이 설치되어 있어야 합니다.

Python 다운로드: https://www.python.org/


1.1.1.2 Homebrew로 최신 Python 설치

• Homebrew를 사용하여 명령어 brew install python로 설치 가능

• 설치 후, 터미널에 아래와 같이 입력하여 버전을 확인합니다. (설치 확인)

python3 --version


1.1.2 가상환경 생성

Python 프로젝트에서는 가상환경을 사용하는 것이 권장됩니다.


1.1.2.1 가상환경 생성

python3 -m venv venv


1.1.2.2 가상환경 활성화

(1) macOS의 경우, 아래와 같이 가상환경을 활성화할 수 있습니다.

source venv/bin/activate

(2) Windows의 경우, 아래와 같이 가상환경을 활성화할 수 있습니다.

venv\Scripts\activate


1.1.2.3 활성화 확인

프롬프트에 (venv)가 표시되면 활성화가 성공된 것입니다.

(venv) jamescompany@Jamesui-MacBookAir projects %




1.2 Playwright 프로젝트 생성 및 초기화


Playwright는 프로젝트 초기화 명령어를 제공하여 기본적인 폴더 구조와 설정을 자동으로 생성합니다.


1.2.1 프로젝트 디렉토리 생성

1.2.1.1 프로젝트 디렉토리 생성

명령어를 통해 playwright 프로젝트를 생성하고, 해당 프로젝트로 이동합니다.

(venv) jamescompany@Jamesui-MacBookAir projects % mkdir playwright_project

(venv) jamescompany@Jamesui-MacBookAir projects % cd playwright_project

(venv) jamescompany@Jamesui-MacBookAir playwright_project %


1.2.1.2 가상환경 활성화

source ../venv/bin/activate


1.2.2 Playwright 설치

1.2.2.1 Playwright 설치

pip install playwright

스크린샷 2024-12-09 14.58.12.png


1.2.2.2 Playwright 브라우저 설치

Playwright가 테스트에 필요한 특정 버전의 Chromium, Firefox, WebKit을 설치하는 과정입니다. 명령어로 간단히 설치할 수 있습니다.

playwright install

스크린샷 2024-12-09 15.00.21.png


1.2.3 Playwright 프로젝트 초기화

Playwright는 브라우저 동작을 기록하고 테스트 스크립트를 자동으로 생성하는 도구를 제공합니다.


1.2.3.1 코드 생성 명령 실행

기본적으로 playwright codegen 명령은 브라우저 동작을 기록할 수 있는 인터페이스를 제공합니다.

playwright codegen


1.2.3.2 URL 지정하여 코드 생성

특정 URL에서 테스트를 시작하려면, playwright codegen 뒤에 URL을 추가합니다.

playwright codegen https://www.jamescompany.kr

실행 시 브라우저가 열리며 https://www.jamescompany.kr 페이지에서 기록이 시작됩니다.

스크린샷 2024-12-09 15.10.15.png

이 도구는 브라우저에서 수행하는 모든 동작을 기록하여 테스트 스크립트를 자동으로 생성합니다.


1.2.3.3 스크립트 저장

동작을 기록한 후, 자동 생성된 코드를 복사하여 Python 파일로 저장합니다.

• 예: tests/recorded_test.py




Playwright 첫 스크립트 작성


이제 첫 번째 스크립트를 작성해 Playwright가 실제로 동작하는지 확인해봅시다.


예제: 브라우저 열기, 페이지 이동, 제목 출력

1. 스크립트 파일 생성

• 파일명: basic_navigation.py


2. 코드 작성


3. 코드 실행

• 터미널에서 다음 명령어 실행

python basic_navigation.py


4. 실행 결과

• 브라우저가 열리고, James Company이라는 제목이 출력됩니다.

• 터미널에서 결과를 확인

스크린샷 2024-12-09 16.06.44.png




학습 포인트

Playwright와 Selenium 비교를 통해 각 도구의 특징과 강점을 이해합니다.

• Python 가상 환경과 Playwright 설치 방법을 익힙니다.

• 첫 번째 스크립트를 실행하여 브라우저 자동화를 직접 체험합니다.




과제

1. 다른 URL로 이동하기

• page.goto()를 사용해 다양한 웹사이트의 제목을 출력해 보세요.

2. 브라우저 설정 변경

• launch 메서드에 headless=True 옵션을 추가하여 브라우저를 백그라운드에서 실행해 보세요.

3. 추가 탐구

• Chromium 외에 Firefox와 WebKit 브라우저를 실행하도록 코드를 확장해 보세요.





* 강의 영상: 추후 별도 공지
(바로 소식을 받고 싶다면, 설문 작성해주세요!)

keyword
이전 01화Playwright for Beginner