test: use esbuild-based karma builder for e2e tests in esbuild suite

Updated the E2E tests to use the esbuild-based karma builder when running the esbuild test suite.

(cherry picked from commit 0599580)

Author: alan-agius4

tests/legacy-cli/e2e/tests/misc/karma-error-paths.ts

@@ -10,8 +10,8 @@ export default async function () {
 
   // prepare global scripts test files
   await writeMultipleFiles({
-    'src/string-script.js': `stringScriptGlobal = 'string-scripts.js';`,
-    'src/input-script.js': `inputScriptGlobal = 'input-scripts.js';`,
+    'src/string-script.js': `globalThis.stringScriptGlobal = 'string-scripts.js';`,
+    'src/input-script.js': `globalThis.inputScriptGlobal = 'input-scripts.js';`,
     'src/typings.d.ts': `
       declare var stringScriptGlobal: any;
       declare var inputScriptGlobal: any;

tests/legacy-cli/e2e/tests/test/test-scripts.ts

@@ -1,11 +1,19 @@
+import assert from 'node:assert';
+import { getGlobalVariable } from '../../utils/env';
 import { writeFile } from '../../utils/fs';
 import { ng } from '../../utils/process';
+import { assertIsError } from '../../utils/utils';
 
 export default async function () {
+  if (getGlobalVariable('argv')['esbuild']) {
+    // TODO: enable once this is fixed when using the esbuild builder.
+    return;
+  }
+
   await writeFile(
     'src/app/app.component.spec.ts',
     `
-      it('show fail', () => {
+      it('should fail', () => {
         expect(undefined).toBeTruthy();
       });
     `,
@@ -16,18 +24,17 @@ export default async function () {
     await ng('test', '--no-watch', '--source-map');
     throw new Error('ng test should have failed.');
   } catch (error) {
-    if (!(error instanceof Error && error.message.includes('app.component.spec.ts'))) {
-      throw error;
-    }
+    assertIsError(error);
+    assert.match(error.message, /src\/app\/app\.component\.spec\.ts/);
+    assert.doesNotMatch(error.message, /_karma_webpack_/);
   }
 
   // when sourcemaps are 'off' the stacktrace won't point to the spec.ts file.
   try {
     await ng('test', '--no-watch', '--no-source-map');
     throw new Error('ng test should have failed.');
   } catch (error) {
-    if (!(error instanceof Error && error.message.includes('main.js'))) {
-      throw error;
-    }
+    assertIsError(error);
+    assert.match(error.message, /main\.js/);
   }
 }

tests/legacy-cli/e2e/tests/test/test-sourcemap.ts

@@ -192,6 +192,9 @@ export async function useCIChrome(projectName: string, projectDir = ''): Promise
     const project = workspaceJson.projects[projectName];
     const appTargets = project.targets || project.architect;
     appTargets.test.options.browsers = 'ChromeHeadlessNoSandbox';
+    appTargets.test.options.builderMode = getGlobalVariable('argv')['esbuild']
+      ? 'application'
+      : 'browser';
   });
 }