+49 911 65008-222 info@it-seminare.de

Angular Unit Testing mit Jasmine

Seminardauer: 2 Tage

Das Seminar "Angular Unit Testing mit Jasmine" ist seitens des Herstellers nicht mehr verfügbar, bzw. abgekündigt. Wir können Ihnen diese Schulung in Form eines Workshops in Ihrem Unternehmen oder in unserem Schulungszentrum anbieten.

Seminarinformationen

Seminar - Ziel

In diesem 2-tägigen Seminar "Angular Unit Testing mit Jasmine" lernen Sie die Grundlagen des Testens und dessen Anwendung in Angular mithilfe des Standard-Testframeworks Jasmine in Verbindung mit dem Testrunner Karma. Sie werden zudem mit der entsprechenden Terminologie vertraut gemacht und erlangen Kenntnisse im Setup und Teardown, der Erstellung von Testsuiten sowie der Nutzung von Matchern. Weiterhin werden Testmethoden für Komponenten, Direktiven, Pipes, Services und Routing sowie die Überprüfung des DOM behandelt. Unit-Tests, Integrationstests und Codeabdeckung sind ebenfalls Bestandteil des Kurses. Die Schulung befähigt Sie, effektive Tests und Testsuiten in Angular mit Jasmine durchzuführen und die Qualität Ihrer Anwendungen zu optimieren.

Teilnehmer - Zielgruppe

  • Web-Entwickler
  • Softwareentwickler
  • Programmierer
  • Tester

Kurs - Voraussetzungen

Seminardauer

  • 2 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Testing-Pyramide in Angular

  • Warum Vitest statt Jasmine/Karma?
  • Vorteile (Geschwindigkeit, DX, Vite-Native)

Setup & Konfiguration von Vitest in einem Angular-Projekt

  • vite.config.ts & vitest.config.ts
  • Test-Environment (jsdom vs. happy-dom)
  • Angular Testing Library & Standalone-Setup

Unit-Tests für Services, Pipes, Directives & Interceptors

  • vi.fn(), vi.spyOn(), vi.mock()
  • HTTP-Testing mit HttpTestingController + Vitest

Komponenten-Testing modern

  • TestBed vs. Angular Testing Library (render)
  • Component Harness API
  • Signals & Async-Pipes testen
  • Snapshot-Testing mit Vitest

Hands-on Lab

  • Eigene Komponente vollständig testen + Refactoring
  • Abschluss-Diskussion & offene Fragen

Warum Playwright?

  • Vergleich Cypress / Selenium / Protractor
  • Features 2025/2026 (Auto-wait, Trace Viewer, Codegen, Visual Testing)

Playwright in Angular-Projekten einrichten

  • @playwright/test + Angular-spezifische Config
  • playwright.config.ts (baseURL, viewport, fixtures)
  • Projektstruktur & Test-Isolation

Grundlegende E2E-Tests

  • Navigation, Forms, Assertions
  • Locator-Best-Practices (getByTestId, getByRole)
  • Page Object Model (POM)

Fortgeschrittene Playwright-Techniken

  • API-Testing & Mocking (route.intercept)
  • Visual Regression Testing (Screenshots + Comparisons)
  • Accessibility-Checks (axe-core) • Fixtures & Test-Setup für Angular (Authentication, NgRx-Store)

CI/CD-Integration (GitHub Actions), Parallelisierung, Reporting Komplettes Lab:

  • Vitest + Playwright in einem realen Feature testen
  • Abschluss
  • Feedback-Runde

Weitere Schulungen zu Thema Angular

Angular Kompaktkurs

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "Angular Kompakt" erlernen Sie die Grundlagen von TypeScript und ECMAScript 6 (ES6) sowie eine umfassende Einführung in Angular, einschließlich der Arbeit mit Komponenten, Modulen und der Nutzung der Angular CLI. Der Kurs behandelt ...

Angular Fortgeschrittenenkurs

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In dieser 2-tägigen Schulung "Angular Advanced" erlernen Sie fortgeschrittene Methoden der Angular-Entwicklung, einschließlich Unit-Tests, reaktiver Programmierung mit RxJS und Sicherheitsstrategien. Sie werden mit den Test-Tools Jasmine und Karma arbeiten und die ...

Reaktive Programmierung mit Angular

- u.a. in Nürnberg, Wien, Mannheim, Virtual Classroom, Nordhausen

In diesem 1-tägigen Seminar "Reaktive Programmierung mit Angular" erfahren Sie, wie reaktive Benutzeroberflächen entwickelt werden können, um schnell und effizient auf Benutzerinteraktionen und Datenänderungen zu reagieren. Die Schulung behandelt wesentliche Konzepte wie ...

Migration von AngularJS zu Angular

- u.a. in Paderborn, Wien, Düsseldorf, Freiburg, Kassel

In diesem 1-tägigen Seminar "Migration von AngularJS zu Angular" erfahren Sie verschiedene Strategien und übergeordnete Ansätze für den Wechsel von AngularJS. Sie erhalten eine konzeptionelle Abbildung von AngularJS auf Angular und lernen, wie der UpgradeAdapter ...