
Professional Angular Testing (100% Online, Interaktiv, Deutsch)
Qualitätssicherung für Angular-Lösungen mit Jest, Cypress und Storybook
Beschreibung
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
Sprache
Dieses Training findet auf Deutsch statt.
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
Einige Impressionen
Wir sind alle über ein browserbasiertes virtuelles Klassenzimmer verbunden.
Viele Live-Codierungen und interaktive Übungen, einschließlich Paarprogrammierung mit Ihren Trainern
Didaktischer Ansatz
Theoriephasen wechseln sich mit Live-Coding und Übungen ab.
Voraussetzungen
You have already worked with Angular and a basic understanding of unit testing with Angular.
Bis 10.10.2021 bieten wir noch die günstigen Early Bird Preise an.
Unternehmenstraining
Bitte kontaktieren Sie uns, wenn Sie einen Unternehmensworkshop mit diesen oder ähnlichen Themen (remote oder vor Ort) organisieren möchten. Generell sind Firmenschulungen bei mindestens acht Teilnehmern günstiger. Sie erreichen uns hier: office@angulararchitects.io
25.10. - 26.10.2021
Datum & Uhrzeit:
25.10.2021, 9:00 Uhr - 26.10.2021, 17:00 Uhr
Veranstalltungsort:
Alternativen:
28.06. - 29.06.2022 (
Ihre Trainer:
Alle Workshop-Inhalte
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
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
