Webアプリテスティング

Playwrightを使用してローカルWebアプリケーションとやり取りしテストするためのツールキットです。フロントエンド機能の検証、UI動作のデバッグ、ブラウザスクリーンショットのキャプチャ、ブラウザログの確認をサポートします。このスキルは効果的なブラウザ自動化のための偵察後行動パターンを強調し、サーバーライフサイクルを管理するためのヘルパースクリプトを提供します。

テストはアプリケーションタイプに応じた意思決定ツリーに従います：

静的HTMLの場合：

• HTMLファイルを直接読み取ってセレクターを特定
• 発見されたセレクターを使用してPlaywrightスクリプトを作成
• 不完全な場合は動的に処理

動的Webアプリの場合：

1. サーバーが実行中でない場合 - scripts/with_server.pyを使用してサーバーライフサイクルを管理：

   python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_test.py
   

   マルチサーバーサポート（例：バックエンド + フロントエンド）

2. 偵察後行動パターン：

   • ナビゲートしてnetworkidle待機（動的アプリに重要）
   • スクリーンショットを撮るかDOMを検査
   • レンダリングされた状態からセレクターを特定
   • 発見されたセレクターでアクションを実行

コアパターン：

page.goto('http://localhost:5173')
page.wait_for_load_state('networkidle')  # JS実行を待機
page.screenshot(path='/tmp/inspect.png')  # まず検査
# その後アクションを実行