ページ内ナビ
概要
Argosはテスト中に取得したスクリーンショットを基準画像と比較し、UIの差分をPull Request単位で確認できるビジュアルテスト基盤です。チームだけでなくAIエージェントによるレビュー作業も想定しています。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日:
主な特徴
向いている用途
導入前の確認
サービス本体と利用側SDKはリポジトリが分かれている
argos-ci/argosはサービス本体で、Playwrightなどからスクリーンショットを送るSDKはargos-ci/argos-javascriptで提供されています。導入時は両者の役割を分けて確認します。
本体をローカル開発する場合は複数の周辺サービスが必要
CONTRIBUTINGではpnpm、PostgreSQL、Docker Compose、hosts設定、mkcertによる証明書、データベース初期化などを前提にしています。単純なライブラリ導入より開発環境は重めです。
出典:[3]
GitHub Releaseではなく継続更新されるmainを追う
argos-ci/argosにはGitHub Releasesが公開されていません。ソースから評価する場合は利用したcommit SHAを記録すると再現しやすくなります。
出典:[1]
参考にした公式資料
- [1]argos-ci/argos repository(2026-09-30)
- [2]Argos README(2026-09-30)
- [3]Argos contributing guide(2026-09-30)
- [4]Argos JavaScript SDK README(2026-09-30)
- [5]Argos MIT license(2026-09-30)
編集部からの補足
コードのテスト結果だけでは見落としやすいUIの変化を、スクリーンショット差分としてPull Requestに持ち込める点が特徴です。利用側のSDKは別の公式argos-javascriptリポジトリで提供されています。
3ステップで試す
- 1
Playwright連携を追加
既存のPlaywrightプロジェクトへArgos公式連携パッケージを追加します。
npm install --save-dev @argos-ci/playwright - 2
Reporterとスクリーンショット取得を設定
公式READMEに沿ってReporterをplaywright.config.tsへ追加し、確認したい画面でargosScreenshot(page, "name")を呼び出します。
Add @argos-ci/playwright/reporter and argosScreenshot() to your Playwright tests - 3
CIからArgosへ送信
プロジェクトトークンを環境変数に設定してテストを実行し、取得した画面をArgosのビルドへ送信します。秘密値はリポジトリへ直接保存しません。
CI=1 ARGOS_TOKEN="<your-argos-token>" npx playwright test
成長
成長の推移 · 直近30日
633 Stars
推移データを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
GitHub Topics
- testing
- testing-tools
- visual-testing
- Stars
- 633
- Forks
- 65
- Watchers
- 7
- Open Issues
- 3
- 所有者種別
- Organization
- 主要言語
- TypeScript
- ライセンス
- MIT
- リポジトリ最終更新
- 2026/09/30
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- Hoppscotch80,553 Stars
共通タグ 1件 · 共通カテゴリ 2件 · 同じ言語
REST・GraphQL・realtime request・collection testをWeb/Desktop/CLI/self-hostへ横断するAPI workspace
TypeScript - Insomnia40,041 Stars
共通タグ 1件 · 共通カテゴリ 2件 · 同じ言語
APIのdesign・request・test・CI workflowをdesktop clientへまとめる
TypeScript - Ladle2,989 Stars
共通タグ 1件 · 共通カテゴリ 2件 · 同じ言語
Reactコンポーネントの状態をストーリーとして切り出し、単独で開発・共有する
TypeScript - Kodus1,425 Stars
共通タグ 1件 · 共通カテゴリ 2件 · 同じ言語
PR差分をrepository context・独自rule・選択可能なLLMでreviewし、Git/CLI/CIへ返すAI code review platform
TypeScript - Markuplint619 Stars
共通タグ 1件 · 共通カテゴリ 2件 · 同じ言語
HTML標準やARIAに沿ってmarkupを検査し、React・Vue・Svelte等のtemplateにも対応する
TypeScript - jsdom21,695 Stars
共通タグ 1件 · 共通カテゴリ 2件
Node.js上でDOM・HTML標準のsubsetを再現し、testやscrapingに使う
JavaScript
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。