Percy - ビジュアルテストのすべてが揃うプラットフォーム | マネーフォワード Admina

Percyのオールインワンのビジュアルテストプラットフォームは、チームのビジュアルテストを自動化することで、製品チームがアプリケーションのすべてのビジュアル変更に確信を持って、ソフトウェアをより速く出荷できるよう支援します。世界中のさまざまな企業で導入されています。 Percyは、スクリーンショットをキャプチャし、ベースラインと比較し、視覚的な変更を強調することでこれを実現します。

Percy 機能一覧

・ビジュアルリグレッションテスト
・画像の保存、画像変化の検出
・ページのレンダリング
・変更の通知

Percy 料金プラン

・Free　$0/月
・Desktop　$149/月
・Desktop＆Mobile　$199/月
・Enterprise　お問い合わせ
料金については 公式サイト にてお問い合わせください。

使い方

Percyはビジュアルテストプラットフォームであり、Webアプリケーションやモバイルアプリケーションのビジュアルの変更を自動的に検出し、テストすることができます。Percyの基本的な使い方をご紹介します。

・アカウントの作成とプロジェクトの設定
Percyのウェブサイトにアクセスし、アカウントを作成します。作成後、新しいプロジェクトを作成します。プロジェクトはテスト対象のアプリケーションやウェブサイトに対応します。GitHub 認証をしている場合は、リポジトリを指定し、APIトークンをメモします。

・テスト環境のセットアップ
テストを実行するために、Percyをテスト環境に統合する必要があります。Percyは多くのプログラミング言語やフレームワークと互換性があります。Percyのドキュメントやサポートリソースを参照して、テスト環境のセットアップ手順に従います。

・テストの記録
テストケースを実行する前に、Percyにビジュアルスナップショットを記録します。これは、テストの基準となる正しいビジュアル状態をキャプチャするためのものです。記録するには、Percyの提供するライブラリやCLIツールを使用します。

・テストの実行
テストを実行し、アプリケーションやウェブサイトのビジュアルの変更を検出します。自動的にビジュアルの差異を検知し、変更点を視覚的に表示します。テストスクリプトを作成し、PercyのライブラリやCLIツールを使用してテストを実行します。

・テスト結果の確認
テストの実行後、結果を確認します。変更点や差異が検出された場合は、Percyが提供するツールを使用してそれらを比較し、修正の必要性を確認します。

・結果のレビューと共有
テスト結果をチームと共有し、必要な修正や改善を行います。コメントや通知、コミット ステータスの更新により、チームに最新情報を共有します。以前に承認・要求された変更を追跡することが可能です。

Percyはテストスイートの一部として組み込むことで、ビジュアル変更による問題を早期に発見し、品質を向上させることができます。詳細な使い方や設定については、Percyの公式HPなどをご