Percyはビジュアルテストを自動化します。開発者がテストスイートに組み込むと、コードを変更するたびに、ブラウザや画面サイズごとにページとコンポーネントのスクリーンショットを撮ります。承認済みの基準画像と比べて、異なるピクセルを強調表示するので、レビュー担当者は意図した変更を承認し、意図しない変更はユーザーに届く前に見つけられます。
文字の重なり、崩れたレイアウト、表示されない画像といった見た目のバグは、動作しか確認しない機能テストをすり抜けがちです。Percyはこの隙間を埋め、プルリクエストと連携するので、デザインとエンジニアリングが一緒に変更をレビューできます。AIは、アンチエイリアスの違いや動的なコンテンツといったノイズを無視するのに役立ち、レビューの一覧を短く保ちます。
PercyはBrowserStackに買収され、Cypress、Playwright、Storybookなどの一般的なフレームワークと連携します。無料枠があり、有料プランはスクリーンショットの量で決まります。デザインが変わるたびに、ビジュアルテストにも手入れが必要です。代替にはChromatic、Applitools、Playwright標準のスクリーンショット比較、BackstopJSがあります。Percyは、見た目の回帰を見つけたいフロントエンドのチームに向いています。