NCA Social Media
Erstellt:
Aktualisiert:
Autor:
Roland Golla
Grün beleuchtete Bahnstrecke, Roboter prüft Schienen mit Taschenlampe von Hand Grüner Prüfzug Cypress E2E scannt die Strecke, Signal springt auf Grün Grüner Bogen über der Strecke, Roboter Team winkt, rot weiße Rakete startet

NCA Cypress E2E Testing Setup

Jedes Release klickt jemand von Hand durch.

Wir richten Cypress in eurem Projekt ein, schreiben die ersten Tests für eure wichtigsten Abläufe und hängen sie in die Pipeline. Hands on mit eurem Team, auf Wunsch mit Monitoring der Live Seite auf unserer Infrastruktur.

Was ungetestete Releases im Team anrichten

Das NCA Cypress E2E Testing Setup bringt automatische End to End Tests in euer Projekt. Wir richten Cypress ein, schreiben die ersten Tests für eure wichtigsten Abläufe und hängen sie in die Pipeline. Auf Wunsch läuft Cypress danach auf unserer Infrastruktur weiter und überwacht eure Live Seite.

Ohne Tests läuft jedes Release gleich ab. Jemand klickt sich vor dem Deploy durch Login, Formular und Checkout. Das dauert, und an einem vollen Tag fällt es aus. Den Fehler findet dann ein Kunde.

Viele Teams haben schon einmal mit Cypress angefangen. Ein paar Tests liegen im Repository, die Hälfte ist rot, keiner traut ihnen. Da steigen wir ein, als Hands on Consulting direkt am Code. Wir bauen mit, zeigen eurem Team, wie es geht, und sind schnell da, wenn ein Lauf rot wird.

Kostenloses Kennenlernen, ehrliche Aufwandsschätzung, minutengenaue Abrechnung. Keine Pakete, keine Mindestlaufzeit.

Inhalt
Cypress Setup direkt besprechen
Finde das passende Angebot für dein Projekt
Anfrage-Konfiguration
Starten Sie Ihre Anfrage
Projektart
Infos
Nachricht

Eliminierung technischer Schulden mit PHPStan, Rector PHP und PHPUnit. Über 20 Jahre Praxiserfahrung in skalierbaren Backends.

CORE EXPERTISE

Gesetzliche Konformität & Inklusion. Optimierung von Performance und Conversion durch radikal nutzerzentriertes, universelles Design.

BFSG COMPLIANT

Skalierbare KI-Systeme mit echtem Code Ownership. CI/CD, Backup-Strategien und Infrastruktur, die mit deinem Team wächst.

ENTERPRISE READY

Euer Cypress Ambassador für das Setup

NCA TESTIFY bringt Basistests mit einer Zeile

Bevor wir eigene Tests schreiben, läuft unser Open Source Plugin NCA TESTIFY. Es prüft Links, Bilder, SEO Grundlagen, HTTPS und Barrierefreiheit auf jeder Seite. Eingebunden wird es mit einer Zeile im CI/CD Setup.

Damit steht ab dem ersten Tag ein Sicherheitsnetz. Eure eigenen Tests bauen darauf auf. Der Code liegt offen auf GitHub.

Grüne Lampenreihe leuchtet auf, Roboter zieht Hebel NCA TESTIFY

Was geliefert wird

  • Cypress im Projekt eingerichtet

    Installation, Konfiguration, Ordnerstruktur und Umgebungen für lokal, Stage und Live. Alles liegt in eurem Repository und läuft mit einem Befehl.

  • Tests für eure kritischen Abläufe

    Login, Registrierung, Formulare, Checkout oder was bei euch Umsatz bringt. Mit stabilen data-cy Selektoren und Custom Commands, damit die Tests grün bleiben, wenn sich das Design ändert.

  • Tests in der Pipeline

    Jeder Merge Request startet die Tests, in GitLab CI oder GitHub Actions. Rot heißt nicht mergen. Testdaten kommen aus Fixtures und Seeding, nie aus eurer Live Datenbank.

  • Cypress Cloud angebunden

    Auswertung pro Lauf, Test Replay und Parallelisierung. Bricht ein Test im CI, seht ihr genau, was im Browser passiert ist.

  • Monitoring auf unserer Infrastruktur

    Cypress prüft eure Live Seite regelmäßig von unseren Servern in Deutschland. Fällt ein wichtiger Ablauf aus, merkt ihr es vor euren Kunden.

  • Coaching direkt am Code

    Wir arbeiten mit eurem Team am geteilten Screen. Jeder lernt, einen Test anzulegen und einen roten Lauf selbst zu debuggen.

Was sich konkret ändert

Bereich Ohne Setup Mit NCA Setup
Release Manuelles Durchklicken vor jedem Deploy Tests laufen automatisch bei jedem Merge Request
Fehlersuche Den Fehler meldet ein Kunde, die Ursache ist unklar Test Replay zeigt den Fehler direkt im CI Lauf
Live Betrieb Ein Ausfall fällt erst Kunden auf Cypress prüft die Live Seite regelmäßig von unserer Infrastruktur
Bestehende Tests Halb rot, keiner traut ihnen Wenige stabile Tests, die grün bleiben
Wissen im Team Eine Person kennt die Tests Das Team schreibt neue Tests selbst, wir coachen

So läuft die Zusammenarbeit

  • Kennenlernen und Blick ins Projekt

    Wir klären Stack, Hosting und die Abläufe, die nicht brechen dürfen. Danach schätzen wir den Aufwand ehrlich.

  • Schneller Start

    Cypress, NCA TESTIFY und die ersten Tests für eure kritischen Abläufe, direkt in der Pipeline. Brennt es schon irgendwo, fangen wir dort an.

  • Coaching im Projekt

    Weitere Tests entstehen gemeinsam mit eurem Team. Wir bauen mit, erklären die Patterns und reviewen eure Merge Requests.

  • Betrieb oder Übergabe

    Ihr entscheidet. Cypress läuft mit Monitoring auf unserer Infrastruktur weiter, oder euer Team übernimmt alles im eigenen Repository. Kein Lock in.

Stabile Tests sind wichtiger als viele Tests

Ein Test, der mal grün und mal rot ist, schadet mehr als kein Test. Das Team gewöhnt sich daran, rote Läufe zu ignorieren. Dann fällt auch der echte Fehler durch.

Deshalb räumen wir Flaky Tests zuerst auf. Feste Wartezeiten fliegen raus, Netzwerk Anfragen fängt cy.intercept ab, Selektoren hängen an data-cy Attributen. Was danach rot wird, ist ein echter Fehler.

Mit UI Coverage in Cypress Cloud seht ihr außerdem, welche Teile der Oberfläche eure Tests noch gar nicht anfassen. So wächst die Testsuite genau dort, wo sie fehlt.

Barrierefreiheit gleich mit testen

Wenn Cypress einmal läuft, ist der Schritt zu automatischen Accessibility Checks klein. Mit axe core prüfen die Tests bei jedem Lauf Labels, Kontraste und Rollen. Wie das aussieht, zeigt die Seite Axe DevTools und Cypress Accessibility Testing.

Ein vollständiges Audit nach BFSG ersetzt das nicht. Es fängt aber Rückschritte ab, bevor sie live gehen. Die Grundlagen erklärt das Glossar zum Accessibility Testing.

Cypress als Monitoring auf unserer Infrastruktur

Tests müssen nicht nur beim Merge laufen. Auf Wunsch betreiben wir Cypress auf unserer eigenen Infrastruktur in Deutschland und prüfen eure Live Seite in festen Abständen. Bricht der Login, das Formular oder der Checkout, wisst ihr es vor euren Kunden.

Gegen Live laufen dabei nur lesende Checks. Sie legen keine Bestellungen an und schreiben keine Daten. Die Basis liefert NCA TESTIFY, eure eigenen Smoke Tests kommen dazu.

Ihr braucht dafür keinen eigenen Server für die Tests. Cypress läuft bei uns, eure Website bleibt da, wo sie ist. Will euer Team später selbst übernehmen, zieht alles in euer Repository um.

Cypress Setup mit NCA, Hilfe direkt aus der Praxis

Roland Golla ist offizieller Cypress Ambassador und seit über 20 Jahren in Testing und Refactoring zu Hause. Auf dem NCA YouTube Kanal zeigt er in über 70 Live Coding Tutorials, wie Cypress in echten Projekten läuft. Cypress mit Cypress Cloud ist unser E2E Standard, auch für diese Website.

Passend dazu gibt es weitere Leistungen: das CI/CD Pipeline Setup für die Strecke vom Commit bis Live, Vibe Coding CI/CD Pipelines für KI generierten Code, PHP Refactoring für gewachsene Projekte und den Symfony AI Team Mate für den Weg aus dem Legacy. Zum Nachlesen gibt es das NCA Cypress Glossar.

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.

  1. 1
    Kostenloses Vorgespräch
    Projekt, Stack und Teststand klären
  2. 2
    Workshoptag bei euch
    Setup, Patterns und erste Tests im Team
  3. 3
    Praxistag optional
    Tests im eigenen Projekt und in CI
Roland Golla
Roland Golla
Fullstack Developer
Zum Cypress Workshop arrow_forward

Warum NCA und was das für euch bedeutet

Die Pipeline, die wir bei euch einrichten, läuft bei uns jeden Tag. Cypress, Cypress Cloud, GitLab CI und GitHub Actions gehören zu unserem eigenen Stack. Was wir zeigen, fassen wir selbst an.

Wir arbeiten als Hands on Consulting im Projekt mit. Ihr bekommt schnelle Hilfe, wenn ein Lauf rot wird, und euer Team lernt dabei. Alles liegt in eurem Repository und läuft über offene Standards. Auf Wunsch läuft Cypress als Monitoring auf unserer Infrastruktur in Deutschland weiter.

Wenn beim Einrichten Grundsätzliches auffällt, sagen wir es. Fehlt eine Stage, kommt sie vor die Tests. Ist der Code schwer testbar, lohnt vorher ein Blick auf Quality Gates für KI Code.

CYPRESS.IO Ambassador und IT Consultant für QA Engenieering und Qualität in PHP Projekten.
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 E2E Testing Setup

Die Fragen, die im ersten Gespräch fast immer kommen.

Was ist das NCA Cypress E2E Testing Setup 2026?

Hands on Consulting rund um Cypress. Wir richten Cypress in eurem Projekt ein, schreiben die ersten End to End Tests für eure kritischen Abläufe und hängen sie in die CI Pipeline. Euer Team coachen wir direkt am Code. Auf Wunsch läuft Cypress danach als Monitoring auf unserer Infrastruktur in Deutschland weiter.

Wie schnell helft ihr 2026, wenn es brennt?

Sobald wir Zugang zum Repository und zu einer Stage haben, legen wir los. NCA TESTIFY läuft meist am ersten Tag, die ersten eigenen Tests für Login oder Formulare folgen direkt danach. Brennt schon etwas, starten wir genau dort. Feste Laufzeiten gibt es nicht, der Aufwand hängt vom Projekt ab.

Was kostet das Cypress Setup 2026?

Wir starten mit einem kostenlosen Kennenlernen und schätzen danach ehrlich den Aufwand. Abgerechnet wird transparent und minutengenau. Keine Pakete, kein Festpreis, keine Mindestlaufzeit. Cypress selbst ist Open Source, für Cypress Cloud fallen je nach Plan eigene Kosten beim Anbieter an.

Für welche Projekte eignet sich das Setup 2026?

Für jede Website und Web App, die im Browser läuft. Wir setzen Cypress in Symfony, Sulu, Astro, React und Vue Projekten ein, genauso bei Shops und CMS Seiten. Wichtig ist eine Stage Umgebung, gegen die die Tests laufen. Fehlt sie, richten wir sie vorher ein.

Welche Cypress Plugins setzt ihr 2026 ein?

Neben unserem eigenen NCA TESTIFY nutzen wir offizielle Plugins: eslint-plugin-cypress für saubere Testdateien, @cypress/grep zum gezielten Ausführen einzelner Tests und die Cypress AI Toolkit Skills für KI Agenten. Community Plugins prüfen wir im Einzelfall, bevor sie ins Projekt kommen.

Was passiert mit unseren bestehenden Tests?

Wir schauen sie uns zuerst an. Stabile Tests bleiben, flackernde Tests werden repariert oder gelöscht. Eine kleine, verlässliche Suite ist mehr wert als viele Tests, denen keiner traut. Was übrig bleibt, hängt danach sauber in der Pipeline.

Laufen die Tests gegen unsere Live Datenbank?

Nein. Die Tests im Entwicklungsablauf laufen gegen eine Stage mit Fake Daten aus Fixtures und Seeding. Gegen Live laufen nur lesende Checks, etwa beim Monitoring auf unserer Infrastruktur. Sie legen keine Bestellungen an und schreiben keine Daten, damit kein echter Kunde betroffen ist.

Könnt ihr Cypress dauerhaft für uns betreiben?

Ja. Cypress läuft dann auf unserer Infrastruktur in Deutschland und prüft eure Live Seite in festen Abständen. Fällt ein wichtiger Ablauf aus, erfahrt ihr es vor euren Kunden. Ihr braucht dafür keinen eigenen Server. Wollt ihr später selbst übernehmen, zieht alles in euer Repository um.

Wer schreibt die Tests, ihr oder unser Team?

Beide. Am Anfang schreiben wir die ersten Tests, damit ihr saubere Vorlagen habt. Danach coachen wir euer Team am geteilten Screen und reviewen die Merge Requests. Ziel ist, dass euer Team neue Tests selbst anlegt und rote Läufe selbst debuggt.

Brauchen wir Cypress Cloud?

Nicht zwingend. Cypress läuft auch ohne Cloud in jeder Pipeline. Cypress Cloud bringt Test Replay, Parallelisierung über mehrere Maschinen und Auswertungen über viele Läufe. Wir nutzen es selbst und empfehlen es, sobald mehrere Leute an der Testsuite arbeiten.

Was ist NCA TESTIFY?

NCA TESTIFY ist unser Open Source Cypress Plugin. Es bringt fertige Basistests für jede Website mit: Links, Bilder, SEO Grundlagen, HTTPS und Barrierefreiheit. Eingebunden wird es mit einer Zeile im CI/CD Setup. Der Code liegt unter MIT Lizenz auf GitHub.

Was ist der Unterschied zum Cypress Workshop?

Im Workshop lernt euer Team Cypress an einem Tag. Beim Setup richten wir Cypress direkt in eurem Projekt ein, coachen am echten Code und betreiben auf Wunsch das Monitoring. Viele Teams kombinieren beides: erst das Setup, dann der Workshop, damit alle mit der fertigen Basis arbeiten.