Percyを活用する - 概要
はじめに
Percyは、オールインワンのビジュアルテストとレビュープラットフォームです。スクリーンショットをキャプチャし、ベースラインと比較して、視覚的な変更を強調表示します。視覚的なカバレッジを向上させることで、チームは各コミットでコード変更を自信を持ってデプロイできます。
WebdriverIOは、PercyとApp Percyを使用したクロスブラウザのビジュアルテストをネイティブにサポートしています。ウェブサイトやネイティブモバイルアプリケーションのビジュアルテストにPercyを使用できます。 ビジュアルテストにPercyを活用する利点には以下が含まれます:
- 一貫性:開発プロセスの早い段階で視覚的な不一致を特定することで、一貫したユーザー体験を促進します。
- 効率性:視覚的な回帰を手動で発見するのに必要な時間と労力を削減し、効率を向上させます。
- 統合機能:PercyはGitHub、GitLab、Bitbucketなどの一般的なツールやサービスと統合できます。
- コラボレーション:変更の視覚的な表現を提供することで、開発者、デザイナー、QAチーム間のコラボレーションを向上させます。
- 回帰の防止:意図しない視覚的な回帰を経験することを防ぎます。
Percyはどのように機能しますか?
Percyは新しいスナップショットを関連するベースラインと比較して、視覚的な変更を検出します。Percyはブランチ間でベースライン選択を管理するため、テストは常に関連性があります。視覚的な変更が検出された場合、Percyはその結果の違いを強調表示し、グループ化してレビューできるようにします。