microsoft/playwright

Chromium, Firefox, WebKit을 하나의 API로 제어하는 웹 자동화 및 테스트 프레임워크

설치형 도구맘대로 써도 됨 · Apache-2.0자동화·워크플로우난이도

91,027+1,485이번 주5,923142TypeScript

중간맛 분석

TypeScript 기반의 엔드-to-엔드 테스트 러너로, Chromium/Firefox/WebKit을 병렬로 테스트합니다. 자동 대기(auto-wait), 웹-우선 assertion, 복원력 있는 locator, 브라우저 격리가 특징입니다. 즉시 npm init playwright@latest로 시작할 수 있으며, 라이브러리 모드(스크린샷/PDF 생성)와 CLI 모드(AI 에이전트용)도 지원합니다. VS Code 확장과 Trace Viewer로 디버깅도 편합니다.

이런 레포예요

이럴 때 쓰면 좋아요

여러 브라우저에서 웹앱의 사용자 흐름 자동 테스트
웹사이트 스크린샷 자동 캡처 및 PDF 생성
AI 에이전트의 웹 작업 자동화 제어

핵심 기능

3개 브라우저 네이티브 지원(Chromium/Firefox/WebKit)자동 대기와 웹-우선 assertion테스트 격리, 병렬 실행, Trace Viewer

대안 대비 차별점

단일 API로 3개 브라우저를 동등하게 네이티브 지원하고, AI 에이전트용 토큰 효율적 CLI와 MCP 서버를 함께 제공합니다.

바로 시작하기

Playwright Test 설치

npm init playwright@latest

또는 수동 설치

npm i -D @playwright/test
npx playwright install

테스트 파일 작성 (예: tests/example.spec.ts)

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

test('has title', async ({ page }) => {
  await page.goto('https://playwright.dev/');
  await expect(page).toHaveTitle(/Playwright/);
});

test('get started link', async ({ page }) => {
  await page.goto('https://playwright.dev/');
  await page.getByRole('link', { name: 'Get started' }).click();
  await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();
});

테스트 실행

npx playwright test

라이브러리로 사용하는 경우

npm i playwright

스크린샷 예제 (example.ts)

import { chromium } from 'playwright';

const browser = await chromium.launch();
const page = await browser.newPage();
await page.goto('https://playwright.dev/');
await page.screenshot({ path: 'screenshot.png' });
await browser.close();

별 추이 · 7일

91,027+1,485 / 7일

활용성 · 따라 만들기 좋은가

베스트 샘플샘플 점수 68/100

관대한 라이선스
테스트 있음
예제 디렉토리
최근 활동
AGENTS.md
llms.txt
템플릿

🟢 최근 활동 있음 · 2019년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기