test: improve vitest e2e test stability and performance

- Use Chrome binary from `rules_browsers` for Playwright in Vitest browser tests for hermetic testing and avoids re-downloads of chrome.
- Batch `ng generate` commands in e2e tests to improve performance.
- Remove now redundant chromium install commands from e2e tests.

(cherry picked from commit f72e8da)

Author: alan-agius4

tests/legacy-cli/e2e/tests/vitest/browser-no-globals.ts

@@ -1,7 +1,7 @@
 import assert from 'node:assert/strict';
 import { writeFile } from '../../utils/fs';
 import { installPackage } from '../../utils/packages';
-import { exec, ng } from '../../utils/process';
+import { ng } from '../../utils/process';
 import { applyVitestBuilder } from '../../utils/vitest';
 
 /**
@@ -14,8 +14,6 @@ export default async function (): Promise<void> {
   await installPackage('playwright@1');
   await installPackage('@vitest/browser-playwright@4');
 
-  await exec('npx', 'playwright', 'install', 'chromium', '--only-shell');
-
   await writeFile(
     'src/app/app.spec.ts',
     `

tests/legacy-cli/e2e/tests/vitest/browser-playwright.ts

@@ -1,15 +1,13 @@
 import assert from 'node:assert/strict';
 import { applyVitestBuilder } from '../../utils/vitest';
-import { exec, ng } from '../../utils/process';
+import { ng } from '../../utils/process';
 import { installPackage } from '../../utils/packages';
 import { writeFile } from '../../utils/fs';
 
 export default async function (): Promise<void> {
   await applyVitestBuilder();
   await installPackage('playwright@1');
   await installPackage('@vitest/browser-playwright@4');
-  await exec('npx', 'playwright', 'install', 'chromium', '--only-shell');
-
   await ng('generate', 'component', 'my-comp');
 
   await writeFile(

tests/legacy-cli/e2e/tests/vitest/larger-project-coverage.ts

@@ -2,7 +2,6 @@ import { ng } from '../../utils/process';
 import { applyVitestBuilder } from '../../utils/vitest';
 import assert from 'node:assert';
 import { installPackage } from '../../utils/packages';
-import { exec } from '../../utils/process';
 import { updateJsonFile } from '../../utils/project';
 import { readFile } from '../../utils/fs';
 
@@ -27,33 +26,7 @@ export default async function () {
 
   const artifactCount = 100;
   const initialTestCount = 1;
-  const generatedFiles: string[] = [];
-
-  // Generate a mix of components, services, and pipes
-  for (let i = 0; i < artifactCount; i++) {
-    const type = i % 3;
-    const name = `test-artifact${i}`;
-    let generateType;
-    let fileSuffix;
-
-    switch (type) {
-      case 0:
-        generateType = 'component';
-        fileSuffix = '.ts';
-        break;
-      case 1:
-        generateType = 'service';
-        fileSuffix = '.ts';
-        break;
-      default:
-        generateType = 'pipe';
-        fileSuffix = '-pipe.ts';
-        break;
-    }
-
-    await ng('generate', generateType, name, '--skip-tests=false');
-    generatedFiles.push(`${name}${fileSuffix}`);
-  }
+  const generatedFiles = await generateArtifactsInBatches(artifactCount);
 
   const totalTests = initialTestCount + artifactCount;
   const expectedMessage = new RegExp(`${totalTests} passed`);
@@ -78,7 +51,6 @@ export default async function () {
   // Setup for browser mode
   await installPackage('playwright@1');
   await installPackage('@vitest/browser-playwright@4');
-  await exec('npx', 'playwright', 'install', 'chromium', '--only-shell');
 
   // Run tests in browser mode with coverage
   const { stdout: browserStdout } = await ng(
@@ -102,3 +74,42 @@ export default async function () {
     assert.ok(found, `Expected ${file} to be in the browser coverage report.`);
   }
 }
+
+async function generateArtifactsInBatches(artifactCount: number): Promise<string[]> {
+  const BATCH_SIZE = 5;
+  const generatedFiles: string[] = [];
+  let commands: Promise<any>[] = [];
+
+  for (let i = 0; i < artifactCount; i++) {
+    const type = i % 3;
+    const name = `test-artifact-${i}`;
+
+    let generateType: string;
+    let fileSuffix: string;
+
+    switch (type) {
+      case 0:
+        generateType = 'component';
+        fileSuffix = '.ts';
+        break;
+      case 1:
+        generateType = 'service';
+        fileSuffix = '.ts';
+        break;
+      default:
+        generateType = 'pipe';
+        fileSuffix = '-pipe.ts';
+        break;
+    }
+
+    commands.push(ng('generate', generateType, name, '--skip-tests=false'));
+    generatedFiles.push(`${name}${fileSuffix}`);
+
+    if (commands.length === BATCH_SIZE || i === artifactCount - 1) {
+      await Promise.all(commands);
+      commands = [];
+    }
+  }
+
+  return generatedFiles;
+}