webapp-testing Claude Code スキル
Claude Code スキルClaude Codeコード品質・レビュー・テストWeb・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
このスキルは、Playwrightを使ってローカルで動作するWebアプリケーションをテストするための手順とヘルパースクリプトをClaudeに提供するものです。既存のテストフレームワークに頼るのではなく、Python製のPlaywrightスクリプトを都度作成する方針が示されており、テスト実行前にローカルサーバーを起動・管理するためのヘルパースクリプトも用意されています。静的なHTMLページの場合はファイルを直接読んでセレクタを特定し、動的なWebアプリの場合はページの読み込み完了を待ってからDOMを調べてセレクタを選ぶという、状況に応じた進め方が示されています。加えて、ページ全体のスクリーンショット取得やレンダリング後のDOM内容の確認、ブラウザのコンソールログの取得についても扱っています。要素の検出や静的HTMLの操作、コンソールログ取得といった典型的なパターンを示すサンプルスクリプトも含まれています。
webapp-testing でできること
- Pythonで書いたPlaywrightスクリプトを用いて、ローカルで動作するWebアプリの操作やテストを自動化する
- 付属のヘルパースクリプトでバックエンドとフロントエンドなど複数のローカルサーバーを起動・管理してからテストを実行する
- 静的HTMLを直接読むか、動的ページとして実際に画面を確認しながら進めるかを状況に応じて選ぶ
- ページの読み込み完了を待ってからスクリーンショット取得やDOM調査を行う
- ページ全体のスクリーンショットを取得し、レンダリングされたHTMLからボタンやリンク、入力欄を確認する
- 自動テストの実行中にブラウザのコンソールログを取得する