言語:JapaneseEnglish

webapp-testing Claude Code スキル

作者
Anthropic
トピック
コード品質・レビュー・テスト · Web・アプリ開発
ライセンス
LICENSE.txt 参照
カタログ掲載開始
2026-07-09 (UTC)
解説の最終更新
2026-10-09 (UTC)
ソース元(GitHub)最終更新日
2026-04-20 (UTC)(178日前)

以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。

このスキルは、Playwrightを使ってローカルで動作するWebアプリケーションをテストするための手順とヘルパースクリプトをClaudeに提供するものです。既存のテストフレームワークに頼るのではなく、Python製のPlaywrightスクリプトを都度作成する方針が示されており、テスト実行前にローカルサーバーを起動・管理するためのヘルパースクリプトも用意されています。静的なHTMLページの場合はファイルを直接読んでセレクタを特定し、動的なWebアプリの場合はページの読み込み完了を待ってからDOMを調べてセレクタを選ぶという、状況に応じた進め方が示されています。加えて、ページ全体のスクリーンショット取得やレンダリング後のDOM内容の確認、ブラウザのコンソールログの取得についても扱っています。要素の検出や静的HTMLの操作、コンソールログ取得といった典型的なパターンを示すサンプルスクリプトも含まれています。

webapp-testing でできること

  • Pythonで書いたPlaywrightスクリプトを用いて、ローカルで動作するWebアプリの操作やテストを自動化する
  • 付属のヘルパースクリプトでバックエンドとフロントエンドなど複数のローカルサーバーを起動・管理してからテストを実行する
  • 静的HTMLを直接読むか、動的ページとして実際に画面を確認しながら進めるかを状況に応じて選ぶ
  • ページの読み込み完了を待ってからスクリーンショット取得やDOM調査を行う
  • ページ全体のスクリーンショットを取得し、レンダリングされたHTMLからボタンやリンク、入力欄を確認する
  • 自動テストの実行中にブラウザのコンソールログを取得する

出典

一覧に戻る