#vitest

Ng-News 26/10
• Angular Space: ngxtension (`injectParams`, `on`)
• Signality (signal utils, VueUse-inspired)
• Vitest 4.1 fake timers: async tick mode
• Official Angular skills (`npx skills add angular/skills`)

Full episode: youtu.be/uxGi4DzkL5Q

#Angular #NgNews #Vitest

Just jumped over a few mountains to talk about future-proof testing with #Vitest

#VoxxedDaysZurich is kicking off 🍿

Code snippet of a Vitest Angular test titled “search for a cookbook.” It enables fake timers with vi.useFakeTimers(), creates a component using TestBed.createComponent(SearchForm), and then awaits fixture.whenStable(), annotated with a comment indicating a timeout issue (“⏳ test timeout 🤔”).

Your component has a 300ms debounce. How do you test it?

With real timer, you "wait long enough and hope."

With #Vitest fake timers in manual mode, time freezes — and so does #Angular's synchronization, unless...

... you read my last cookbook's recipe 😊

cookbook.marmicode.io/angular/test...

💡 What if #GitHub Copilot could configure #Vitest for your #SPFx app automatically?

Mohammed Amer shows how to reverse engineer the setup process, generate reusable prompts, & build a Copilot agent to automate unit testing configuration

📺 Watch now → youtu.be/VjukLIgE860

So good from #vitest 🔥

Vitest in Angular 21: Faster Testing Angular 21 replaces Karma with Vitest as the default testing framework. Learn why the switch improves speed, & Developer Experience

Angular testing just changed.

In this new blog, Soumaya Erradi explains how Angular 21 + Vitest deliver faster, modern testing workflows and why the ecosystem is moving beyond Karma.

Read it here 👇
https://f.mtr.cool/pkflklnhyf

#Angular #Vitest #JavaScript

I took a project that was already on the most recent versions of Vite and Vitest and upgraded it to Vite 8/Vitest 4.1 today. It all just worked on the first try. There were a couple of Vite-related plugins in the project and none of them needed updating.

Great work, Vite folks!

#vite #vitest

Vitest Next generation testing framework powered by Vite

vitest.dev/guide/browse... - #vitest browser mode uses #Playwright and others to run #tests in a real browser.

#vitest

Vitest vs. Jest 2026: The Migration Guide With Real Benchmarks

Vitest vs. Jest 2026: The Migration Guide With Real Benchmarks, by (not on Mastodon or Bluesky):

www.sitepoint.com/vitest-vs-jest-2026-migr...

#guides #migrating #vitest #jest #comparisons

#vitest

Improve the quality of your Angular component snapshots with Vitest Snapshot testing Angular components in Vitest can be noisy. Learn how to clean up your snapshots with Angular-aware serializers to get reviewable DOM snapshots. This practice can also be applied to pr...

✍️ Blogged: Improve the quality of your Angular component snapshots with Vitest

#Angular #Vitest

timdeschryver.dev/blog/improve...

Clarifying my chat with @brandonroberts: Analog is a NECESSITY for serious Angular testing.

Why?
✅ Full Vitest ecosystem (plugins/IDE support).
✅ No lock-in: Keep CLI for builds, use Analog for tests.
✅ It's the standard: Angular's Vitest move validates this path.

#Angular #Vitest

What’s New in ViteLand: January 2026 Recap Our January 2026 recap features the unified redesign across VoidZero, Vite, Vitest, Rolldown, and Oxc websites, plus updates across all projects and community highlights.

What’s New in ViteLand: January 2026 Recap, by @mannil@hachyderm.io (@voidzero.dev):

https://voidzero.dev/posts/whats-new-jan-2026

#releasenotes #vite #vitest #rolldown #oxc

Mostly I use @fast-check.dev to test TypeScript utilities used in the websites I build at work. Still contemplating how to build a monkeys on typewriters setup x #StorybookJS and #Vitest so that I can fuzz my react components.

Did you know about the new Features in #Angular 21
Here is a fast infographic you can look at, then you can read into the details through angular blog post
#angular #signals #zonless #vitest #angularAria #Aria #accessiblity #signals #signalForms #defer #templateupdaes

Professional Angular Testing Workshop | ANGULARarchitects

With the switch to #Vitest, there are many questions about modern testing in #Angular.

First, slides of my talk last week at Angular London.

For a much more intensive experience, our testing workshop goes all-in on Vitest. Happening in two weeks.

www.angulararchitects.io/en/training/...

Do you use vitest in ui mode?

npx vitest --ui

#vitest #nextjs

Why you should start using projects in Vitest configuration | How To Test Frontend Handling different configuration files for different tests in Vitest can be a pain to manage - but luckily you can use projects very easily. In this blog post I will cover how to set them up.

New blog post about vitest "project" configuration - howtotestfrontend.com/resources/vi...

If you use #Vitest and have different config files, check it out. it is much nicer.

feat(@schematics/angular): configure Vitest for new projects and libraries by clydin · Pull Request #31578 · angular/angular-cli This commit updates the application, ng-new, and library schematics to configure Vitest as the default unit testing runner, replacing Karma and Jasmine. It also introduces a testRunner option to al...

Starting with #Angular 21.0, Angular has made #Vitest its default unit test runner, replacing Jasmine and Karma.

It also introduces a testRunner option that lets users choose between vitest and karma.

For more, see this PR here - github.com/angular/angu...

Pragmatic Angular Testing Workshop | Marmicode There are two ways to keep a product stable: **never touch it — or cook up a solid testing strategy.** So… how’s yours holding up? * Refactor something and watch the tests boil over? * Maintaini...

🔥Last call! Early-bird (20% off) for Dec. 10th-12th #Angular #Testing Workshop expires tomorrow

🥘 Freshly updated menu:

⚡️ Angular 21 + #Vitest 4 + Browser Mode
🧑‍🚀 Playwright Component Testing with Testronaut
🧭 Testing Strategy and Patterns that scale
🤖 AI Tutor 🤯

marmicode.io/workshops/pr...

How Gemini 3 Pro cut our pipeline time in half | 56kode - Web Development Blog on React & TypeScript We cut our test pipeline time from 22s to 4s per file using Gemini 3 Pro. Learn how AI identified "God Modules" killing our Vitest performance and automated the architectural refactoring that saved us...

Our Vitest tests took 22s to start. Now? 4 seconds. 🚀

How Gemini 3 Pro identified "God Modules" killing our performance and automated the fix—saving us 15 min per CI run.

👉 www.56kode.com/posts/how-ge...

#Vitest #CI #react #reactjs

Angular Vitest Starter 21.0.0 - StackBlitz This is a starter to reproduce bugs or easily share Angular testing examples using Stackblitz.

In case you missed it, you can try out #Angular v21 new #Vitest with Browser Mode on #Stackblitz here:

stackblitz.com/edit/angular...

#javascript #testing

kalvn's links

Un standard pour les lib de validation TypeScript (Zod, Valibot, etc.).

L'objectif est d'avoir une spec standardisée pour que les outils interagissant avec ces schémas fonctionnent quel que soit la lib de…

🔗 https://links.kalvn.net/shaare/VkecTw

#Zod #validation #Vitest #standards #schema

Angular.Schule → Vitest in Angular 21: What's new and how to migrate? 🚀 Angular 21 introduces a significant change to unit testing: Vitest is now the default, replacing the previous standard combination of Karma and Jasmine. When creating a new project with ng new, Angu...

🅰️ #Angular 21 introduces a significant change to unit testing: #Vitest is now the default! In this article, I will show you what Vitest means for you, how to migrate existing Angular projects, and what benefits Vitest offers.

angular.schule/blog/2025-11...

🔥 Angular 21 is almost here! Rainer Hahnekamp breaks down what developers should expect from the upcoming release:

✨ Signal Forms: the undeniable star of Angular 21
🧪 Vitest as the new default: finally moving from experimental to stable

#iJS #iJSCon #Angular #Angular21 #SignalForms #Vitest

(Web) Component Testing with Vitest 4 Setting up Vitest’s Browser Mode and Visual Regression Testing to test out Admin Bar Component

Vitest + Playwright + Visual Regression Testing = ⚡️

The new browser testing features in Vitest 4 are pretty great for testing a small web component package.

wbrowar.com/article/code/web-...

#vite #vitest #WebComponents #webdev

The recording of my #CollabDaysGreece 2025 session is out! 🚀

Learn how to automate your #SPFx testing setup using #Vitest and #GitHubCopilot — all with one smart prompt. ⚙️🤖

🔗 Watch: youtu.be/QsrONRaOMRo

#SPFx #Microsoft365 #Vitest #GitHubCopilot #SharePoint #MVP #MVBBuzz #Vitest #VScode

#angular people, #vitest will be stable in V21!