Eliminierung technischer Schulden mit PHPStan, Rector PHP und PHPUnit. Über 20 Jahre Praxiserfahrung in skalierbaren Backends.
- Erstellt:
- Aktualisiert:
- Autor:
- Roland Golla
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.
Gesetzliche Konformität & Inklusion. Optimierung von Performance und Conversion durch radikal nutzerzentriertes, universelles Design.
Skalierbare KI-Systeme mit echtem Code Ownership. CI/CD, Backup-Strategien und Infrastruktur, die mit deinem Team wächst.
Euer Cypress Ambassador für das Setup
-
PHP Consultant
CYPRESS.IO Ambassador und IT Consultant für QA Engenieering und Qualität in PHP Projekten.
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.
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
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.
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
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.
Das Open Source Cypress Plugin von NCA prüft Links, Bilder, SEO, HTTPS, Google Dienste und Barrierefreiheit mit einzelnen Commands. Installation in fünf Minuten
Mehr erfahren
CI/CD Pipeline hands on einrichten: GitLab CI oder GitHub Actions mit statischer Analyse, Tests, Cypress, Stage und Docker Deployments. Euer Team übernimmt.
Mehr erfahren
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.