Seite 2 - Testing/E2E

Cypress-Tests, die lokal zuverlässig grün sind, scheitern in der CI oft unerwartet an Ressourcenlimits, abweichenden Viewports und Timing-Unterschieden auf geteilten Runnern. Dieser Artikel zeigt, wie ihr Cypress in GitLab CI und GitHub Actions headless ausführt, Video- und Screenshot-Artefakte bei Fehlschlägen sichert, node_modules und die Cypress-Binary cacht und Testläufe über mehrere Jobs hinweg parallelisiert.

Wer für jede Sprache und jeden Store eine eigene Testkopie pflegt, verliert Übersicht und Laufzeit gleichzeitig. Ein Store-Kontext-Parameter in Cypress oder Playwright reicht aus, um Sprachen, Währungen und Katalogunterschiede gezielt zu prüfen und typische Store-Scope-Konfigurationsfehler zuverlässig vor dem Go-Live abzufangen.

Ein CSS Refactoring verschiebt den Warenkorb Button drei Pixel nach links, alle Unit und Funktionstests bleiben grün, und trotzdem sieht der Checkout plötzlich kaputt aus. Visual Regression Testing schließt genau diese Lücke, indem es Screenshots automatisch mit einer gespeicherten Baseline vergleicht, echte Layoutfehler von harmlosem Renderingrauschen unterscheidet und Entwickler zuverlässig warnt, bevor Kunden den Bruch bemerken.

Wer E2E-Tests mit page.waitForTimeout oder festen Sleep-Aufrufen stabilisiert, bekämpft nur Symptome statt Ursachen. Playwright prüft vor jeder Aktion automatisch, ob ein Element sichtbar, stabil, aktiviert und tatsächlich klickbar ist, und wiederholt diese Prüfung, bis sie erfüllt ist oder ein Timeout erreicht wird. Dieser Artikel zeigt, wie diese Actionability-Checks funktionieren, warum feste Wartezeiten Flakiness verschleiern statt beheben und wie man Timeout-Fehler mit dem Trace Viewer gezielt diagnostiziert.

Wer Login und Warenkorb-Schritte in jeder Testdatei einzeln wiederholt, baut eine Cypress-Suite, die bei jeder UI-Änderung an dutzenden Stellen bricht. Custom Commands kapseln wiederkehrende Abläufe in wiederverwendbare, typsichere Bausteine und machen E2E-Tests für einen Magento-Shop lesbar, robust und wartbar.

Magento Admin Workflows wie Produktanlage, Bestellabwicklung und Preisregeln entscheiden über Umsatz und Datenintegrität, auch ohne dass Kunden sie je sehen. End to end Tests mit Cypress oder Playwright decken genau die Lücke ab, die PHPUnit Integrationstests offen lassen: Session Handling, Grid Interaktionen und Massenaktionen im echten Browser, mit klarer Priorisierung nach Wartungskosten und Geschäftsrisiko.

Subagents delegieren fokussierte Teilaufgaben an einen separaten Claude-Code-Kontext mit eigenem Kontextfenster und eigenem Systemprompt. Das hilft bei paralleler Codebasis-Recherche und isolierten Review-Durchläufen, bringt aber Koordinationsaufwand mit sich, der sich für einfache Aufgaben nicht lohnt und einen einzelnen Agenten oft die bessere Wahl bleiben lässt.

Flaky Tests sind End-to-End-Tests, die ohne Codeänderung mal grün und mal rot laufen, und sie untergraben das Vertrauen in die gesamte Testsuite. Die Ursachen liegen fast immer in Timing-Problemen, geteiltem Testzustand, Netzwerkabhängigkeiten oder fragilen Selektoren. Dieser Artikel zeigt, wie man diese Ursachen systematisch findet, robuste Cypress- und Playwright-Patterns einsetzt und flaky Tests kontrolliert quarantänisiert, statt sie stillschweigend zu ignorieren.

Fixtures und Factories lösen dasselbe Problem auf unterschiedliche Weise: vorhersehbare, feste Testdaten gegen flexible, zur Laufzeit generierte Datensätze. Dieser Artikel zeigt, wann welcher Ansatz die bessere Wahl ist, wie Factories ohne Overengineering auskommen, und wie ein hybrides Modell aus beiden Ansätzen stabile und lesbare Tests für Kundendaten und Produktdaten ermöglicht.

Performance-Regressionen entstehen selten durch eine einzelne dramatische Änderung, sondern durch viele kleine Verschlechterungen, die einzeln unter dem Radar bleiben. Eine CI-Pipeline, die Bundle-Größe und Lighthouse-Metriken bei jedem Pull Request automatisch gegen den Basis-Branch vergleicht, macht diese schleichende Verschlechterung sichtbar, bevor sie den Hauptzweig und damit die Produktion erreicht.