Playwright Codegen 자동 테스트 생성

Playwright는 "Codegen"이라는 기능을 제공하여 테스트 스크립트를 자동으로 생성할 수 있습니다. 이 도구는 브라우저와의 상호작용을 기록하여 해당하는 Playwright 스크립트를 선택한 프로그래밍 언어(JavaScript, TypeScript, Python, C#, Java)로 생성합니다.

Playwright Codegen 사용 방법

1. Playwright 설치

npm init playwright@latest

 

 

2. Codegen을 사용하여 스크립트 생성

 

아래 명령어는 브라우저 창과 Codegen 창을 엽니다.

npx playwright codegen

 

3. 애플리케이션에서 수행

1. Codegen이 연 브라우저 창에서 애플리케이션의 URL로 이동합니다.
2. 애플리케이션과 일반적으로 수행하듯이 버튼을 클릭하거나 폼을 작성하는 등의 작업을 수행합니다.
3. 수행하는 동안 Playwright Codegen이 해당 코드를 생성하여 Codegen 창에 표시합니다.
4. Codegen 창에서 "Save"를 클릭합니다.
5. 파일을 example.spec.ts로 저장합니다.

스크립트 결과 예시:

import { test, expect } from '@playwright/test';

test('example test', async ({ page }) => {
  // Go to https://example.com
  await page.goto('https://example.com');

  // Click the "More information..." link
  await page.click('text=More information...');

  // Expect the new URL to contain "/more-information"
  await expect(page).toHaveURL(/.*more-information/);
});

 

Codegen의 고급 사용법

 

Codegen의 동작을 사용자 요구에 맞게 커스터마이즈할 수 있습니다:

• 시작 URL 지정:

npx playwright codegen https://example.com

 

• 특정 언어로 스크립트 생성 (기본값은 JavaScript, TypeScript, Python, C#, Java를 가능):

npx playwright codegen --target=typescript