chore: install Vitest V4

brandonroberts · brandonroberts · commit 1dc6ee38a285 · 2026-02-05T19:07:54.000-06:00
diff --git a/apps/docs-app/docs/features/testing/vitest.md b/apps/docs-app/docs/features/testing/vitest.md
@@ -58,6 +58,8 @@ ng g @analogjs/vitest-angular:setup --project [your-project-name] --browserMode
 
 This automatically installs Playwright dependencies and configures Vitest for browser testing. See [Setup for Running Tests in the Browser](#setup-for-running-tests-in-the-browser) for more details.
 
+If using browser mode, run `npx playwright install` after the schematic to ensure playwright is installed and configured.
+
 Next, go to [running tests](#running-tests)
 
 ## Manual Installation
diff --git a/packages/vitest-angular-tools/src/schematics/setup/index.spec.ts b/packages/vitest-angular-tools/src/schematics/setup/index.spec.ts
@@ -69,7 +69,7 @@ describe('setup schematic', () => {
       '@analogjs/vite-plugin-angular': '^2.2.3',
       jsdom: '^22.0.0',
       vite: '^7.0.0',
-      vitest: '^3.0.0',
+      vitest: '^4.0.0',
       'vite-tsconfig-paths': '^4.2.0',
     });
   });
diff --git a/packages/vitest-angular-tools/src/schematics/utils/dependencies.ts b/packages/vitest-angular-tools/src/schematics/utils/dependencies.ts
@@ -7,7 +7,6 @@ import {
   VITE,
   VITE_TSCONFIG_PATHS,
   VITEST_BROWSER_PLAYWRIGHT,
-  VITEST_V3,
   VITEST_V4,
 } from './versions';
 
@@ -25,12 +24,10 @@ export function getDevDependencies(
     throw new SchematicsException('Angular v17.0.0 or newer is required.');
   }
 
-  const vitestVersion = lt(escapedVersion, '21.0.0') ? VITEST_V3 : VITEST_V4;
-
   const deps: Record<string, string> = {
     '@analogjs/vite-plugin-angular': ANALOG_JS_VITE_PLUGIN_ANGULAR,
     vite: VITE,
-    vitest: vitestVersion,
+    vitest: VITEST_V4,
     'vite-tsconfig-paths': VITE_TSCONFIG_PATHS,
   };
 
diff --git a/packages/vitest-angular-tools/src/schematics/utils/versions.ts b/packages/vitest-angular-tools/src/schematics/utils/versions.ts
@@ -3,7 +3,6 @@ export const ANALOG_JS_VITE_PLUGIN_ANGULAR = '^2.2.3';
 export const JSDOM = '^22.0.0';
 export const VITE_TSCONFIG_PATHS = '^4.2.0';
 export const VITE = '^7.0.0';
-export const VITEST_V3 = '^3.0.0';
 export const VITEST_V4 = '^4.0.0';
 
 // Browser mode dependencies
diff --git a/packages/vitest-angular/README.md b/packages/vitest-angular/README.md
@@ -41,13 +41,7 @@ yarn install @analogjs/vitest-angular vitest --dev
 
 A schematic can be used to setup Vitest in an existing Angular project:
 
-Install the `@analogjs/vitest-angular` package:
-
-```sh
-npm i @analogjs/vitest-angular --save-dev
-```
-
-Next, run the schematic to set up the Vite config, test configuration files, and update the test configuration.
+Run the schematic to set up the Vite config, test configuration files, and update the test configuration.
 
 ```sh
 npx ng generate @analogjs/vitest-angular:setup --project [your-project-name]
@@ -68,6 +62,8 @@ ng g @analogjs/vitest-angular:setup --project [your-project-name] --browserMode
 
 This automatically installs Playwright dependencies and configures Vitest for browser testing. See [Setup for Running Tests in the Browser](#setup-for-running-tests-in-the-browser) for more details.
 
+If using browser mode, run `npx playwright install` after the schematic to ensure playwright is installed and configured.
+
 ## Manual Setup
 
 Vitest can be setup manually also using the steps below.
