webapp-testing

SKILL.md

| Race conditions | Test checks before page updates | Use waitFor or expect with retries | | Flaky selectors | CSS classes change | Use data-testid or role selectors | | Hard-coded waits | page.waitForTimeout(3000) | Wait for specific conditions | | Not waiting for hydration | JS not executed | waitForLoadState('networkidle') |

| Shared state | Tests affect each other | Use isolated storage/auth per test | | Ignoring errors | Uncaught exceptions | Check page.on('pageerror') |

Playwright를 사용하여 로컬 웹 애플리케이션과 상호 작용하고 테스트하기 위한 툴킷입니다. 프런트엔드 기능 확인, UI 동작 디버깅, 브라우저 스크린샷 캡처 및 브라우저 로그 보기를 지원합니다. 출처: vapvarun/claude-backup.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/vapvarun/claude-backup --skill webapp-testing 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

원본 보기