Angular Testing mit Vitest und Playwright
Vom ersten Unit-Test bis zu verlässlichen End-to-End-Tests: Vitest und Playwright für Angular – schnell, stabil und wartbar.
- 1 oder 2 Tage
- Fortgeschritten
- Remote oder Inhouse
- Deutsch & Englisch
Passt dieses Training zu eurem Team?
Für wen
- Angular-Entwickler, die richtig mit dem Testen anfangen wollen
- Entwickler, die Tests schreiben, ihnen aber nicht trauen
- Teams mit langsamen, instabilen oder fehlenden Test-Suites
- Teams, die Vitest oder Playwright einführen
Danach kann euer Team
- Components, Services, Routing und Direktiven mit Vitest testen
- Asynchronen Code und HTTP in Tests ohne Hacks behandeln
- End-to-End-Tests mit Playwright schreiben, die Refactorings überleben
- Entscheiden, was auf welcher Ebene getestet wird – und was nicht
Voraussetzungen
- Praktische Angular-Erfahrung
- Keine Testing-Erfahrung nötig – wir starten bei den Grundlagen
- Laptop mit eurer üblichen Entwicklungsumgebung
Tests nützen nur, wenn das Team ihnen vertraut. Dieser Workshop beginnt bei den Grundlagen und endet mit einer Test-Suite, auf die sich euer Team verlassen kann: Komponenten- und Service-Tests mit Vitest, End-to-End-Tests mit Playwright – schnell, stabil und lesbar.
Ein Tag deckt Unit- und Komponententests ab; der zweite Tag ergänzt End-to-End-Tests mit Playwright und Zeit für eure eigene Test-Suite.
Agenda
Reihenfolge und Tiefe der Blöcke passen wir an euer Team an – was ihr schon beherrscht, lassen wir weg, eure Fragen bekommen die Zeit.
Testing-Grundlagen
- Was auf welcher Ebene testen: Unit, Komponente, End-to-End
- Vitest in einem Angular-CLI-Projekt
- Lesbare Tests: Arrange, Act, Assert
Services und HTTP testen
- Services mit Dependency Injection und TestBed
- HTTP-Aufrufe mit provideHttpClientTesting
- Synchroner und asynchroner Code, Fake Timers
Komponenten testen
- Komponenten mit Inputs, Outputs und Signals
- Templates, die Async Pipe und Control Flow
- Zoneless Change Detection in Tests
Routing und Direktiven
- Router-Tests mit RouterTestingHarness
- Guards und Resolver
- Attribut- und strukturelle Direktiven
End-to-End-Tests mit Playwright
- Locators und Assertions, die Refactorings überstehen
- Das Backend mit Route Interception mocken
- In der CI ausführen und fehlschlagende Tests debuggen
Eure Test-Suite
- Langsame oder wackelige Tests zuverlässig machen
- Fragen aus eurer Codebasis
Euer Trainer
Fabian Gosebrink
Microsoft MVP, Google Developer Expert
Baut jede Woche mit Teams Angular-Anwendungen und hat 120+ Konferenzvorträge zu Angular, State Management und Architektur gehalten.
Ganzes Profil →
“Die Schulung war hervorragend!”★★★★★
“Fabian verfügt über ein sehr umfangreiches praktisches Wissen.”★★★★★
“Man spürt deutlich, dass Fabian sich aktiv & professionell mit Angular auseinandersetzt, nicht "nur" darüber doziert!”★★★★★
“Diese Schulung war definitiv eine der besten, die ich bislang besuchen durfte.”★★★★★
“Wir [...] konnten direkt im Kurs den aktualisierten Code pullen und selbst ausprobieren.”★★★★★
“Exkurse und detaillierte Erklärung oder Wiederholung, wo notwendig.”★★★★★
“Sehr gut auf unsere Bedürfnisse eingegangen.”★★★★★
“NgRx Konzept sehr gut erläutert.”★★★★★
“Bester Kurs den ich bis jetzt hatte.”★★★★★
“Obwohl es ein Kurs für Fortgeschrittene war, konnten auch Anfänger gut folgen.”★★★★★
Holt dieses Training in euer Team
Nur für euer Team – remote oder bei euch vor Ort, an Terminen, die euch passen, wo sinnvoll mit Beispielen aus eurer eigenen Codebasis.
- bis zu 12 Teilnehmende (mehr auf Anfrage)
- ab CHF 2’400 pro Tag für das ganze Team
- Vor Ort: zuzüglich Reisekosten
- Fixes Angebot innerhalb eines Werktags
- Agenda als PDF – zum Weiterleiten an eure Vorgesetzten
Newsletter
Nur die neuesten Artikel und Ankündigungen.
Kein Spam. Versprochen. Mit der Anmeldung akzeptiert ihr unsere Datenschutzerklärung.
