browser-testing
ブラウザ自動化とE2Eテストを行うスキル
When & Why to Use This Skill
This Claude skill provides advanced browser automation and end-to-end (E2E) testing capabilities powered by Playwright. It enables automated web navigation, element interaction, and form filling, while offering robust debugging tools like screenshot capture and network request monitoring to enhance web application quality and developer workflow.
Use Cases
- End-to-End (E2E) Testing: Automate the verification of critical user paths in web applications to ensure consistent performance and reliability.
- Automated Web Interaction: Streamline workflows by automating repetitive tasks like data entry, form submissions, and multi-step web navigation.
- Visual Regression Testing: Capture and compare screenshots or accessibility snapshots to detect UI changes and maintain design integrity.
- Frontend Debugging: Monitor console logs and network activity to identify and resolve client-side errors or API integration issues efficiently.
| name | browser-testing |
|---|---|
| displayName | Browser Testing |
| description | ブラウザ自動化とE2Eテストを行うスキル |
Browser Testing Skill
このスキルはPlaywrightを使用したブラウザ自動化とE2Eテストを支援します。
機能
- Webページのナビゲーション
- 要素のクリック・入力
- フォームの自動入力
- スクリーンショット撮影
- コンソールログ・ネットワークリクエストの監視
- ダイアログ処理
- ファイルアップロード
使用方法
基本的なナビゲーション
browser_navigateでURLに移動browser_clickで要素をクリックbrowser_typeでテキスト入力
スクリーンショット
browser_take_screenshotでページ全体または要素のスクリーンショットを撮影browser_snapshotでアクセシビリティスナップショットを取得
デバッグ
browser_console_messagesでコンソールログを確認browser_network_requestsでネットワークリクエストを監視
注意事項
- ブラウザは自動的にインストールされます（初回実行時）
- ヘッドレスモードで実行されます
- セッションは明示的に閉じるまで維持されます