Moderne React Komponenten-Tests mit dem "Vitest Browser Mode"

DWX 2026
Ort: Mannheim
Datum: 30. Juni 2026
Weitere Informationen und Anmeldung beim Veranstalter

Abstract

Zum Testen von React-Anwendungen ist die "React Testing Library" (RTL) der De-facto-Standard. Nun gibt es seit kurzem den "Vitest Browser Mode". Dieser bietet eine sehr ähnliche API wie die RTL, führt unsere Komponenten aber direkt im Browser aus. Damit erhalten wir realistischere Testergebnisse, ohne gleich end-to-end-Tests schreiben zu müssen.

In diesem Live-Coding-Talk möchte ich euch den Vitest Browser Mode anhand praxisnaher Beispiele vorstellen und euch zeigen, ob und wie ein Umstieg von RTL möglich ist. Dabei sehen wir auch die Integration mit "Mock Service Worker" (MSW), mit denen wir unseren Netzwerkverkehr so realistisch wie möglich simulieren.

Slides und Source Code

Slides und Material kommen nach dem Talk

Mein Workshop zum Thema

Rund um das Thema React, Next.js und Fullstack-Entwicklung biete ich In-House-Workshops und Schulungen an. Mehr Informationen dazu findest du hier.

Alle Vorträge und Workshops ansehen

Buch

React - Grundlagen, fortgeschrittene Techniken und Praxistipps – mit TypeScript und Redux
2., überarbeitete und erweiterte Auflage, dpunkt-Verlag, 2019