testdino-hq/playwright-skill

해결하는 문제

AI 코드 에이전트가 Playwright의 엔드투엔드(E2E) 테스트를 더 효과적으로 작성하고 디버깅하며 확장할 수 있도록 하는 포괄적인 "에이전트 기술" 라이브러리(구조화된 Markdown 가이드)를 제공합니다. 일반적인 AI 지식과 Playwright 1.63 이상의 실제 운영 환경에서 검증된 최선의 실천 방안 사이의 격차를 메웁니다.

작동 방식

사용자는 CLI(npx skills add)를 통해 이러한 기술 팩을 설치합니다. 설치 후 AI 코드 에이전트(예: Claude Code)는 필요에 따라 이러한 가이드를 로드하여 테스트 코드를 생성하거나 수정할 때 "골든 룰"과 아키텍처 결정 패턴을 따를 수 있습니다. 리포지토리는 핵심 테스트, CI/CD 통합, CLI 자동화, Page Object Model(POM) 패턴, 그리고 다른 프레임워크에서의 마이그레이션을 다루는 전문 팩으로 구성되어 있습니다.

대상 사용자

AI 코드 에이전트를 사용하여 브라우저 테스트를 자동화하고, AI가 견고하고 유지보수가 쉬우며 산업 표준 Playwright 테스트를 생성하도록 보장하고자 하는 개발자 및 QA 엔지니어.

주요 특징

• 70개의 운영 환경 검증된 가이드: E2E, API, 컴포넌트, 시각적, 접근성, 보안 테스트에 이르기까지 광범위한 커버리지.
• 에이전트 중심 설계: AI 에이전트가 필요할 때 적절한 컨텍스트를 가져올 수 있도록 특별히 포맷되었습니다.
• Playwright 1.63+ 호환: locator.visible(), ariaSnapshotJSON(), perfetto 리포터와 같은 최신 기능을 포함합니다.
• 골든 룰: getByRole()를 CSS/XPath보다 우선하고 page.waitForTimeout() 사용을 금지하는 엄격한 최선의 실천 방안을 강제합니다.
• 광범위한 생태계 지원: Next.js, React, Vue, Angular용 레시피와 GitHub Actions, GitLab 등에 대한 CI/CD 가이드를 포함합니다.