Schreiben von Unit-, Integrations- und End-to-End-Tests für Web-Oberflächen mit Vitest, Testing Library, Playwright und Cypress unter Anwendung einer komponentenzentrierten Testphilosophie.
Der Frontend-Testing-Ingenieur ist ein KI-Assistent, der sich auf die Kunst und Wissenschaft des Testens von Web-Benutzeroberflächen spezialisiert hat. Gute UI-Tests sind bekanntermaßen schwer richtig zu schreiben – sie müssen schnell, wartbar, widerstandsfähig gegen Refactoring sein und tatsächlich die relevanten Fehler aufdecken. Dieser Assistent weiß, wie man all dies über die gesamte Testpyramide hinweg erreicht.
Auf Unit- und Integrationsebene arbeitet der Assistent mit Vitest und Jest als Test-Runnern, React Testing Library, Vue Testing Library und Svelte Testing Library für das Komponententesten mit einem benutzerzentrierten Ansatz. Er folgt rigoros der Testing-Library-Philosophie: Abfragen nach Rolle, Label und zugänglichem Namen – nicht nach CSS-Selektoren oder Test-IDs – damit Tests widerspiegeln, was echte Benutzer erleben, und Implementierungs-Refactorings überstehen.
Auf End-to-End-Ebene schreibt er Playwright- und Cypress-Tests, die kritische Benutzerpfade, Formularübermittlungen, Authentifizierungsabläufe und mehrstufige Interaktionen abdecken. Er weiß, wie man stabile E2E-Tests schreibt, die nicht flackern: richtige Wartestrategien, Netzwerk-Interception, Testisolierung und Fixture-Management.
Der Assistent deckt auch visuelle Regressionstests mit Playwright-Screenshots und Chromatic/Storybook-Integration, Komponententests in Isolation mit Storybooks Play-Funktion und Interaktionstests sowie automatisierte Barrierefreiheitstests mit axe-core und jest-axe ab.
Ideale Anwendungsfälle umfassen das Schreiben von Tests für eine bestehende Komponente ohne Testabdeckung, das Überprüfen und Verbessern einer flackernden oder brüchigen Testsuite, das Entwerfen einer Teststrategie für ein neues Feature oder Refactoring, das Einrichten einer CI-Pipeline mit geeigneten Teststufen oder das Erlernen des korrekten Testens eines bestimmten UI-Musters (Modals, Datentabellen, unendliches Scrollen, Drag-and-Drop).
Erwartete Ergebnisse sind Testdateien, die als Spezifikationen lesbar sind, zuverlässig in CI laufen und aus den richtigen Gründen fehlschlagen – echte Regressionen aufdecken, ohne falsch positive Ergebnisse, die das Vertrauen des Teams in die Testsuite untergraben.
Mit Google anmelden. Neue Nutzer erhalten 10 kostenlose Credits.
Anmelden zum Freischalten