Wie du mit Cypress.Commands.add wiederverwendbare Test Patterns baust: TypeScript Typen, Login mit cy.session, data-cy Helper und klare Regeln für Teams und KI Agenten.
- Erstellt:
- Aktualisiert:
- Autor:
- Roland Golla
Was ist das NCA Cypress Glossar?
Das NCA Cypress Glossar erklärt die Begriffe rund um Cypress und automatisiertes End to End Testing. Jeder Eintrag zeigt, was ein Begriff bedeutet, wie er im Code aussieht und wann sich der Einsatz lohnt.
Cypress ist ein Open Source Framework für E2E Tests im echten Browser. Tests laufen direkt neben der Anwendung, du siehst jeden Schritt im Test Runner und kannst per Time Travel zurückspringen. Dazu kommt Cypress Cloud für Aufzeichnungen, Parallelisierung und die Auswertung von Flaky Tests.
Hier landen Commands, Patterns und Werkzeuge, die wir selbst täglich nutzen. Dazu gehört auch unser eigenes Open Source Plugin NCA TESTIFY, das fertige Tests für jede Website mitbringt.
Inhalt
Cypress mit NCA, schnelle Hilfe vom Experten
Dieses Glossar entsteht aus unserer täglichen Arbeit. Jeder Eintrag beginnt mit einem echten Problem aus einem Projekt: ein Test, der nur in der CI rot wird, ein Selektor, der beim Redesign bricht, ein Agent, der einen roten Test umschreibt, obwohl der Code falsch ist. Bei uns läuft Cypress mit Cypress Cloud täglich in Production, in Pipelines mit GitHub Actions und GitLab CI, für Symfony Backends und Frontends mit Astro, React und Vue. Roland Golla ist offizieller Cypress Ambassador, auf dem NCA YouTube Kanal gibt es über 70 Live Coding Tutorials, und mit dem Cypress Plugin NCA TESTIFY pflegen wir ein eigenes Open Source Plugin, das Basistests mit einer Zeile im CI/CD Setup mitbringt.
Mit Teams führen wir Cypress ein oder bringen bestehende Suiten wieder in Form. Im Cypress Workshop mit Roland Golla schreibst du deine ersten Tests selbst, die Cypress Power Hours sind der kompakte Schnellstart, und die Cypress Remote Schulung für Teams bringt alle auf einen Stand. Wenn KI Agenten mitschreiben, machen wir E2E Tests zum festen Teil der Quality Gates für KI Code und der NCA Agentic AI Coding Guardrails. Wie Agenten Testergebnisse selbst lesen, zeigt Cypress Cloud MCP.
NCA Cypress Workshop mit Cypress Ambassador Roland Golla
E2E Tests, die euer Team selbst schreibt
Ein Tag inhouse mit Roland Golla, offizieller Cypress Ambassador und seit über 20 Jahren in Testing und Refactoring zu Hause. Auf unserem YouTube Kanal zeigt er in über 70 Live Coding Tutorials, wie Cypress in echten Projekten läuft. Dazu kommt unser Open Source Plugin NCA TESTIFY: Basistests für jede Website, mit einer Zeile im CI/CD Setup. Im Workshop lernt euer Team Setup, stabile Selektoren, Custom Commands und Tests in der Pipeline.
-
1Kostenloses VorgesprächProjekt, Stack und Teststand klären
-
2Workshoptag bei euchSetup, Patterns und erste Tests im Team
-
3Praxistag optionalTests im eigenen Projekt und in CI
Roland Golla
Fullstack Developer
Alle Einträge im Cypress Glossar
Das Glossar wächst mit jedem neuen Thema aus unserer Praxis. Neben unserem eigenen Plugin findest du hier Einträge zu Flaky Tests, Testdaten, Custom Commands und Parallelisierung, zu Test Replay und UI Coverage in Cypress Cloud und zu allem, was KI für das Testen bedeutet: cy.prompt, Self Healing Tests, KI Agenten und das Testen von KI Features.
Dazu kommen drei offizielle Plugins von Cypress. Das ESLint Plugin für Cypress findet feste Wartezeiten, force und CSS Selektoren schon beim Linten. Mit Cypress Grep taggst du Tests, baust eine Smoke Stufe und führst Tests passend zur Umgebung aus. Das Cypress AI Toolkit bringt drei offizielle Skills für Coding Agenten und die Konfiguration für Cloud MCP.
Wie cy.prompt Testschritte in Cypress Befehle übersetzt, wann es sich lohnt, wo die Grenzen liegen und wie du generierte Schritte reviewst.
Offizielle Cypress Skills für KI Coding Agenten: so installierst und nutzt du cypress-author, cypress-explain und cypress-docs in OpenCode, mit Review und Quality Gates.
Das offizielle Plugin @cypress/grep filtert Tests nach Titel und Tags: Smoke Runs in CI, Gruppen nach Umgebung mit Prod nur lesend und Stage schreibend, Burn Tests gegen Flakes.
Das offizielle ESLint Plugin für Cypress: Flat Config Setup, die wichtigsten Regeln gegen flaky Tests und warum Linting die erste Guardrail für KI generierte Tests ist.
Warum Cypress Tests mal grün und mal rot sind, wie du die Ursache findest und wann du einen flakigen Test fixt oder in Quarantäne schickst.
KI Agenten schreiben und warten Cypress Tests: mit AGENTS.md, data-cy Konvention, geschützten Testdateien, Review vor dem Merge und Ergebnissen aus Cloud MCP.
Chatbots, KI Suche und Zusammenfassungen stabil testen: Antworten stubben, Struktur prüfen, Streaming und Fehler absichern und sauber von Evals trennen.
Fertige Cypress Tests für jede Website: Links, Bilder, SEO, HTTPS, Google Dienste und Barrierefreiheit. Open Source unter MIT Lizenz, gepflegt von Never Code Alone.
Wie Cypress Cloud Spec Dateien auf mehrere CI Maschinen verteilt, was Load Balancing und Spec Priorisierung bringen und warum Testisolation die Voraussetzung ist.
Was Self Healing in Cypress bedeutet, wo grüne Tests täuschen und warum stabile Selektoren, Custom Commands und Review die bessere Grundlage sind.
Fehlgeschlagene Cypress Tests aus dem CI Schritt für Schritt nachspielen: was Test Replay aufzeichnet, wie die Triage läuft und wo KI Agenten helfen.
Fixtures für stabile Antworten, cy.task für den Datenbank Reset, cy.request für schnelles Seeding: so baust du Testdaten, die parallel laufen und keine Kundendaten brauchen.
Welche Buttons, Links und Formulare deine Cypress Tests nie anfassen: UI Coverage in Cypress Cloud, der Unterschied zu Code Coverage und was KI Agenten damit anfangen.
Cypress Cloud schickt fertige Runs als JSON an deinen eigenen Endpunkt. Events, Payload, Signatur Prüfung und der Weg über n8n, Slack oder Jira.
Die Themenbereiche im Cypress Glossar
Das Glossar ordnet Cypress in vier Bereiche. So findest du schnell, was du gerade brauchst.
- Grundlagen und Architektur: Custom Commands, Testdaten mit Fixtures und Stubs und stabile Selektoren wie data-cy. Das Handwerkszeug für eine Suite, die auch mit hunderten Tests lesbar bleibt.
- Plugins: das ESLint Plugin für Cypress, Cypress Grep, das Cypress AI Toolkit und unser eigenes NCA TESTIFY, das auch Checks für Accessibility Testing mitbringt.
- Pipeline und Cypress Cloud: Cypress in GitLab CI und GitHub Actions, Parallelisierung, Flaky Tests, Test Replay und UI Coverage.
- KI und Testen: cy.prompt, Self Healing Tests, Cypress mit KI Agenten und KI Features testen.
Cypress ergänzt Unit Tests und statische Analyse. Im Frontend kombinieren wir es mit Vitest und StrykerJS Mutation Testing, im Backend mit PHPUnit und Characterization Tests für Legacy Code.
Aus der NCA Praxis, Tests sind die beste Doku
Ein grüner Cypress Lauf sagt mehr als jedes Ticket. Er zeigt, dass Login, Warenkorb und Kontaktformular für echte Nutzer im echten Browser funktionieren. Deshalb sind E2E Tests für uns eine lebende Spezifikation. Die Anforderungen dafür sammeln wir gern per Example Mapping.
Mit KI Agenten wird das noch wichtiger. Wer Code generieren lässt, braucht ein Sicherheitsnetz, das das Verhalten der Anwendung prüft. Wie das aussieht, beschreiben wir bei den agentischen Akzeptanztests und in den Vibe Coding CI/CD Pipelines. Testdaten erzeugen wir lokal mit Faker. Welche Daten in Tests gehören, steht bei Testdaten in Cypress.
Frontend: Optimieren Sie Ihre Webseite mit Astro JS und nutzen Sie die Vorteile der Barrierefreiheit
Optimieren Sie Ihre Webseite mit Astro JS und nutzen Sie die Vorteile einer schnellen, sicheren und barrierefreien Webseite. Erfüllen Sie die gesetzlichen Anforderungen und verbessern Sie die Benutzererfahrung Ihrer Webseite. Mit Astro JS können Sie die Ladezeit reduzieren, die Sicherheit maximieren und die SEO-Optimierung verbessern. Kontaktieren Sie uns, um mehr zu erfahren und um Ihre Webseite auf ein neues Level zu heben.
Häufige Fragen zum Cypress Glossar
Die wichtigsten Fragen rund um Cypress und E2E Testing, kurz und direkt beantwortet.
Was bringt ein Cypress Glossar 2026?
Es klärt die Begriffe, die beim E2E Testing ständig fallen, aber selten sauber erklärt werden. Von Custom Commands über Testdaten bis zu Cypress Cloud und KI Agenten. Jeder Eintrag liefert Definition, Codebeispiel und die Einordnung aus unserer Praxis, wann sich der Einsatz wirklich lohnt.
Lohnt sich Cypress 2026 noch für neue Projekte?
Ja. Cypress läuft im echten Browser, zeigt jeden Schritt im Test Runner und lässt sich per Time Travel debuggen. Mit Cypress Cloud kommen Aufzeichnungen, Parallelisierung und Flaky Test Erkennung dazu. Für Teams, die Frontend und Backend zusammen absichern wollen, ist das ein sehr solides Fundament.
Wie passt Cypress 2026 zu KI Agenten?
Sehr gut. KI Agenten schreiben schnell Code, prüfen aber nicht zuverlässig, ob die Anwendung für Nutzer funktioniert. Das leisten E2E Tests. Über Cypress Cloud MCP kann ein Agent Testergebnisse, Fehlschläge und Flaky Tests selbst abfragen und gezielt Fixes vorschlagen. Die Freigabe bleibt beim Menschen.
Welche Cypress Plugins sind 2026 sinnvoll?
Wir setzen auf offizielle Plugins: eslint-plugin-cypress für saubere Tests beim Linten, @cypress/grep für Tags und gezielte Läufe und die Skills aus dem Cypress AI Toolkit für Coding Agenten. Dazu kommt unser eigenes NCA TESTIFY mit fertigen Basistests. Wichtig ist, dass ein Plugin aktiv gepflegt wird und zur Cypress Version passt.
Wie starte ich 2026 am schnellsten mit Cypress?
Cypress per npm installieren, baseUrl setzen und einen ersten Test gegen die Startseite schreiben. Mit einem Plugin wie NCA TESTIFY hast du in wenigen Minuten Checks für Links, Bilder und Barrierefreiheit. Wer Begleitung will, bekommt in den Cypress Power Hours einen kompakten Schnellstart mit dem kompletten Setup.
Was ist der Unterschied zwischen E2E Tests und Unit Tests?
Unit Tests prüfen einzelne Funktionen isoliert und laufen in Millisekunden. E2E Tests prüfen den kompletten Weg eines Nutzers durch die Anwendung im echten Browser. Beide ergänzen sich. Unit Tests finden Logikfehler früh, E2E Tests finden Fehler im Zusammenspiel von Frontend, Backend und Infrastruktur.
Was sind Custom Commands in Cypress?
Custom Commands sind eigene Befehle, die du mit Cypress.Commands.add registrierst. Sie fassen wiederkehrende Schritte wie Login oder Cookie Banner zusammen. Im Test rufst du sie wie eingebaute Befehle über cy auf. Das hält Tests kurz und lesbar und vermeidet kopierten Code.
Brauche ich Page Objects in Cypress?
Ab einer gewissen Größe ja. Page Objects bündeln Selektoren und Aktionen einer Seite in einer Klasse. Ändert sich ein Selektor, passt du ihn an einer Stelle an statt in zwanzig Tests. Für kleine Suiten reichen oft Custom Commands, bei großen Projekten sind Page Objects deutlich wartbarer.
Wie vermeide ich Flaky Tests in Cypress?
Nutze stabile Selektoren wie data-cy statt CSS Klassen. Warte auf Zustände statt auf feste Zeiten, Cypress wiederholt Assertions automatisch. Isoliere Testdaten, damit Tests sich nicht gegenseitig beeinflussen. Cypress Cloud zeigt dir außerdem, welche Tests unzuverlässig sind, damit du gezielt nachbessern kannst.
Kann Cypress Barrierefreiheit prüfen?
Ja, mit axe-core basierten Checks, zum Beispiel über ttAccessibility im NCA TESTIFY Plugin oder Cypress Accessibility in Cypress Cloud. Die Checks laufen bei jedem Testlauf mit und finden fehlende Labels, schwache Kontraste oder falsche ARIA Attribute. Automatische Tests finden aber nur einen Teil der Probleme. Manuelle Prüfung mit Tastatur und Screenreader bleibt nötig.
Wo gehören Cypress Tests in die CI Pipeline?
Nach Build und Deployment auf eine Staging Umgebung. So testet Cypress genau das, was später live geht, inklusive Server, Datenbank und Drittanbieter. Läuft die Suite gegen Preview URLs pro Merge Request, fallen Fehler auf, bevor sie in den Hauptzweig gelangen.
Für wen ist das NCA Cypress Glossar gedacht?
Für Entwickler, Tester und Teams, die E2E Tests einführen oder ausbauen wollen. Einsteiger finden die Grundlagen, erfahrene Teams Patterns für große Testsuiten und Pipelines. Alle Einträge basieren auf unserer täglichen Arbeit mit Cypress und Cypress Cloud in Production.