Professional Angular Testing

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

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

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

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

Aktuelle Öffentliche Termine

Immer Nach Vereinbarung

Alle unsere Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung

Remote oder In-House

25. 10 -
26. 10
2021

Trainer: Rainer Hahnekamp

Remote

Deutsch

28. 10 -
29. 10
2021

Trainer: Rainer Hahnekamp

Remote

Englisch

23. 11 -
25. 11
2021

Trainer: Manfred Steyer, GDE und Michael Zikes

Remote

Englisch

06. 12 -
07. 12
2021

Trainer: Rainer Hahnekamp

Remote

Englisch

14. 12 -
16. 12
2021

Trainer: Manfred Steyer, GDE und Michael Zikes

Remote

Deutsch

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.

Jetzt anfragen!