VS CodeやGitHub CopilotでTestSpriteは使えますか？
Zheshi Du
はい。TestSpriteのMCP Serverは、VS CodeとGitHub Copilotのエージェントモードの両方にネイティブで接続できます。設定が完了すれば、ツールを切り替えたり別のダッシュボードを開いたりすることなく、エディタ内からフルテストパイプラインを実行できます。
セットアップ前に知っておくべきことと、単なる利便性を超えてこのインテグレーションが重要な理由を説明します。
VS CodeとGitHub CopilotがMCPをサポートする仕組み
VS Codeはバージョン1.99（2025年リリース）でプロダクションレベルのMCPサポートを追加し、GitHub CopilotのエージェントモードがMCPを外部ツールへの接続に標準的に使用するようになりました。VS CodeのMCPツールはCopilotのAgentモードでのみ動作し、AskモードやEditモードでは動作しません。エージェントモードのオプションが表示されない場合は、VS Code 1.99以降を実行していることを確認してください。
VS Codeの設定ではルートキーに"servers"を持つmcp.jsonファイルを使用します。これはCursorやClaude Codeで使用される"mcpServers"とは異なります。ルートキーを更新せずに別のIDEから設定をコピーすることは最も多いセットアップミスであり、エラーが表示されないまま失敗します。
開始前に必要なもの
VS Code 1.99以降。それより古いバージョンはTestSpriteが必要とするMCP機能をサポートしていません。
Node.js 18以降。ターミナルでnode --versionを実行して確認してください。必要に応じてnodejs.orgからインストールしてください。
TestSpriteのアカウントとAPIキー。testsprite.comでサインアップしてください。無料プランはクレジットカード不要です。サインイン後、アカウント設定からAPIキーを生成してください。
GitHub Copilot。VS Code の MCP ツールは Copilot のエージェントモードを通じて動作します。無料の Copilot プランでも利用できます。
TestSprite を VS Code に追加する方法
Mac では Cmd+Shift+P、Windows/Linux では Ctrl+Shift+P でコマンドパレットを開き、MCP: Open User Configuration を実行します。グローバルの mcp.json ファイルが開きます。
servers セクションに以下を追加してください：
{
"servers": {
"TestSprite": {
"command": "npx",
"args": ["-y", "@testsprite/testsprite-mcp@latest"],
"env": {
"API_KEY": "your-api-key"
}
}
}
}
your-api-key をご自身の TestSprite API キーに置き換えてください。ファイルを保存すると、VS Code からサーバーを起動するよう促されます。
リポジトリと一緒にコミットできるプロジェクトスコープのインストールを行うには、プロジェクトルートに .vscode/mcp.json ファイルを作成し、同じ設定を記述します。プロジェクトをクローンしたチームメンバーは、個別に設定することなく同じ環境を利用できます。
セットアップ後に確認すべき点
設定を保存したら、Copilot Chat を開いてモードのドロップダウンからエージェントモードに切り替えてください。MCP ツールを動作させるにはエージェントモードが必要です。Ask モードや Edit モードでは TestSprite のツールは表示されません。
VS Code は初回の MCP ツール実行前に確認を求めます。「許可」をクリックしてください。同じ確認プロンプトから、現在のセッションまたは今後のすべてのセッションで自動的に許可するよう設定することもできます。
テストパイプラインの起動
セットアップが完了したら、エージェントモードで Copilot Chat を開き、次のように入力します：
"Help me test this project with TestSprite."
他の検証ツールはコードを読んで推測します。TestSpriteはアプリを開いて実際に使用します。
並列探索エージェントの集団が起動中のアプリケーションを訪問し、実際のユーザーと同じようにナビゲーションを行います。エージェントは Copilot が変更したファイルを検査するのではなく、ライブのプロダクトを訪問してフローを発見し、その中を進んでいきます。ボタンをクリックし、実際の入力値でフォームを入力し、入口から完了までの複数ステップのフローをたどり、ステップをまたいでセッション状態を引き継ぎます。
エージェントはプロダクト上のさまざまなパスを並列で実行します。障害が見つかると、構造化された障害の説明が VS Code の Copilot Chat ウィンドウに返されます。GitHub Copilot のエージェントはその説明を受け取り、同じセッション内で修正案を提案できます。コード変更からテスト失敗、修正の適用までのループが VS Code を離れることなく完結します。
この組み合わせが特に優れている点
VS Code + GitHub Copilot + TestSprite の組み合わせは、Copilot を使ってコードを書き、別の CI ステップとしてではなく同じエディタ内で検証を実行したいチームに特に大きな価値をもたらします。
Copilot はコード生成が得意です。しかし、正しく見えるコードが実際には正しくないプロダクトの動作を生み出す可能性があるという検証のギャップ——それを埋めるのが TestSprite です。
具体的なシナリオを挙げます。あるデベロッパーが VS Code 上の GitHub Copilot を使ってパスワードリセットフローを構築します。Copilot はリセットリクエストのハンドラー、メール送信、リセットページでのトークン検証、認証情報の更新を生成します。それぞれのコードはコードレビューで正しく読めます。
TestSprite の探索エージェントは、実際のユーザーと同じようにパスワードリセットフローをナビゲートします。リセットをリクエストし、リセットリンクをたどり、新しいパスワードを送信して確認し、新しい認証情報でログインを試みます。
新しいパスワードでのログインが成功することを確認します。しかしその直後、古いパスワードでのログインも試みます。すると古い認証情報も有効なままでした。リセットフローは新しいパスワードを受け入れて認証情報を更新しましたが、古いセッションやトークンを無効化していなかったのです。パスワードをリセットしてアカウントが安全になったと思っているユーザーは、依然として脆弱な状態に置かれたままです。
コードレビューでは正しく実装されたパスワード更新が確認されました。しかし TestSprite は、ユーザーが期待した通りにアカウントのセキュリティ状態が実際には変わっていなかったことを発見しました。
障害の説明が Copilot Chat ウィンドウに返されます。エージェントはセッション無効化と古い認証情報の失効が欠けていることを特定し、同じセッション内で修正を提案します。
同じ指示によるバックエンドのカバレッジ
フロントエンドの探索をトリガーするのと同じ指示が、バックエンド API のカバレッジも提供します。
TestSprite の Backend Testing 2.0 は各エンドポイントを呼び出し、アサーションを生成する前に実際のレスポンスを観察します。実際のステータスコード、実際のフィールド名、実際のレスポンス形式。アサーションは API が返すべき内容というコードの定義ではなく、観察された実際の動作に基づいています。
複数ステップのバックエンドフローでは、実際の API レスポンスから取得した動的変数——リソースの実際の ID や返されたトークン——が後続のステップに自動的に引き継がれます。CRUD ライフサイクルテストは、デベロッパーがデータフローを手動で配線することなくエンドツーエンドで実行されます。
エディタ内ループと並行した CI カバレッジ
VS Code + Copilot の統合はエディタ内でのリアルタイム検証を担います。GitHub Actions の統合は同じカバレッジを CI まで拡張します。
すべてのプルリクエストで自動テストが実行されます。結果はレビュー開始前に PR コメントとして投稿されます。チームが別途 QA ステップを追加することなく、Copilot による変更はマージ前にプロダクト層での検証が行われます。
まとめ
TestSprite は Model Context Protocol を通じて VS Code および GitHub Copilot と連携します。前提条件は VS Code 1.99 以降、Node.js 18 以降、および Copilot のサブスクリプションです。設定は "servers" をルートキーとする mcp.json ファイルを使用し、MCP ツールはエージェントモードでのみ利用できます。
設定が完了すると、Copilot Chat 内からの一つの指示で探索エージェントが起動し、実際のユーザーのようにライブアプリケーションをナビゲートして、フロントエンドのフローとバックエンド API をカバーし、Copilot が同じセッション内で対応できる構造化された障害の説明を返します。
Copilot を使ってコードを書くデベロッパーにとって、TestSprite は構築したものが実際に正しく動作することを確認する検証レイヤーです。
今すぐ VS Code に TestSprite MCP サーバーをセットアップしましょう。