e2e-Testing für Web-Apps und REST-APIs mit Cypress, TestCafe und playwright (Twitch Live-Stream)

Keine Zeit für Unit-Tests? Das mag für belanglose CRUD Implementierungen sogar gerechtfertigt sein. Dennoch ist ein e2e/Integrationstest unabdingbar, um weiterhin die Qualität der eigenen Software gewährleisten zu können. Test-Frameworks die automatisiert die Anwendung bedienen und die Zustände überprüfen, gibt es wie Sand am Meer.

Bei diesem Live-Stream zeigt Gregor Biswanger hingegen eine moderne Lösung für UI- und API-Tests mit Cypress, die bisherige Schwierigkeiten in den Schatten stellen. Dazu werden die Grundlagen vermittelt um damit im eigenen Projekt technologieneutral starten zu können. Ebenfalls sehen wir uns dazu eine Integration für Angular Projekte an und einige Tipps und Tricks aus der Praxis. Gegen Ende möchten wir ebenfalls eine Alternative erkunden und zwar das e2e Testing-Tool TestCafe und playwright, welches Gregor selbst noch nicht eingesetzt hat.

▼ ▼ ▼ Timestamps ▼ ▼ ▼

[00:00​​] Willkommen
[13:55] Einführung zu Cypress
[18:43] Cypress Projekt anlegen
[26:00] Cypress Test Runner öffnen
[28:30] Die Cypress Projektstruktur
[37:05] Der erste e2e-Test für eine externe Web-App
[52:26] Der erste e2e-Test ausführen
[53:45] DOM-Snapshots
[55:24] Selector Playground
[56:30] e2e-Test headless ohne Browser ausführen
[58:29] Automatische Video- und Screenshot-Aufzeichnung
[1:04:55] Cypress Konfiguration
[1:06:00] Chrome WebSecurity deaktivieren
[1:10:00] Das PageObject Pattern implementieren
[1:19:40] REST-API mit Cypress testen
[1:34:42] Kurze Zusammenfassung
[1:40:45] Cypress Reporter einbinden
[1:46:28] REST-API tests mit Postman
[1:58:55] Bei Probleme mit der Cypress Installation
[1:59:45] Cypress mit Angular
[2:35:47] TestCafe Projekt anlegen
[2:52:35] TestCafe Test schreiben
[3:00:04] TestCafe Test Runner öffnen
[3:20:30] TestCafe Video & Screenshot erzeugen
[3:33:00] TestCafe Reporter einbinden
[3:52:50] Cypress vs. TestCafe
[4:04:37] playwright Projekt anlegen
[4:08:15] playwright forschen, Test schreiben und ausführen
[5:38:38] Abschied

Exclusiv Video für Twitch Abonnenten: Angriffe mit XML (XXE-Attack)

[NeverCodeAlone]

Sehr interessantes Thema! Wir machen selber auch Tutorials zu Cypress. Vielleicht ergibt sich ja die Möglichkeit für eine Kollaboration.💪