webapp-testing

Webapp Testing

概要

このツールキットを使用すると、Python で Playwright を利用してローカルの Web アプリケーションをテストし、フロントエンドの検証、UI のデバッグ、スクリーンショットのキャプチャ、ブラウザーの自動化を行えます。

クイックスタート

# Install dependencies
pip install playwright pytest requests
playwright install chromium

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True)
    page = browser.new_page()
    page.goto("http://localhost:3000")

    # Take screenshot
    page.screenshot(path="screenshot.png")

    # Get page content
    content = page.content()
    print(content)

    browser.close()

使用する場面

• コード変更後のフロントエンド機能の検証
• UI の動作やレイアウトの問題のデバッグ
• ドキュメント用のスクリーンショットのキャプチャ
• エラーを確認するためのブラウザーコンソールログの表示
• 繰り返し行う Web 操作の自動化
• Web アプリケーションのエンドツーエンドテスト
• フォーム送信とユーザーフローの検証

関連スキル

• engineering-report-generator - テストレポートを生成します
• data-pipeline-processor - テストデータを処理します
• parallel-file-processor - スクリーンショットを一括処理します

---

バージョン履歴

• 1.1.0 (2026-01-02): クイックスタート、使用例、エラー処理、メトリクス、実行チェックリストを含む SKILL_TEMPLATE_v2 形式にアップグレードしました
• 1.0.0 (2024-10-15): Playwright のパターン、サーバー管理、デバッグツールを含む初回リリース

サブスキル

• 例 1：スクリーンショット比較テスト（+2）
• 実行（+1）

サブスキル

• エラー処理
• 実行チェックリスト
• メトリクス
• 依存関係

サブスキル

• 静的 HTML（+2）
• 動的コンテンツの待機（+5）
• テスト前にサーバーを起動（+1）
• アサーションの例（+1）
• スローモーション（+3）