
Angular Testing Workshop
Qualitätssicherung mit modernen Werkzeugen: Jest, Cypress und Storybook
Schulung für die langfristige Qualitätssicherung von Angular-Lösung
Jest, Cypress und Storybook - Die perfkete Kombi für langfristige Qualität
In dieser weiterführenden Angular-Schulung erfahren Angular-Entwickler und -Entwicklerinnen anhand zahlreicher Real-World-Beispiele, wie sie mit modernen Technologien aus dem Angular-Ecosystem die Qualität ihrer Angular-Lösungen und Komponenten-Bibliotheken langfristig sicherstellen können. Dazu nutzen wir eine Fallstudie, für die wir nach und nach unter Berücksichtigung von Best Practices verschiedene Arten von Tests erstellen.
Highlights:
- Jest, Cypress und Storybook
- Asynchronität und reaktives Testing
- Testen des State-Managements
- Snapshot Testing
- Spectator
- Die neuen Test Harnesses in Angular
- CI-Integration und Test-Coverage
Den Verlauf unserer Angular Testing Schulung auf einen Blick!
Testing Grundlagen
- Motivation
- Angular Testing Pyramide
- Test-driven Development
- Design for Tests
- Testbare Architekturen
Unit Testing mit Jest
- Patterns
- Mocking
- Asynchronität testen
- Reaktivität testen
- Tests erweitern
Component Tests mit Jest
- JsDom vs. Karma
- Mit DOM Elementen interagieren
- Testen und Dependency Injection
- Angular Testing Helpers (Routing, HTTP)
- Mehrschichtige Komponenten testen
- State Management testen
- Snapshot-Testing
- Spectator
- Die neuen Test Harnesses in Angular
- Spezialfälle
- Drag & Drop
- Datei Down- und Uploads
- Scrolling
- Statische Menüs
- iFrames
- Visual Regression
End 2 End Tests mit Cypress
- Cypress Grundlagen
- Page Object Model
- Die drei Level von E2E Code
- Echte Backends vs. Mocked Backends?
- Umgang mit komplexen Szenarien
- CI Integration
- Cypress Plugins
- Test Abdeckung
- Cypress erweitern
Component Tests mit Cypress und Storybook
- Storybook
- Storybook erweitern
- Cypress mit Storybook verwenden
- Spezialfälle
- Visual Regression
Manfred Steyer ist Google Developer Expert (GDE) für Angular sowie Tursted Collaborator im Angular-Team. Zusammen mit seinem Team betreut er Kunden im gesamten deutschen Sprachruam. Der Fokus liegt dabei auf Geschäfts- und Industrie-Anwendungen auf der Basis von Angular.
