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

使い方

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

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

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

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

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

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

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

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