Playwright provides automated browser testing. It offers a built-in feature to perform visual regression testing for your website.
世界で最も革新的な企業のいくつかから信頼されています
コードレスのビジュアル UI テスト
数分で Web サイトの UI の欠陥のテストを開始できます。 URL を入力し、テストするブラウザを選択するだけです。テストを実行する頻度とアラートの受け取り方法を定義します。
視覚的な変化が発生すると、変更内容を強調表示するスクリーンショットと差分画像を含むアラートが即座に届きます。
ドキュメントを見る
UI テストを簡素化し、UI カバレッジを拡大
テスト アサーションを単一の視覚的なスナップショットに置き換えます。従来の機能テストではカバーできない領域をカバーし、テスト範囲と QA の信頼性を高めます。
スクリーンショットをキャプチャし、ベースラインと自動的に比較します。視覚的な範囲が増えると、チームは自信を持ってコードをデプロイできます。
変更を確認して承認する
あなたとあなたのチームは、ビジュアル テストの結果を検査し、特定のビジュアル変更を承認または拒否できます。ベースラインのスクリーンショットと新しいスクリーンショットのスライダーを比較したり、発生した変更の差分画像を検査したりできます。
ピクセルに敏感なしきい値を変更し、さまざまな画面解像度でテストします。実際の Android/iOS デバイスの横向き/縦向きモードで視覚的なバグを見つけます。
Test Frameworks
TestingBot Visual UI テストを既存のテスト スクリプトに統合します。数行のコードを追加して、実際のブラウザと物理的なモバイル デバイスでテストを開始します。 ドキュメントを見る
よくある質問
TestingBot は、正しいとマークされた画像と、撮影されたばかりの新しいスクリーンショットとの間で、ピクセルごとの自動比較を実行します。異なるピクセルの量がしきい値を超える場合、テストは不合格とみなされます。
これは、CSS スタイルや位置が正しくない、またはページに欠落している Web サイトの新しいバージョンを展開するときに発生する可能性があります。 Web ページの UX に悪影響を与える前に、視覚的なバグを発見します。
定期的な機能テストで、寸法、位置、スタイルをテストできます。欠点は、すぐにコード内のチェックポイントが大きな負担になることです。
コード内で視覚的なチェックを行う代わりに、スナップショットを取得して比較する方がはるかに効率的です。視覚的な結果は、開発者や QA にとってもはるかに簡単に解釈できます。
理想的には、CI/CD パイプラインの一部として視覚的なチェックを実行します。フロントエンド コードをチェックインするたびに実行して、新しいコードが製品に悪影響を及ぼさないようにすることができます。
機械学習アルゴリズムをトレーニングして、視覚的な違いを発見できます。 AI はトレーニングされたデータに依存しているため、偽陽性/偽陰性を報告する可能性があります。これは万能のソリューションではなく、正確なピクセル マッチングと比較すると失敗することがよくあります。
Web ページ上の UI のビジュアル テストのコンテキストにおけるスナップショット テストは、Web ページの初期状態のスクリーンショットをキャプチャします。次に、それらを後続のレンダリングと比較します。外観に 1 つ以上の変化が発生した場合、テストは不合格とみなされます。これは、UI 要素の一貫性を確保するのに役立ちます。
