Vitest Browser Mode
summary
Vitest Browser Mode runs component tests in a real browser using Playwright (or WebDriver.io), adds screenshot diffing and a trace viewer, and reuses Playwright contexts across workers. A conversion of 2400 tests converted in 16 hours proves migration is feasible, and a full suite with ~2400 specs and ~200 screenshots runs in 25–27s on a MacBook; a smaller demo runs 54 tests in ~2s. Version 4 is being marked stable and the mode supports headed/headless and visual regression workflows.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:38Bridging speed and reality
- 3:22Converting libraries
- 4:23Advanced features
- 6:30Testing applications
- 8:32Vitest architecture
- 11:44Technical implementation
- 15:08SPA demonstration
- 17:54Stability and future
- 18:51Visual regression demo
- 22:52Live debugging
- 25:42Adoption and conclusion
related talks
15mVitest Browser Mode
32mTesting React apps like it’s 2026
20mVitest: testing DX reimagined
27mAnatomy of a Test Runner: What Vitest Keeps Getting Right
13mComponent Testing with Playwright for Vue
28mTesting Web Applications with Playwright
20mComponent Testing with Playwright
15mComponent Testing in 2026: The Return of the Browser