webapp-testingcommit b9e19e6SKILL.md · 테스트·디버깅

웹 앱 테스트

Python Playwright 스크립트를 작성해 로컬 웹 앱을 테스트하고 스크린샷과 브라우저 로그를 확인합니다.

npx skills add anthropics/skills --skill webapp-testing

권한: read-repo
write-files
shell
network
호환 도구: Claude Code
GitHub: 186.0k
출처: 공식 · Anthropic
상태: 스캔 통과
라이선스: Apache-2.0
카테고리: 테스트·디버깅
저장소: github.com/anthropics/skills/skills/webapp-testing

핵심 규칙

동적 앱에서는 DOM을 살펴보기 전에 반드시 networkidle을 기다립니다.

실행 단계

01단계방식 선택
정적 HTML이면 파일을 직접 읽어 선택자를 찾고, 동적 앱이면 서버가 이미 실행 중인지 확인합니다.
02단계서버 실행
먼저 scripts/with_server.py --help를 실행한 뒤 이를 사용해 하나 이상의 서버를 띄우고 자동화 스크립트를 실행합니다.
03단계페이지 정찰
페이지를 열고 networkidle을 기다린 뒤, 스크린샷이나 렌더링된 DOM에서 선택자를 찾습니다.
04단계동작 실행
헤드리스 Chromium에서 찾은 선택자로 동작을 실행하고 필요하면 콘솔 로그를 기록한 뒤 브라우저를 닫습니다.

권한 설명 (SKILL.md 기준)

기능	필요 여부	설명
파일 쓰기	필요	Playwright 자동화 스크립트를 작성하고 스크린샷을 로컬에 저장합니다.
명령 실행	일부 필요	Python Playwright 스크립트를 실행하고 with_server.py로 로컬 서버를 띄웁니다.
네트워크 송신	필요 없음	로컬에서 실행 중인 앱(localhost 또는 file://)에만 접근하며 외부 네트워크는 쓰지 않습니다.

SKILL.md 프런트매터(YAML)commit b9e19e6

---
name: webapp-testing
description: Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
license: Complete terms in LICENSE.txt
---

핵심 규칙

실행 단계

01단계방식 선택

02단계서버 실행

03단계페이지 정찰

04단계동작 실행

권한 설명 (SKILL.md 기준)

SKILL.md 프런트매터(YAML)

관련 스킬