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 を使用してローカル Web アプリケーションを操作およびテストするためのツールキット。フロントエンド機能の検証、UI 動作のデバッグ、ブラウザーのスクリーンショットのキャプチャ、ブラウザー ログの表示をサポートします。 ソース: vapvarun/claude-backup。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vapvarun/claude-backup --skill webapp-testing インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る