webapp-testing Claude Code スキル
Claude Code スキルClaude Codeコード品質・レビュー・テストWeb・アプリ開発以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
このスキルは、Playwrightを使ってローカルのWebアプリケーションをテストするための作業手順をまとめたものです。単一の固定ツールに頼るのではなく、Pythonで自前のPlaywrightスクリプトを書くことを基本方針としています。静的HTMLか動的なアプリかを判断する手順が示されており、動的なアプリの場合はネットワークがアイドル状態になるまで待機し、DOMを確認したうえで操作する流れが推奨されています。付属のwith_server.pyというヘルパースクリプトは、単一または複数のローカルサーバーの起動・終了を管理し、テストスクリプト側はサーバーが起動済みであることを前提にできます。要素の探索、静的HTMLの操作、コンソールログの取得といった典型パターンを示すサンプルスクリプトも用意されています。
webapp-testing でできること
- sync_playwrightを用いたPythonスクリプトで、ローカルで動くWebアプリを操作する
- 静的HTMLか動的アプリかを判定基準に沿って選び、対応する手順を選ぶ
- with_server.pyヘルパーを使い、単一または複数のローカル開発サーバーをテストスクリプトの前後で管理する
- ページ全体のスクリーンショットを取得し、DOMを確認してボタンやリンク、入力欄のセレクタを特定する
- 動的ページではnetworkidle状態を待ってからDOMを確認し、不完全な取得を避ける
- 付属のサンプルを参考に、ブラウザのコンソールログを取得する
- 要素探索や静的HTMLの操作、コンソールログ取得のサンプルスクリプトを参照する