Let's get visual - Visual testing in Deinem Projekt

Ramona Schwering
Ramona Schwering

April 16, 2021

Dieser Inhalt ist auch in folgender Sprache verfügbar: english

Bei visuellen Tests wird das Erscheinungsbild Deiner Anwendung mit einem früheren Zustand verglichen.

SymfonyWorld Germany
CypressDE Meetup
WeAreDevelopers JavaScript Congress

Kurzfassung

Testen ist wichtig: Das weißt Du wahrscheinlich schon und deshalb machst Du es selbst - oder zumindest Deine lieben Tester. Aber je größer Dein Projekt wird, desto mühsamer wird das - jede Deiner Änderungen kann etwas in Deinem Projekt kaputt machen, ohne dass Du es merkst. Aber diesen Nebeneffekten mit einer Checkliste nach jeder Zusammenführung nachzujagen, ist auch keine Lösung. End-to-End-Tests tun jedoch nur das, was Du ihnen aufträgst - sie schauen also nicht nach links oder rechts. So können zum Beispiel Styling-Fehler unbemerkt bleiben.

Und was nun? Beim visuellen Testen wird das Erscheinungsbild Deiner Anwendung mit einem früheren Zustand verglichen. Wenn Änderungen sichtbar werden, kannst Du auf sie reagieren. So hast Du oder Deine Tester ihre Augen überall - ohne dass Du immer wieder manuell prüfen musst.

Ich verwende visuelle Tests schon seit einiger Zeit und sie haben mir schon einige Male den Hals gerettet. Lasst uns gemeinsam einen Blick auf meine Reise werfen und herausfinden, ob und wie visuelle Tests auch bei Euren Projekten helfen können.

Folien

Recordings