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
Öffentlicher Workshop
  • Dauer: 2 Tage
  • Remote: 06.03.2023
  • Gruppenrabatt verfügbar
Firmen-Workshop
  • 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

Impressionen

Impressionen

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

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 Termine

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

2023 06. 03 -
07. 03
09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 31.01.2023

Professional Angular Testing

2023 11. 04 -
12. 04
09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 28.02.2023

Professional Angular Testing

2023 26. 06 -
27. 06
09:00 - 16:30 (CET)
GruppenrabattEarly Bird bis 31.05.2023

Professional Angular Testing

Weitere öffentliche Termine

2022 05. 12 -
07. 12
09:00 - 17:00 (CET)
Gruppenrabatt

Moderne .NET-Backends für Angular

2022 14. 12 -
16. 12
09:00 - 17:00 (CET)
Gruppenrabatt

Angular Architektur Workshop

2022 19. 12 -
19. 12
09:00 - 16:30 (CET)
Group Discount

Advanced TypeScript

2022 20. 12 -
20. 12
09:00 - 16:30 (CET)
Group Discount

Playwright Workshop

2023 07. 02 -
08. 02
09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 31.01.2023

Angular Performance Workshop

2023 15. 02 -
17. 02
09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 31.01.2023

Angular Architektur Workshop

2023 27. 02 -
28. 02
09:00 - 17:00 (CET)
Group DiscountEarly Bird bis 31.01.2023

Angular Security with Dr De Ryck

2023 01. 03 -
03. 03
13:00 - 17:30 (CET)
Group DiscountEarly Bird bis 31.01.2023

Design mit System: Skalierbare Design Systems mit Storybook und Angular

8.30 to 12.30 ET = 13:00 - 17:30 CET
2023 07. 03 -
10. 03
13:00 - 17:30 (CET)
Group DiscountEarly Bird bis 31.01.2023

Angular Architektur Workshop

8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET
2023 09. 03 -
10. 03
09:00 - 17:00 (CET)
GruppenrabattEarly Bird bis 31.01.2023

Professional NGRX: Advanced State Management & Best Practices

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!