Automatisierte visuelle UI-Regressionstests
Erkennen und beheben Sie visuelle Probleme mit Ihren Webseiten oder mobilen Apps frühzeitig. Testen Sie auf echten Browsern und physischen Mobilgeräten. Verwenden Sie die codelosen visuellen UI-Tests von TestingBot, um Benachrichtigungen zu erhalten, wenn ein visuelles Problem auf Ihrer Website erkannt wird.
Gratis Ausprobieren Demo anfordern
Müheloses visuelles Regressionstesten
Aktivieren Sie visuelle Regressionstests in Ihrem bestehenden Test-Framework mit nur einer Codezeile. Erkennen Sie Layoutverschiebungen, UI-Inkonsistenzen und visuelle Regressionen während Ihres Tests schnell.
Oder geben Sie die URLs ein, die Sie überwachen möchten. TestingBot erstellt in regelmäßigen Abständen Screenshots und benachrichtigt Sie, wenn eine Änderung erkannt wird.
Gratis AusprobierenVisuelle Regressionen überprüfen und genehmigen
Sie und Ihr Team können die Ergebnisse der visuellen Tests einsehen und bestimmte visuelle Änderungen genehmigen oder ablehnen. Vergleichen Sie mit einem Schieberegler zwischen dem Basis-Screenshot und dem neuen Screenshot oder überprüfen Sie ein Diff-Bild der aufgetretenen Änderungen.
Codelose visuelle UI-Tests
Beginnen Sie in wenigen Minuten mit dem Testen Ihrer Website auf UI-Fehler. Geben Sie einfach Ihre URL ein und wählen Sie aus, auf welchen Browsern Sie testen möchten. Legen Sie fest, wie oft der Test ausgeführt werden soll und wie Sie benachrichtigt werden möchten.
Wenn eine visuelle Änderung vorgenommen wurde, erhalten Sie sofort eine Benachrichtigung mit einem Screenshot und einem Vergleichsbild, das die Änderung hervorhebt.
Gratis AusprobierenOptimiert für Genauigkeit
Wir haben visuelle Tests mit Blick auf die Genauigkeit entwickelt, um Fehlalarme während des UI-Verifizierungsprozesses zu verhindern.
Animationen und Videos einfrieren
Um Fehlalarme zu vermeiden, werden Animationen und Videos während der visuellen Momentaufnahme vorübergehend eingefroren.
UI-Elemente ignorieren
Wir ignorieren bestimmte UI-Elemente, die sich ändern können und für den Screenshot irrelevant sind.
Pixelgenaue Screenshots
Erstellen Sie ganzseitige, „above thefold“- oder „Chromeless“-Screenshots Ihrer Website in Hunderten von Browsern und Geräten gleichzeitig.
Frameworks zur Testautomatisierung
Die UI-Tests von TestingBot lassen sich nahtlos in Selenium, Appium, Puppeteer und Playwright integrieren. Fügen Sie einfach eine einzige Codezeile hinzu, um Ihre bestehenden Tests mit automatisierten visuellen Regressionstests zu erweitern.
Selenium
Beliebtes Browser Automation Framework mit WebDriver, das alle gängigen Browser unterstützt.
Appium
Das Mobile Automation Framework, das WebDriver verwendet, kann auf physischen Geräten und Simulatoren / Emulatoren ausgeführt werden.
Puppeteer
Chrome DevTools-basiertes Automatisierungsframework von Google. Unterstützt Chrome- und Edge-Browser.
Häufig gestellte Fragen
TestingBot führt automatisierte Pixel-für-Pixel-Vergleiche zwischen einem Bild, das Sie als korrekt markiert haben, und einem neuen Screenshot durch, der gerade aufgenommen wurde. Überschreitet die Anzahl der unterschiedlichen Pixel den Schwellenwert, gilt der Test als fehlgeschlagen.
Dies kann passieren, wenn Sie eine neue Version Ihrer Website bereitstellen, die einen falschen CSS-Stil oder eine falsche Positionierung aufweist oder auf der Seite fehlt. Erkennen Sie visuelle Fehler, bevor diese der UX Ihrer Webseiten schaden.
Mit regelmäßigen Funktionstests können Sie Abmessungen, Positionierung und Styling testen. Der Nachteil besteht darin, dass es bald zu einer großen Belastung durch Prüfpunkte in Ihrem Code wird.
Anstatt die visuellen Überprüfungen in Ihrem Code durchzuführen, ist es viel effizienter, Schnappschüsse zu erstellen und diese zu vergleichen. Die visuellen Ergebnisse sind außerdem für Entwickler und Qualitätssicherung viel einfacher zu interpretieren.
Idealerweise führen Sie visuelle Prüfungen als Teil Ihrer CI/CD-Pipeline durch. Es kann nach jedem Einchecken des Front-End-Codes ausgeführt werden, um sicherzustellen, dass sich neuer Code nicht negativ auf Ihr Produkt auswirkt.
Algorithmen für maschinelles Lernen können trainiert werden, um visuelle Unterschiede zu entdecken. KI ist auf trainierte Daten angewiesen und kann daher falsch positive/negative Ergebnisse melden. Es handelt sich nicht um eine Einheitslösung, die im Vergleich zur exakten Pixelanpassung häufig versagt.
Snapshot-Tests im Rahmen des visuellen Testens der Benutzeroberfläche auf Webseiten erfassen Screenshots des Anfangszustands einer Webseite. Anschließend werden sie mit nachfolgenden Renderings verglichen. Tests gelten als nicht bestanden, wenn eine oder mehrere Änderungen im visuellen Erscheinungsbild auftreten. Dadurch wird sichergestellt, dass UI-Elemente konsistent bleiben.
Kostenlose Anmeldung
Beginnen Sie mit dem visuellen Testen Ihrer Apps und Websites mit TestingBot.
Kostenlose Testversion