Cyress erkunden
(Idee von Rinaldo Lanza)
Cypress ist ein JavaScript-basiertes End-to-End-Testframework, mit dem Sie Tests direkt im Browser schreibenund ausführen können. Cypress ermöglicht es uns, verschiedene Arten von Tests durchzuführen, von Integrationstests bis hin zu API-Tests. In dieser Aufgabe konzentrieren wir uns auf End-to-End-Tests (E2E) und nutzen den folgenden Medium-Artikel als Anleitung für die Analyse und das Kennenlernen des Frameworks Cypress.
Der folgende Artikel geht auf die Grundlagen der Durchführung von Tests mit Cypress und und konzentriert sich dabei auf den praktischen Ansatz. Eine einfache To-Do-Listen-Anwendung, die mit React erstellt wurde, stellt dabei die Testumgebung dar.
Vorbereitung
Als Erstes müssen Sie das Repository mit dem relevanten Code auf Ihren Computer übertragen/clonen.
Öffnen Sie dazu Ihr Terminal oder Ihre Eingabeaufforderung, navigieren Sie zu dem Verzeichnis, in dem Sie das Projekt speichern möchten, und führen Sie den Befehl zum Klonen des Repositorys aus.
Der Beginners-Guide hilft Ihnen bei der Anwendung:
- Medium Artikel: A Beginner’s Guide to End-to-End Testing With Cypress
Ihre Aufgabe
Der oben genannte Artikel, macht eine 360 Grad Betrachtung des Frameworks, von der Installation über den Einsatz von Tests, bis hin zu konzeptionellen Überlegungen.
- Überfliegen Sie den Artikel und machen Sie sich ein Bild vom dem was Sie erwartet.
- Beginnen Sie mit dem Herunterladen der To-Do-Anwendung und richten Sie diese auf Ihrem Computer ein.
- Folgen Sie dem Artikel und probieren Sie die einzelnen Beispiele aus.
- Schreiben Sie für sich ein Begleitdokument, mit dem Charakter eines Cheat-Sheets, in welchem Sie die wichtigsten Punkte für sich festhalten.
Zusatzaufgabe
Die App soll mit einer neuen Funktion erweitert werden.
- Es soll ein neuer Button hinzugefügt werden, der alle Todos löscht.
- Erweitern Sie die App mit der oben genannten Funktion.
- Schreiben Sie einen Test mit Cypress, der die Lösung dieser Anforderungen überprüft.