Frontend End-to-End Testing mit Cypress.io

Einleitung

Cypress ist ein Frontend-Testing-Tool der nächsten Generation, das für das moderne Web entwickelt wurde. Wir adressieren die wichtigsten Funktionen, mit denen Entwickler und QA-Ingenieure moderne Webapplikationen testen können.

Programm

Während dem Kurs bauen wir Schritt für Schritt ein Set an End to End Tests für eine Beispielapplikation auf. Dabei fokussieren wir uns auf die praktische Anwendung von Cypress.io:

• Überblick Funktionsweise von Cypress.io
• Vergleich Cypress.io vs. Selenium
• Integration Cypress in Webfrontend Projekte
• Asynchrone Architektur von Browsern und Frontend E2E-Tests
• Einsatz Cypress-UI und Test Runner
• Praktisches Umsetzen von Tests mit:
  • DOM Elemente adressieren
  • Abfragen von Inhalten
  • Events auslösen und verfolgen
  • Formulare testen
  • Navigation zwischen Seiten
  • Cypress Variablen und Aliase
  • Expects und Assertions
  • XHR Abfragen
  • Stubs, Spies und Clocks
  • Einfache API Tests
  • Beispiel parallele E-Mail Abfrage im Backend
• Auswertung von Videos und Screenshots
• Debugging und Logging von Testfällen
• Vergleich Nutzung mit und ohne Cypress Dashboard
• Demo Integration Cypress.io Tests in CI/CD Pipeline 

Kursziel

Teilnehmer können End to End Frontend-Tests für Webapplikationen mit Cypress.io aufbauen und haben einen ersten Überblick über die Herausforderungen sowie übliche Szenarien.

Adressaten

Software Entwickler und Tester, welche Frontend-Tests für Webapplikationen entwickeln möchten.

Voraussetzungen

Basiswissen in der Entwicklung von Web Frontends mit JavaScript und HTML. Verständnis für die Funktionsweise von Browsern, Webaufrufen, Events und DOM Elementen.

Infrastruktur

Laptop mit Administrationsrechten zur Installation von Software, vorbereitet gemäss Installationsanleitung, welche ca. 2 Wochen vor dem Workshop bereitgestellt wird.