Angular 21 marks a significant shift in its testing strategy by introducing Vitest as the default testing framework, replacing Jasmine and resolving years of uncertainty regarding the optimal testing solution for developers. Vitest was selected over Jest mainly due to its superior browser mode compatibility, offering developers smoother migration paths from the traditional Jasmine/Karma setup.
The adoption of Vitest aligns Angular with the broader JavaScript ecosystem, thanks to its Vite foundation, and reflects a growing trend towards using modern, powerful tools for better development practices. This change also brings along the stable implementation of Angular’s zoneless mode, prompting the phasing out of legacy utilities like <code>fakeAsync()</code> and <code>waitForAsync()</code>. Instead, developers are encouraged to use fake timers, a feature offered by both Vitest and Jest, for more efficient asynchronous testing.
In addition to Vitest, Angular 21 introduces Testronaut, a community-driven Playwright Component Testing runner. Testronaut empowers developers to conduct full browser-based component tests and notably does not require Vite compilation, thus streamlining the testing process further. This addition complements Angular’s comprehensive toolset, equipping developers with robust testing capabilities that are both modern and efficient.
These pivotal changes in Angular’s testing framework not only enhance its integration with the broader JavaScript development ecosystem but also pave the way for potential future enhancements, such as improving content projection functionality. Discussions spearheaded by Angular’s tech lead hint at possible advancements in this domain, ensuring that Angular remains at the forefront of web development technology.

Collections

Angular 21 replaces Jasmine with Vitest as the default testing framework, chosen for its browser mode compatibility and alignment with the modern JavaScript ecosystem. The update includes stable zoneless mode implementation, deprecating legacy utilities like fakeAsync() in favor of fake timers. Additionally, Angular introduces Testronaut, a Playwright-based component testing runner that enables full browser testing without requiring Vite compilation. These changes modernize Angular's testing capabilities and improve integration with the broader JavaScript development ecosystem.

Angular 21: A New Era of Testing with Vitest and Testronaut