Features

自動化されたビジュアル UI 回帰テスト

Web ページやモバイル アプリの視覚的な問題を早い段階で見つけて修正します。実際のブラウザと物理的なモバイル デバイスでテストします。 TestingBot のコードレス ビジュアル UI テストを使用して、Web サイトで視覚的な問題が検出されたときにアラートを受け取ります。

自動化されたビジュアル UI 回帰テスト

世界で最も革新的な企業のいくつかから信頼されています

コードレスのビジュアル UI テスト

数分で Web サイトの UI の欠陥のテストを開始できます。 URL を入力し、テストするブラウザを選択するだけです。テストを実行する頻度とアラートの受け取り方法を定義します。

視覚的な変化が発生すると、変更内容を強調表示するスクリーンショットと差分画像を含むアラートが即座に届きます。

ドキュメントを見る
UIテストを簡素化する

UI テストを簡素化し、UI カバレッジを拡大

テスト アサーションを単一の視覚的なスナップショットに置き換えます。従来の機能テストではカバーできない領域をカバーし、テスト範囲と QA の信頼性を高めます。

スクリーンショットをキャプチャし、ベースラインと自動的に比較します。視覚的な範囲が増えると、チームは自信を持ってコードをデプロイできます。

変更を確認して承認する

あなたとあなたのチームは、ビジュアル テストの結果を検査し、特定のビジュアル変更を承認または拒否できます。ベースラインのスクリーンショットと新しいスクリーンショットのスライダーを比較したり、発生した変更の差分画像を検査したりできます。

ピクセルに敏感なしきい値を変更し、さまざまな画面解像度でテストします。実際の Android/iOS デバイスの横向き/縦向きモードで視覚的なバグを見つけます。

テストフレームワーク
  • テストフレームワーク

    TestingBot の UI テストは、Selenium、Appium、Puppeteer、Playwright と統合されています。コード行を追加するだけで、既存のテストに自動回帰テストを利用できるようになります。

  • 誤検知なし

    TestingBot は、広告、動的コンテンツ、またはその他の原因によって引き起こされる誤検知を除去します。実際のモバイル デバイスでは、ステータスバーは無視されます。

  • ピクセルパーフェクトのスクリーンショット

    数百ものブラウザやデバイスで Web サイトのフルページ、アバブザフォールド、またはクロムレスのスクリーンショットを一度に撮影します。 以前のスクリーンショットと自動的に比較して、回帰テストを容易にします。

Test Frameworks

TestingBot Visual UI テストを既存のテスト スクリプトに統合します。数行のコードを追加して、実際のブラウザと物理的なモバイル デバイスでテストを開始します。 ドキュメントを見る

TestingBot Logo

無料トライアルにサインアップ

TestingBot を使用して、アプリと Web サイトの視覚的なテストを開始します。

クレジットカードは必要ありません!

よくある質問

TestingBot は、正しいとマークされた画像と、撮影されたばかりの新しいスクリーンショットとの間で、ピクセルごとの自動比較を実行します。異なるピクセルの量がしきい値を超える場合、テストは不合格とみなされます。

これは、CSS スタイルや位置が正しくない、またはページに欠落している Web サイトの新しいバージョンを展開するときに発生する可能性があります。 Web ページの UX に悪影響を与える前に、視覚的なバグを発見します。

定期的な機能テストで、寸法、位置、スタイルをテストできます。欠点は、すぐにコード内のチェックポイントが大きな負担になることです。

コード内で視覚的なチェックを行う代わりに、スナップショットを取得して比較する方がはるかに効率的です。視覚的な結果は、開発者や QA にとってもはるかに簡単に解釈できます。

理想的には、CI/CD パイプラインの一部として視覚的なチェックを実行します。フロントエンド コードをチェックインするたびに実行して、新しいコードが製品に悪影響を及ぼさないようにすることができます。

機械学習アルゴリズムをトレーニングして、視覚的な違いを発見できます。 AI はトレーニングされたデータに依存しているため、偽陽性/偽陰性を報告する可能性があります。これは万能のソリューションではなく、正確なピクセル マッチングと比較すると失敗することがよくあります。

Web ページ上の UI のビジュアル テストのコンテキストにおけるスナップショット テストは、Web ページの初期状態のスクリーンショットをキャプチャします。次に、それらを後続のレンダリングと比較します。外観に 1 つ以上の変化が発生した場合、テストは不合格とみなされます。これは、UI 要素の一貫性を確保するのに役立ちます。

あなたが好きかもしれないリソース

Visual Testing with Playwright

Playwright provides automated browser testing. It offers a built-in feature to perform visual regression testing for your website.

Read more
Visual Regression Testing with Python

Find out how to do automated visual UI testing with the power of Python and TestingBot.

Read more
Angular UI Testing

Learn more about using Visual UI Testing in combination with Cypress to test Angular UI apps.

Read more