Teststrategien für Webanwendungen

Testen von Webanwendungen: Von Unit-Tests bis End-to-End

Tests sind die Art und Weise, wie Sie sicherstellen, dass Ihre Anwendung korrekt funktioniert. Ohne Tests ist jede Änderung ein Sprung ins Ungewisse. Mit einer guten Testsuite können Sie Änderungen vertrauensvoll vornehmen, da Sie sofort erfahren, wenn Sie etwas kaputt machen.

Die Testpyramide

Die Testpyramide ist eine Denkweise darüber, wie viele Tests jeder Art Sie haben sollten. An der Basis haben Sie viele schnelle, einfache Unit-Tests, die einzelne Funktionen isoliert testen. In der Mitte haben Sie weniger Integrationstests, die überprüfen, ob verschiedene Teile Ihres Systems zusammenarbeiten. An der Spitze haben Sie eine kleine Anzahl von End-to-End-Tests, die vollständige Benutzerabläufe testen.

Der Grund für diese Form ist Geschwindigkeit und Zuverlässigkeit. Unit-Tests werden in Millisekunden ausgeführt und sind hoch zuverlässig – wenn sie fehlschlagen, wissen Sie genau, was falsch ist. End-to-End-Tests dauern Sekunden oder Minuten und können aufgrund von Netzwerkproblemen, Timing und Browserverhalten instabil sein. Sie möchten viele schnelle, zuverlässige Tests und wenige langsame, instabile Tests.

Unit-Tests

Unit-Tests testen eine einzelne Funktion oder Komponente isoliert. Sie führen keine Netzwerkaufrufe durch, greifen nicht auf Datenbanken zu und interagieren nicht mit dem Browser. Dadurch sind sie schnell und fokussiert. Für eine Funktion, die einen Rabatt berechnet, würden Sie testen, dass sie für verschiedene Eingaben, Randfälle und Fehlerbedingungen den korrekten Wert zurückgibt. Für eine React-Komponente würden Sie testen, dass sie mit verschiedenen Props korrekt rendert.

Vitest und Jest sind die beliebtesten Test-Frameworks für JavaScript. Sie bieten eine Möglichkeit, Tests zu beschreiben, Behauptungen aufzustellen und Abhängigkeiten zu mocken. Ein gutes Ziel ist eine hohe Abdeckung Ihrer Geschäftslogik – der Teile Ihres Codes, die Entscheidungen treffen und Daten verarbeiten.

Integrationstests

Integrationstests überprüfen, ob verschiedene Teile Ihres Systems zusammenarbeiten. Ein Integrationstest könnte Ihren API-Endpunkt aufrufen und überprüfen, ob er korrekt aus der Datenbank liest und in sie schreibt. Er könnte testen, ob Ihre Authentifizierungs-Middleware unbefugte Anfragen korrekt ablehnt. Diese Tests sind langsamer als Unit-Tests, da sie echte Datenbanken und Netzwerkaufrufe beinhalten, aber sie fangen Probleme auf, die Unit-Tests nicht erkennen können.

End-to-End-Tests

End-to-End-Tests (E2E) simulieren reale Benutzerinteraktionen. Sie öffnen einen Browser, navigieren zu Ihrer Website, klicken auf Schaltflächen, füllen Formulare aus und überprüfen, ob die erwarteten Dinge passieren. Tools wie Playwright und Cypress machen dies praktikabel, indem sie schnell laufen und zuverlässige Selektoren bieten.

E2E-Tests sind die realistischsten, aber auch die teuersten. Testen Sie die kritischen Benutzerreisen – Anmeldung, Kauf, Erstellung von Inhalten – aber versuchen Sie nicht, jeden möglichen Pfad zu testen. Einige wenige gut gewählte E2E-Tests sind wertvoller als viele fragile Tests.

Tests in CI/CD

Tests sind am wertvollsten, wenn sie bei jedem Push automatisch ausgeführt werden. Ihre CI-Pipeline sollte zuerst Unit-Tests (am schnellsten), dann Integrationstests, dann E2E-Tests ausführen. Wenn ein Test fehlschlägt, stoppt die Pipeline und das Team wird benachrichtigt. Dies gibt Ihnen sofortiges Feedback und verhindert, dass defekter Code in die Produktion gelangt.