byteNative
Testing & Qualität

Cypress

Komfortables E2E-Testing mit exzellentem Debugging.

Was ist Cypress?

Cypress bietet komfortables End-to-End- und Komponenten-Testing mit ausgezeichnetem Debugging und einer anschaulichen Oberfläche. Der Test Runner spielt jeden Schritt als Zeitleiste ab, sodass du per Time-Travel zurückspringst und genau siehst, in welchem Zustand der Browser bei jedem Befehl war. Das macht die Fehlersuche angenehm direkt, weil du den Bug nicht erst nachstellen musst. So bleiben auch umfangreichere Browsertests nachvollziehbar und gut zu pflegen.

Mehr in der Dokumentation

Wofür wir es nutzen

Wenn ein Team bereits mit Cypress arbeitet oder den interaktiven Runner als Debugging-Werkzeug schätzt, bauen wir die Browser-Tests darauf auf. Wir nutzen ihn gern, um beim Bauen eines komplexen Flows live mitzulaufen und Probleme sofort im echten Browser zu sehen. Für bestehende Cypress-Suiten pflegen und erweitern wir sie, statt sie ohne Grund umzuschreiben.

ts
describe("search", () => {
  it("shows results", () => {
    cy.intercept("GET", "/api/search*").as("search");
    cy.visit("/");
    cy.get("[name=q]").type("playwright{enter}");
    cy.wait("@search");
    cy.contains("results").should("be.visible");
  });
});
Auf eine echte Antwort warten statt auf eine feste Zeit.

Gut zu wissen

Cypress-Befehle sind verkettet und asynchron, aber kein Promise; ein await darauf führt in die Irre, nutz stattdessen .then oder cy.wrap. Vermeide cy.wait mit fester Millisekundenzahl und warte stattdessen auf eine abgefangene Route per cy.intercept, sonst werden die Tests langsam und flaky.

00Testing & Qualität

Weitere Werkzeuge, mit denen wir im selben Bereich arbeiten.

Welche Technologie passt zu dir?

Das musst du nicht entscheiden, das ist unser Job. Erzähl uns einfach von deinem Vorhaben.