feat(angular): generate vitest unit test runner by default

[leosvelperez]

• Use Vitest as the default unit test runner for Angular v21
• Generate Vitest setup using the @angular/build:unit-test builder when using the application executor or the library's ng-packagr executors
• Add an @nx/angular:unit-test executor to allow providing some extra options and whitelist the usage of relevant Nx executors

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Updated (UTC)
nx-dev	Ready	Preview	Nov 21, 2025 4:17pm

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 986ea1e

Command	Status	Duration	Result
nx affected --targets=lint,test,test-kt,build,e...	❌ Failed	10m 39s	View ↗
nx run-many -t check-imports check-lock-files c...	✅ Succeeded	2m 55s	View ↗
nx-cloud record -- nx-cloud conformance:check	✅ Succeeded	12s	View ↗
nx-cloud record -- nx format:check	✅ Succeeded	4s	View ↗
nx-cloud record -- nx sync:check	✅ Succeeded	<1s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-11-21 17:19:14 UTC

[nx-cloud]

Important

A new CI pipeline execution was requested that may update the conclusion below...

Nx Cloud is proposing a fix for your failed CI:

We added @angular/platform-browser-dynamic as a dependency when configuring Vitest for Angular 21+ projects. This fixes the Cypress component test failures that occurred because Cypress's Angular support requires @angular/platform-browser-dynamic/testing, which was not being installed in the new Vitest configuration path. This change mirrors the approach used in Jest configuration and ensures compatibility with all Angular testing tools.

We could not verify this fix.

diff --git a/packages/angular/src/generators/utils/add-vitest.ts b/packages/angular/src/generators/utils/add-vitest.ts
index 74f681b114..4e63d9f629 100644
--- a/packages/angular/src/generators/utils/add-vitest.ts
+++ b/packages/angular/src/generators/utils/add-vitest.ts
@@ -79,7 +79,11 @@ async function configureAngularUnitTestBuilderTarget(
 
     addDependenciesToPackageJson(
       tree,
-      {},
+      {
+        // @angular/platform-browser-dynamic is required for Cypress component testing
+        // and other testing tools that depend on Angular's dynamic testing utilities
+        '@angular/platform-browser-dynamic': pkgVersions.angularVersion,
+      },
       {
         '@angular/build': angularDevkitVersion,
         jsdom: pkgVersions.jsdomVersion,

  

Or Apply changes locally with:

npx nx-cloud apply-locally vLLI-cxL0

Apply fix locally with your editor ↗   View interactive diff ↗

_{🎓 Learn more about Self-Healing CI on nx.dev}