Vercel、Netlify、Railway：デプロイプラットフォームにAIテストを追加する方法

Yunhao Jiao
Vercel、Netlify、Railway：デプロイプラットフォームにAIテストを追加する方法 カバー

現代のデプロイプラットフォームは、すべてのプルリクエストに対してプレビューURLを生成します。Vercelはすべてのブランチにプレビューをデプロイし、Netlifyは自動的にデプロイプレビューを生成します。Railway、Render、Fly.ioも同様の機能を提供しています。

これらのプレビューデプロイメントは、テストの完璧なターゲットです。コードはデプロイされ、アプリケーションは動作しています。PRがマージされる前にテストするための手段があればそれで十分です。

このチュートリアルでは、AIテストエージェントをデプロイプラットフォームに接続し、すべてのプレビューデプロイメントで包括的な自動テストが実行されるようにする方法を説明します。

アーキテクチャ

ワークフローはシンプルです：

  1. 開発者がブランチにコードをプッシュする
  2. デプロイプラットフォームがプレビューをビルドしてデプロイする
  3. GitHubがデプロイステータスを受信する
  4. TestSpriteがデプロイを検出し、プレビューURLに対して包括的なテストスイートを実行する
  5. テスト結果がPRに投稿される
  6. 開発者が結果を確認し、マージする（または修正して再プッシュする）

このアーキテクチャは、プレビューURLを生成してGitHubにデプロイステータスを報告するすべてのデプロイプラットフォームで機能します。

プラットフォーム別セットアップ

Vercel

Vercelはすべてのプルリクエストに対してプレビューデプロイメントを自動的に作成し、GitHubにステータスを報告します。TestSpriteのGitHub Appはデプロイを検出し、プレビューURLをテスト対象として使用します。

手順：

  1. リポジトリにTestSpriteのGitHub Appをインストールする
  2. VercelのプレビューURLパターンを使用するようにTestSpriteを設定する
  3. ブランチをプッシュしてPRを作成する
  4. Vercelがプレビューをデプロイします。TestSpriteがそのプレビューに対してテストを実行します。結果がPRに表示されます。

追加の設定は不要です。VercelのGitHub連携とTestSpriteのGitHub連携はネイティブに連携して動作します。

Netlify

NetlifyのデプロイプレビューはVercelと同様の仕組みで動作します。各PRには固有のプレビューURLが割り当てられ、TestSpriteはデプロイを検出して自動的にテストを実行します。

手順：

  1. NetlifyのGitHub連携が有効になっていることを確認する（デプロイプレビューをオンにする）
  2. TestSprite GitHubアプリをインストールする
  3. NetlifyプレビューURLパターンをTestSpriteに設定する
  4. PRのたびにNetlifyプレビュービルドがトリガーされ、続いてTestSpriteによるテストが実行されます

Railway / Render / Fly.io

これらのプラットフォームはそれぞれ異なる仕組みでプレビュー環境を提供しています。RailwayはPR環境、RenderはプレビューService、Fly.ioはレビューアプリに対応しています。

手順：

  1. デプロイプラットフォームでプレビュー／PR環境を有効にする
  2. TestSprite GitHubアプリをインストールする
  3. 利用しているプラットフォームのプレビューURLパターンをTestSpriteに設定する
  4. PRによってプレビューデプロイがトリガーされ、続いてTestSpriteによるテストが実行されます

テスト対象の内容

連携が完了すると、TestSpriteはすべてのプレビューデプロイに対して以下のテストを実行します：

  • UIフローテスト：サインアップからコア機能までの完全なユーザージャーニー
  • API機能テスト：すべてのエンドポイントを有効・無効な入力でテスト
  • セキュリティテスト：IDOR、認証バイパス、入力サニタイズ、XSS
  • エラーハンドリング：ネットワークエラー、無効なデータ、セッション期限切れなど、問題発生時の動作を検証
  • 認証フロー：ログイン、サインアップ、パスワードリセット、セッション管理
  • クロスブラウザ互換性：デプロイされたプレビューに対して複数のブラウザでテストを実行

これらすべてが5分以内に完了します。コードレビューが始まる前に、PRには包括的な品質レポートが添付されます。

導入効果

この構成により、デプロイパイプラインに継続的な手間ゼロのテストレイヤーが追加されます：

  • テストスクリプトの作成・メンテナンス不要
  • CI/CDパイプラインの設定不要（GitHubアプリの初期インストールを除く）
  • テストランナーの管理不要
  • テストデータのセットアップ不要

使用するデプロイプラットフォームに関わらず、すべてのPRが同じ包括的な検証を受けます。テストエージェントは受け取ったURLに自動的に適応します。

TestSpriteの無料プランはすべての主要デプロイプラットフォームに対応しています。セットアップはわずか数分で完了します。

TestSpriteを無料で試す →