Angular Testing with Vitest and Playwright
From the first unit test to reliable end-to-end tests: Vitest and Playwright for Angular – fast, stable and maintainable.
- 1 or 2 Days
- Intermediate
- Remote or in-house
- German & English
Is this training right for your team?
Who it’s for
- Angular developers who want to start testing properly
- Developers who write tests but don’t trust them
- Teams with slow, flaky or missing test suites
- Teams introducing Vitest or Playwright
Afterwards your team can
- Test components, services, routing and directives with Vitest
- Handle asynchronous code and HTTP in tests without hacks
- Write end-to-end tests with Playwright that survive refactorings
- Decide what to test on which level – and what not to
Prerequisites
- Practical Angular experience
- No testing experience needed – we start with the basics
- A laptop with your usual development setup
Tests are only useful when the team trusts them. This workshop starts with the basics and ends with a test suite your team can rely on: component and service tests with Vitest, end-to-end tests with Playwright – fast, stable and readable.
One day covers unit and component tests; the second day adds end-to-end tests with Playwright and time for your own test suite.
Agenda
The order and the depth of each block are adapted to your team – topics you already master are skipped, your questions get the time instead.
Testing Basics
- What to test on which level: unit, component, end-to-end
- Vitest in an Angular CLI project
- Readable tests: arrange, act, assert
Testing Services and HTTP
- Services with dependency injection and TestBed
- HTTP calls with provideHttpClientTesting
- Synchronous and asynchronous code, fake timers
Testing Components
- Components with inputs, outputs and signals
- Templates, the async pipe and control flow
- Zoneless change detection in tests
Routing and Directives
- Router tests with RouterTestingHarness
- Guards and resolvers
- Attribute and structural directives
End-to-End Testing with Playwright
- Locators and assertions that survive refactorings
- Mocking the backend with route interception
- Running in CI and debugging failing tests
Your Test Suite
- Making slow or flaky tests reliable
- Questions from your code base
Your trainer
Fabian Gosebrink
Microsoft MVP, Google Developer Expert
Builds Angular applications with teams every week and has given 120+ conference talks on Angular, state management and architecture.
Full profile →
“The training was excellent!”★★★★★
“Fabian has a very broad practical knowledge.”★★★★★
“You can clearly tell that Fabian works with Angular actively and professionally – he doesn’t “just” lecture about it!”★★★★★
“This was definitely one of the best trainings I have ever attended.”★★★★★
“We [...] could pull the updated code right in the course and try it out ourselves.”★★★★★
“Side notes and detailed explanations or repetition wherever necessary.”★★★★★
“Very well adapted to our needs.”★★★★★
“The NgRx concept was explained very well.”★★★★★
“Best course I have had so far.”★★★★★
“Although it was an advanced course, beginners could follow along well too.”★★★★★
Bring this training to your team
For your team only – remote or at your office, on dates that suit you, with examples from your own code base where it helps.
- up to 12 participants (more on request)
- from CHF 2,400 per day for the whole team
- On site: plus travel at cost
- Fixed quote within one business day
- Agenda as PDF – to forward to your manager
Newsletter
Only the latest articles and announcements.
No spam. Promised. By subscribing you agree to our privacy policy.
