From 1c2200833703176f3d735a78d8f80b3945a22418 Mon Sep 17 00:00:00 2001
From: Charles Lyding <19598772+clydin@users.noreply.github.com>
Date: Wed, 6 May 2026 11:44:38 -0400
Subject: [PATCH] test(@angular/build): add E2E test for Vitest custom browser
 configuration

Add an E2E test to verify that the Vitest runner respects the browser configuration defined in `vitest-base.config.ts` when no CLI overrides are present. This ensures that custom configurations, such as specific browser providers or endpoints, are preserved when users rely solely on the configuration file.
---
 .../e2e/tests/vitest/browser-custom-config.ts | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 tests/e2e/tests/vitest/browser-custom-config.ts

diff --git a/tests/e2e/tests/vitest/browser-custom-config.ts b/tests/e2e/tests/vitest/browser-custom-config.ts
new file mode 100644
index 000000000000..a523f421853f
--- /dev/null
+++ b/tests/e2e/tests/vitest/browser-custom-config.ts
@@ -0,0 +1,54 @@
+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';
+
+export default async function (): Promise<void> {
+  await applyVitestBuilder();
+  await installPackage('playwright@1');
+  await installPackage('@vitest/browser-playwright@4');
+  await ng('generate', 'component', 'my-comp');
+
+  // Create vitest-base.config.ts
+  await writeFile(
+    'vitest-base.config.ts',
+    `
+      import { defineConfig } from 'vitest/config';
+      import { playwright } from '@vitest/browser-playwright';
+
+      export default defineConfig({
+        test: {
+          browser: {
+            enabled: true,
+            provider: playwright({launchOptions: {executablePath: process.env['CHROME_BIN']}}),
+            instances: [
+              { browser: 'chromium' },
+            ],
+            headless: true,
+          },
+        },
+      });
+    `,
+  );
+
+  // Create a spec file that asserts browser environment
+  await writeFile(
+    'src/browser.spec.ts',
+    `
+      describe('Browser Environment Check', () => {
+        it('should be running in Chromium', () => {
+          const ua = navigator.userAgent;
+          // Fail the test if it's not Chrome/Chromium
+          if (!ua.includes('Chrome') && !ua.includes('Chromium')) {
+            throw new Error('Expected to be running in Chrome/Chromium, but User Agent is: ' + ua);
+          }
+        });
+      });
+    `,
+  );
+
+  const { stdout } = await ng('test', '--no-watch', '--runner-config');
+
+  assert.match(stdout, /3 passed/, 'Expected 3 tests to pass.');
+}