fix(@angular-devkit/build-angular): parse web-workers in tests when webWorkerTsConfig is defined

packages/angular_devkit/build_angular/BUILD.bazel

@@ -295,6 +295,7 @@ LARGE_SPECS = {
     },
     "extract-i18n": {},
     "karma": {
+        "size": "large",
         "extra_deps": [
             "@npm//karma",
             "@npm//karma-chrome-launcher",

packages/angular_devkit/build_angular/src/karma/tests/options/web-worker-tsconfig_spec.ts

@@ -0,0 +1,114 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import { execute } from '../../index';
+import { BASE_OPTIONS, KARMA_BUILDER_INFO, describeBuilder } from '../setup';
+
+describeBuilder(execute, KARMA_BUILDER_INFO, (harness) => {
+  describe('Option: "webWorkerTsConfig"', () => {
+    beforeEach(async () => {
+      await harness.writeFiles({
+        'src/tsconfig.worker.json': `
+        {
+          "extends": "../tsconfig.json",
+          "compilerOptions": {
+            "outDir": "../out-tsc/worker",
+            "lib": [
+              "es2018",
+              "webworker"
+            ],
+            "types": []
+          },
+          "include": [
+            "**/*.worker.ts",
+          ]
+        }`,
+        'src/app/app.worker.ts': `
+        /// <reference lib="webworker" />
+
+        const prefix: string = 'Data: ';
+        addEventListener('message', ({ data }) => {
+          postMessage(prefix + data);
+        });
+      `,
+        'src/app/app.component.ts': `
+        import { Component } from '@angular/core';
+
+        @Component({
+          selector: 'app-root',
+          template: ''
+        })
+        export class AppComponent {
+          worker = new Worker(new URL('./app.worker', import.meta.url));
+        }
+        `,
+        './src/app/app.component.spec.ts': `
+        import { TestBed } from '@angular/core/testing';
+        import { AppComponent } from './app.component';
+
+        describe('AppComponent', () => {
+          beforeEach(async () => {
+            await TestBed.configureTestingModule({
+              declarations: [
+                AppComponent
+              ]
+            }).compileComponents();
+          });
+
+          it('worker should be defined', () => {
+            const fixture = TestBed.createComponent(AppComponent);
+            const app = fixture.debugElement.componentInstance;
+            expect(app.worker).toBeDefined();
+          });
+        });`,
+      });
+    });
+
+    it(`should not parse web workers when "webWorkerTsConfig" is not set or set to undefined.`, async () => {
+      harness.useTarget('test', {
+        ...BASE_OPTIONS,
+        webWorkerTsConfig: undefined,
+      });
+
+      await harness.writeFile(
+        './src/app/app.component.spec.ts',
+        `
+        import { TestBed } from '@angular/core/testing';
+        import { AppComponent } from './app.component';
+
+        describe('AppComponent', () => {
+          beforeEach(async () => {
+            await TestBed.configureTestingModule({
+              declarations: [
+                AppComponent
+              ]
+            }).compileComponents();
+          });
+
+          it('worker should throw', () => {
+            expect(() => TestBed.createComponent(AppComponent))
+              .toThrowError(/Failed to construct 'Worker'/);
+          });
+        });`,
+      );
+
+      const { result } = await harness.executeOnce();
+      expect(result?.success).toBeTrue();
+    });
+
+    it(`should parse web workers when "webWorkerTsConfig" is set.`, async () => {
+      harness.useTarget('test', {
+        ...BASE_OPTIONS,
+        webWorkerTsConfig: 'src/tsconfig.worker.json',
+      });
+
+      const { result } = await harness.executeOnce();
+      expect(result?.success).toBeTrue();
+    });
+  });
+});

packages/angular_devkit/build_angular/src/webpack/configs/test.ts

@@ -64,13 +64,13 @@ export function getTestConfig(
       rules: extraRules,
       parser:
         webWorkerTsConfig === undefined
-          ? undefined
-          : {
+          ? {
               javascript: {
                 worker: false,
                 url: false,
               },
-            },
+            }
+          : undefined,
     },
     plugins: extraPlugins,
     optimization: {