Vitest

The example of a test that tests an element is consistent between code changes. The code includes `expect(element).toMatchScreenshot('hero-secion')`

Built-in Visual Regression testing comes to Vitest in the next major release! Thank you, @macarie.blue for working on this feature 👏

main.vitest.dev/guide/browse...

Exciting early success with component testing for @react.dev server components (RSC) in @vitest.dev by @kasperpeulen.bsky.social!

github.com/kasperpeulen...

The screenshot from NPM showing that @vitest/browser package has 1,165,859 weekly downloads.

Vitest Browser Mode reached almost 1.2 million weekly downloads 😮

Last time I checked it was 200k 🫣

🎉 Excited to see @analogjs.org for @angular.dev pass 50K weekly downloads and still climbing!

The @vite.dev , @vitest.dev, and @nitro.build ecosystems are still growing 🚀

Highly recommend checking out @vitest.dev' Browser Mode. Not only did the setup get simpler, but to my surprise, tests got also roughly twice as fast. I only needed to rewrite one bad test suite (out of hundreds) and change the way I import MSW. Absolutely magical stuff 🪄

Wow!! @vitest.dev Browser mode is GOATED!! I moved all my test suite from playwright test to vitest browser, and things became a helluva lot simpler.

Requirements:
- Interactive draggability test
- Cross browser testing

Thread 👇

Frontend test coverage with Storybook 9 Stories give you free test coverage

Our latest post walks through how to use the coverage reporting in Storybook 9 to be sure your components are well-tested.

Anyone knows of any good Vitest monorepo examples?

@vitest.dev is awesome. Did you know you can even mock methods that don't exist?? I called them "Ghost Methods" in this post.

Reposting because my personal site was broken but I have fixed it!

Wow, love @vitest.dev is preventing me from merging PR with test.only on CI. No configuration. It just keeps me safe.

neon-testing A Vitest utility for automated integration tests with Neon. Latest version: 1.0.1, last published: 6 minutes ago. Start using neon-testing in your project by running `npm i neon-testing`. There are no...

I just launched a new NPM package - a @vitest.dev utility for automated integration tests with Neon! It's really sweet. Check it out.

www.npmjs.com/package/neon...

I’ve made Sveltest a thing 🫣

sveltest.dev

This is documentation for getting started using vitest-browser-svelte in your projects

I’m currently going through the docs sveltest.dev/docs/getting-started comparing with what me and my team are doing “real-world” and validating

Contributions welcome

Screenshot of https://vitest.dev/guide/coverage.html#v8-provider contents. Describes the differences between Istanbul and V8 coverage providers.

We've added new coverage provider comparison page on Vitest documentation. This guide describes the lower level differences between Istanbul and V8. It should help users choosing which provider to use. vitest.dev/guide/covera...

Storybook 9 is here!

▶️ Interaction tests
♿ Accessibility tests
👁️ Visual tests
🛡️ Coverage reports
🚥 Test widget
🪶 48% Leaner
✍️ Story generation
🏷️ Tag-based organization
🌐 Story globals
🏗️ Major updates for Svelte, Next.js, React Native, and more!

Let’s dive in!

🤯 each @vitest.dev release is spot-on on pain points.

The low latency between the pain points appearing in the community and the solution landing in Vitest is outstanding

AST based V8 code coverage is finally here! I thought of this feature first time over 2 years ago, but knew it would require so much work that I couldn't finish it by working on Vitest just on weekends. Ever since @stackblitz.com hired me to work on Vitest I knew I could finish features like this.

Release v3.2.0 · vitest-dev/vitest 🚀 Features Provide ctx.signal  -  by @sheremet-va in #7878 (e761f) Support custom colors for test.name  -  by @AriPerkkio in #7809 (4af5d) Add vi.mockObject to automock any object  -  by @hi-og...

The full changelog is available at github.com/vitest-dev/v...

Vitest 3.2 logo

Vitest 3.2 is out!

- New Annotations API
- Scoped Fixtures
- Custom Browser Locators API
- Test Signal
- Better V8 Coverage Result

And many more features!

vitest.dev/blog/vitest-...

YouTube video by Svelte Society Component Testing with Storybook, Svelte, and Vitest — Svelte Summit Spring 2025

The next talk from Svelte Summit Spring 2025 by @reinhold.is is also related to testing — Strike the Perfect Balance: Component Testing with Storybook, Svelte, and Vitest.
youtu.be/mdyRQDDp28s

Release v1.17.0 · analogjs/analog 1.17.0 (2025-05-28) Bug Fixes nx-plugin: improve application template for Angular CLI workspaces (#1747) (f9b6033) nx-plugin: install @nx/angular package for preset (#1746) (3369b75) nx-plugin: ke...

🔥 The latest release of @analogjs.org for @angular.dev is out!

✅ Angular v20 support
⚡Stable @vitest.dev support across multiple versions of Angular
🤖 Improved support for generating new Analog apps with @nx.dev

github.com/analogjs/ana...

YouTube video by Svelte Society Testing, 1 2 3 4, Dominik G. — Svelte Summit Spring 2025

In today's released talk from Svelte Summit Spring 2025 @dominikg.dev talks extensively about testing your Svelte applications with Vitest and Playwright — Testing, 1 2 3 4.
www.youtube.com/watch?v=ljmU...

After watching, make sure to check out @scottspence.dev blog post about this. bsky.app/profile/scot...

He not only applied the patterns i showed in my talk but also expanded and improved on them, with feedback from @erus.dev too.

A great testament of collaboration in our communities.

Announcing Angular v20 The past couple of years have been transformative for Angular, as we’ve unleashed major advancements like reactivity with Signals and the…

Angular v20 is now available! ✨

Check out the blog post for more info about the cool features and be sure to tune into the v20 developer event premiering tomorrow, May 29 at 9 AM Pacific

goo.gle/angular-v20-...

Testing preact apps in the browser made easy. Jovi did some excellent work on this!

At Preact we love real-browser testing, our whole test suite ran in karma for the last few years. Recently we switched over to @vitest.dev and we absolutely love it, we love it so much that we published vitest-browser-preact.

It's a library that contains tools to test Preact in vitest browser mode.

I migrated from @testing-library/svelte to vitest-browser-svelte and blogged about it: scottspence.com/posts/migrat...

📺 Webinar: Behind the scenes of Storybook Test

Learn how the maintainers of Vitest + Storybook built a new workflow for running interaction, visual, and a11y tests—in a real browser, with instant feedback, right inside Storybook.

👇 Register below

I think that `expect.poll` is one of my favorite @vitest.dev features

⏰ Less fake timers mess
💾 Useful for Wide tests, waiting for DBs to "settle"
🏁 Wait for UI to be stable
🪄 ... you name it

What's your favorite Vitest feature?

(🎁 @playwright.dev has the same API 👯)

#testing #javascript

Storybook's onboarding messages informing Vitest packages installation. The instructions include pun "Let me cover this for you" while installing code coverage packages.

Onboarding on new @storybook.js.org projects is just perfect. So nice to have testing setup *covered* out-of-the-box. 🤝