Visuelle Regression
Visuelle Regression ist eine Testmethode für Komponenten mit hoher CSS-Komplexität. Dabei wird von einer Komponente ein Screenshot erstellt und pixelgenau mit einer Vorgabe abgeglichen. Leider kann es je nach Browser und Betriebssystem beim Rendering feine Unterschiede geben, die ein falsch positives Ergebnis erzeugen.
In seinem Vortrag zeigt Rainer, wie man trotz dieser Widrigkeiten unter Zuhilfenahme von Storybook zu stabilen Tests kommt.
Vorkenntnisse
- Erfahrungen im Umgang mit einem der drei Frameworks Angular, React oder Vue.js
Lernziele
- In der Lage sein, stabile Layouttests für Angular, React und Vue.js zu schreiben
- Bescheid wissen, wie das entsprechende Setup auszusehen hat. Die Codebeispiele eignen sich, um sofort im eigenen Projekt damit anzufangen