test: install vitest and webdriverio packages together in e2e tests

Author: alan-agius4

tests/e2e/tests/vitest/browser-webdriverio.ts

@@ -1,14 +1,13 @@
 import assert from 'node:assert/strict';
 import { applyVitestBuilder } from '../../utils/vitest';
 import { ng } from '../../utils/process';
-import { installPackage } from '../../utils/packages';
 import { writeFile } from '../../utils/fs';
 import { updateJsonFile } from '../../utils/project';
 
 export default async function (): Promise<void> {
-  await applyVitestBuilder();
-  await installPackage('webdriverio@9');
-  await installPackage('@vitest/browser-webdriverio@4');
+  await applyVitestBuilder({
+    webdriver: true,
+  });
 
   await ng('generate', 'component', 'my-comp');
 

tests/e2e/utils/vitest.ts

@@ -1,11 +1,20 @@
-import { installPackage } from './packages';
+import { installWorkspacePackages } from './packages';
 import { updateJsonFile } from './project';
 
 /** Updates the `test` builder in the current workspace to use Vitest. */
-export async function applyVitestBuilder(): Promise<void> {
+export async function applyVitestBuilder(options?: { webdriver?: boolean }): Promise<void> {
   // These deps matches the deps in `@schematics/angular`
-  await installPackage('vitest@^4.0.8');
-  await installPackage('jsdom@^27.1.0');
+  await updateJsonFile('package.json', (json) => {
+    json.devDependencies['vitest'] = '^4.0.8';
+    json.devDependencies['jsdom'] = '^27.1.0';
+
+    if (options?.webdriver) {
+      json.devDependencies['webdriverio'] = '^9.0.0';
+      json.devDependencies['@vitest/browser-webdriverio'] = '^4.0.8';
+    }
+  });
+
+  await installWorkspacePackages();
 
   await updateJsonFile('angular.json', (json) => {
     const projects = Object.values(json['projects']);