webapp-testing Claude Code スキル
Claude Code スキルClaude Codeコード品質・レビュー・テストWeb・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
このスキルは、ローカルで動作するWebアプリケーションをPlaywrightのPythonスクリプトでテストするための手順をまとめたClaudeスキルです。静的HTMLか動的なWebアプリかによって、セレクタの特定方法を変える判断の流れが示されています。動的なアプリに対しては、ローカルサーバーの起動と管理を担う付属スクリプトが用意されており、テスト自動化スクリプトから呼び出して使う想定です。スクリーンショットの取得やDOMの確認、ネットワークがアイドル状態になるまで待つ手順についても触れられています。要素発見や静的HTMLの自動化、コンソールログ取得を扱うサンプルスクリプトも用意されています。
webapp-testing でできること
- PythonのPlaywrightスクリプトを書いてローカルWebアプリの動作を自動テストする
- 付属のヘルパースクリプトでローカル開発サーバー(複数可)を起動・管理する
- ページ全体のスクリーンショットを取得して見た目を確認する
- レンダリング後のDOMを調べ、ボタンや入力欄などの要素からセレクタを特定する
- 動的なページではネットワークがアイドル状態になるまで待ってから操作する
- 自動化実行中のブラウザコンソールログを取得する
- 要素発見・静的HTMLテスト・コンソールログ取得のサンプルスクリプトを参照する