Playwright MCP

Microsoft 공식 MCP 서버

왜 필요한가?

웹 자동화나 E2E 테스트를 위해 브라우저를 제어하려면 복잡한 셀렉터와 스크립트가 필요합니다. Playwright MCP는 접근성 트리(Accessibility Tree) 기반으로 동작하여, 스크린샷이나 비전 모델 없이도 정확하고 결정론적인 브라우저 제어를 제공합니다.

주요 기능

• 접근성 트리 기반 상호작용 — 픽셀이 아닌 DOM 구조를 기반으로 정확한 요소 탐색 및 조작
• 비전 모델 불필요 — 구조화된 데이터만 사용하므로 추가 모델 없이 빠르게 동작
• 결정론적 도구 — 스크린샷 기반의 모호성을 제거하고 일관된 결과 보장
• 브라우저 자동화 — 페이지 이동, 클릭, 폼 입력, 파일 업로드 등 웹 상호작용 자동화
• 코드 생성 — 수행한 작업을 Playwright 테스트 코드로 자동 변환

Before / After

Before: 셀렉터 작성 → 브라우저에서 확인 → 스크립트 수정 → 재실행 → 반복

After: “로그인 폼에 테스트 계정으로 로그인해줘” → 접근성 트리로 자동 요소 탐색 → 정확한 자동화 실행

실제 사용 시나리오

1. 웹 앱의 사용자 시나리오를 자연어로 설명하면 자동으로 E2E 테스트 수행
2. 폼 입력, 버튼 클릭, 페이지 이동 등을 자동화하여 QA 프로세스 가속화
3. 수행한 브라우저 작업을 Playwright 테스트 코드로 변환하여 CI/CD에 통합