Professional Angular Testing
Qualitätssicherung mit modernen Werkzeugen: Jest, Cypress und Storybook
Schulung für die langfristige Qualitätssicherung von Angular-Lösungen
Remote & In-House
2 Tage
Grundkenntnisse Angular erforderlich
Mix aus Theorie, Live-Coding & Übungen
Auch als Firmen-Workshop verfügbar
- Dauer: 2 Tage
- Remote: 11.04.2023
- Gruppenrabatt verfügbar
- Individuell vereinbar
- In-House oder remote
- Ab ca. 8 Teilnehmer günstiger
Jest, Cypress und Storybook - Die perfkete Kombi für langfristige Qualität
Dieser Workshop deckt alle notwendigen Aspekte für das Testen in Angular ab. Sie lernen nicht nur die verschiedenen Techniken sondern auch wann man diese anwendet. Ein wesentlicher Bestandteil sind die Hands-On Übungen und anschließende Diskussionen, wo auch Ihre individuelle Herausforderungen behandelt werden können.
Nach diesem Workshop werden Sie unter anderem in der Lage sein, …
- … zu verstehen, wann man Unit, Komponenten, Integrations und E2E Tests anwendet,
- … asynchronen Code zu testen,
- … mit dem gerenderten DOM einer Komponenten oder Komponentenbaum zu interagieren,
- … den Boilerplate Code durch Einsatz modernster Tools signifikant zu reduzieren,
- … das Layout der Komponenten durch Screenshots zu testen,
- … Ihre E2E so zu designen, dass sich diese sich nicht gegenseitig beeinflussen,
- … instabile E2E Tests zu vermeiden,
- … Ihre Architekturen auf Testbarkeit hin, perfekt auszurichten
Video-Intro von Workshop-Autor, Rainer Hahnekamp
Highlights
✅ Komplett online – Keine Anreise erforderlich!
✅ Interaktiv: Stellen Sie Fragen und nehmen Sie an Diskussionen teil
✅ Viele Übungen und Live-Coding
✅ Fallstudie, die Sie als Blaupause für Ihre eigenen Projekte verwenden können
✅ Pair-Programming mit Ihrem Trainer
Ausgewählte zufriedene Kunden
Den Verlauf unserer Angular Testing Schulung auf einen Blick!
Teil 1: Unit Tests
Unit Tests mit Jest
- Jasmine vs. Jest
- Test Coverage
- Jest erweitern
- Asynchronität
- fakeAsync vs. waitForAsync
- Mocking: jest.mock, jest.fn, jest.spyOn
- Stubbing
Testen von Reaktivität
- RxJS Marbles für Pipe Operatoren
- Anwendung von RxJs Marbles in normalen Unit Tests
- Unit Tests in ngrx
Teil 2: Komponenten & Integration Tests
Komponenten Tests
- TestBed and Dependency Injection
- DOM Interaktion
- Change Detection
- Component Snapshots
Fortgeschrittene Komponenten Tests
- Verschachtelte Komponenten
- Testen von @Input und @Output
- Testen von Direktiven und Pipes
- Factory Methoden zur Verringerung von Boilerplate Code
- Spectator
- Testing Library
- Harnesses
- Harnesses wiederverwenden
Integration Tests
- HttpTestingController
- RouterTestingModule
- NgRx und der MockStore
Best Practices
- Zwei Denkansätze: London & Detroit
- Teststrategien: Wann soll ich was verwenden?
- Testbare Architektur
Teil 3: End-to-End Tests mit Cypress & Visuelle Regression
Visuelle Regression mit Storybook
- Mehrfache Jest Konfigurationen
- Puppeteer
- Storybook
- StoryShots
Cypress
- Übersicht über bestehende E2E Frameworks
- Unterschied WebDriver und Chrome DevTools Protokoll
- Cypress und sein “Awaiting” Feature
- Das cy Objekt
- Implizite und explizite Assertionen
Cypress Fortgeschritten
- Page Object Models
- cy Objekt erweitern
- Vermeiden von Flaky Tests
- Mocking von HTTP Abfragen
- Angular Harnesses wiederverwenden
- Selectors und Actions via Accessibility-Kriterien
Cypress and Beyond
- Optimales Test Design
- Konditionale Tests
- Direkte Kommunikation mit dem Backend
- Komponententests in Verbindung mit Storybook
- Komponententests mit Component Test Runner
- Test Coverage
Alle unsere Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung
12. 04 09:00 - 17:00 (CET)
Professional Angular Testing
27. 06 09:00 - 16:30 (CET)
20. 04 14:30 - 18:30 (CET)
Angular Performance Optimization Workshop
21. 04 09:00 - 17:00 (CET)
Design mit System: Skalierbare Design Systems mit Storybook und Angular
12. 05 09:00 - 17:00 (CET)
Professional NGRX: Advanced State Management & Best Practices
17. 05 09:00 - 16:30 (CET)
24. 05 09:00 - 17:00 (CET)
Schulung: Fullstack Angular mit NestJS
24. 05 09:00 - 17:00 (CET)
Angular Architektur Workshop
25. 05 09:00 - 17:00 (CET)
Moderne .NET-Backends für Angular
30. 06 09:00 - 16:30 (CET)
Professional NGRX: Advanced State Management & Best Practices
13. 07 13:00 - 17:30 (CET)
Angular Architektur Workshop
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.
