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
Roland Golla ist offizieller Cypress Ambassador und arbeitet seit über 20 Jahren an Testing und Refactoring. Bei Never Code Alone läuft Cypress mit Cypress Cloud in Production, auch diese Website wird damit getestet. Wie wir KI Agenten an die Testergebnisse anbinden, zeigt der Eintrag zu Cypress Cloud MCP. Unser eigenes Cypress Plugin NCA TESTIFY ist Open Source und auf npm verfügbar.
Dieses Wissen geben wir weiter. Im Cypress.IO Workshop kommt jeder mit der Funktastatur zum Coden, die Cypress.IO Power Hours bringen dich in zwei Stunden zum ersten Test, die Remote Schulung für Teams läuft halbtags. E2E Tests sind bei uns fester Teil der Quality Gates für KI Code und der NCA Agentic AI Coding Guardrails. Für Barrierefreiheit kombinieren wir Cypress mit axe DevTools.
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.
Wie cy.prompt Testschritte in Cypress Befehle übersetzt, wann es sich lohnt, wo die Grenzen liegen und wie du generierte Schritte reviewst.
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.
Die Themenbereiche im Cypress Glossar
Das Glossar ordnet Cypress in vier Bereiche. So findest du schnell, was du gerade brauchst.
- Grundlagen: E2E Testing, Test Runner, Assertions, Fixtures und Selektoren wie data-cy. Das Handwerkszeug für den ersten stabilen Test.
- Architektur: Custom Commands, Page Objects und Plugins. So bleibt eine Testsuite auch mit hunderten Tests lesbar.
- Pipeline: Cypress in GitLab CI und GitHub Actions, Cypress Cloud, Parallelisierung und Flaky Tests.
- Qualität: Accessibility Testing, SEO Checks, Performance Budgets und Tests für KI generierten Code.
Cypress ergänzt Unit Tests und statische Analyse, es ersetzt sie nicht. 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. Genau 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 Verhalten prüft und nicht nur Syntax. Wie das aussieht, beschreiben wir bei den agentischen Akzeptanztests und in den Vibe Coding CI/CD Pipelines. Testdaten erzeugen wir lokal mit Faker, nie mit echten Kundendaten.
Frontend 2025: 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.
Astro JS Frontend
E-Mail Kontakt
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 Page Objects bis zu Cypress Cloud. 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, aber sie prüfen nicht zuverlässig, ob die Anwendung für Nutzer funktioniert. Genau das leisten E2E Tests. Über Cypress Cloud MCP kann ein Agent Testergebnisse, Fehlschläge und Flaky Tests sogar selbst abfragen und gezielt reparieren.
Welche Cypress Plugins sind 2026 sinnvoll?
cypress-axe für Accessibility Checks ist fast immer dabei. Dazu kommen Plugins für Visual Regression und Reports. Unser eigenes Plugin NCA TESTIFY bündelt fertige Checks für Links, Bilder, SEO, HTTPS und Barrierefreiheit. Wichtig ist, nur Plugins zu nutzen, die aktiv gepflegt werden und zur Cypress Version passen.
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 NCA Power Hours in zwei Stunden das komplette 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 cypress-axe und der axe-core Engine. Die Checks laufen bei jedem Testlauf automatisch 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.