Vitest 4.0 — Browser mode stable, visual regression and Playwright traces

Key update

Vitest 4.0 (released Oct 22, 2025) promotes Browser Mode out of experimental, adds built‑in visual regression testing, first‑class Playwright trace support, improved locator APIs and type‑aware lifecycle hooks, plus new assertion helpers (including schema‑matching). Browser providers are now separate packages (eg. Playwright, WebDriverIO, Preview), reporters and some defaults changed, and there are a few breaking changes that the project documents in a migration guide.

Why it matters

This is a practical, non‑cosmetic release for front‑end engineers. Stabilizing Browser Mode and bundling visual regression into the test runner lets teams consolidate unit, component and basic visual tests under a single, fast workflow rather than juggling separate tools or bespoke harnesses. Playwright trace integration and improved debugging (editor "Debug Test" for browser runs) make reproducing CI failures and triaging flaky UI tests far easier, because traces and screenshots are exposed directly in reporters. Type‑aware hooks and schema matchers improve TypeScript ergonomics in complex test setups, reducing boilerplate and runtime type-assertion pain.

Operational impact is concrete: CI pipelines can collect richer artifacts (traces/screenshots) without custom adapters; teams should review reporter changes and browser provider packaging since configuration and dependency lists will need updates; expect a short migration effort for larger monorepos or custom reporters. For most teams using Vite/Vitest, this release lowers friction for reliable UI testing and speeds the inner development loop, especially for component‑centric frameworks.

Source

• Source