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 2021
CypressDE Meetup 2021
WeAreDevelopers JavaScript Congress 2021
Developer Week 2022
VueJS Nation 2023
WeAreDevelopers VueJS Day 2023

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

Aufzeichnungen