browser-testing

Webアプリケーションのテスト、ブラウザのコンソールエラーのデバッグ、フォーム操作の自動化、UIの実装検証に使用できます。localhostでのテスト、認証が必要なアプリ（Gmail、Notionなど）のテスト、またはデモGIFの録画に対応しています。Chrome拡張機能1.0.36以上、Claude Code 2.0.73以上、および有料プランが必要です。

ブラウザテスト

Chrome統合を介してWebアプリケーションをテストおよびデバッグします。

前提条件

要件	最小バージョン
Chrome拡張機能	1.0.36+
Claude Code CLI	2.0.73+
プラン	Pro/Team/Enterprise

手順

Chromeを有効にする: claude --chrome または /chrome
タブコンテキストを取得: tabs_context_mcp
ナビゲート: navigate でURLにアクセス
相互作用: find、form_input、computer を使用
検証: read_console_messages、read_page を実行
証拠を取得: computer(action="screenshot")

クイックコマンド

# Check for console errors
scripts/check-console-errors.sh TAB_ID

# Verify page loaded
scripts/verify-page-load.sh TAB_ID URL

# Run smoke test
scripts/smoke-test.sh URL

MCPツール

ツール	目的
`tabs_context_mcp`	タブIDを取得(最初に呼び出し)
`navigate`	URLに移動
`computer`	クリック、入力、スクリーンショット
`find`	説明で要素を検索
`form_input`	フォームフィールドを入力
`read_console_messages`	パターンフィルター付きでデバッグ
`read_page`	DOM/アクセシビリティツリーを取得
`gif_creator`	相互作用を記録

リファレンス

ファイル	読み込むタイミング
references/patterns.md	テストシナリオを設計する際
references/examples.md	具体的な例が必要な場合

ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ