fix(@schematics/angular): align Karma project generation with unified unit-test builder

Updates the application and ng-new schematics to correctly configure Karma-based projects.

- The test target in the generated angular.json now uses the `@angular/build:unit-test` builder.
- The builder options are simplified to only include runner: 'karma', as other settings are now handled by the unified builder.
- Corresponding schematic tests have been updated to reflect these changes.

Author: clydin

packages/schematics/angular/application/index.ts

@@ -396,13 +396,9 @@ function addAppToWorkspaceFile(options: ApplicationOptions, appDir: string): Rul
                 options: {},
               }
             : {
-                builder: Builders.BuildKarma,
+                builder: Builders.BuildUnitTest,
                 options: {
-                  polyfills: options.zoneless ? undefined : ['zone.js', 'zone.js/testing'],
-                  tsConfig: `${projectRoot}tsconfig.spec.json`,
-                  inlineStyleLanguage,
-                  assets: [{ 'glob': '**/*', 'input': `${projectRoot}public` }],
-                  styles: [`${sourceRoot}/styles.${options.style}`],
+                  runner: 'karma',
                 },
               },
     },

packages/schematics/angular/application/index_spec.ts

@@ -448,10 +448,11 @@ describe('Application Schematic', () => {
       const config = JSON.parse(tree.readContent('/angular.json'));
       const prj = config.projects.foo;
       const testOpt = prj.architect.test;
-      expect(testOpt.builder).toEqual('@angular/build:karma');
-      expect(testOpt.options.tsConfig).toEqual('tsconfig.spec.json');
-      expect(testOpt.options.assets).toEqual([{ glob: '**/*', input: 'public' }]);
-      expect(testOpt.options.styles).toEqual(['src/styles.css']);
+      expect(testOpt.builder).toEqual('@angular/build:unit-test');
+      expect(testOpt.options.runner).toEqual('karma');
+      expect(testOpt.options.tsConfig).toBeUndefined();
+      expect(testOpt.options.assets).toBeUndefined();
+      expect(testOpt.options.styles).toBeUndefined();
     });
 
     it('should set the relative tsconfig paths', async () => {

packages/schematics/angular/ng-new/index_spec.ts

@@ -169,7 +169,8 @@ describe('Ng New Schematic', () => {
         },
       },
     } = JSON.parse(tree.readContent('/bar/angular.json'));
-    expect(test.builder).toBe('@angular/build:karma');
+    expect(test.builder).toBe('@angular/build:unit-test');
+    expect(test.options).toEqual({ runner: 'karma' });
 
     const { devDependencies } = JSON.parse(tree.readContent('/bar/package.json'));
     expect(devDependencies['karma']).toBeDefined();

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

@@ -48,5 +48,5 @@ export default async function () {
       `,
   });
 
-  await ng('test', '--watch=false', '--karma-config=karma.conf.bis.js');
+  await ng('test', '--watch=false', '--runner-config=karma.conf.bis.js');
 }

tests/legacy-cli/e2e/tests/test/test-code-coverage-exclude.ts

@@ -4,17 +4,12 @@ import { expectToFail } from '../../utils/utils';
 
 export default async function () {
   // This test is already in build-angular, but that doesn't run on Windows.
-  await silentNg('test', '--no-watch', '--code-coverage');
+  await silentNg('test', '--no-watch', '--coverage');
   await expectFileToExist('coverage/test-project/app.ts.html');
   // Delete coverage directory
   await rimraf('coverage');
 
-  await silentNg(
-    'test',
-    '--no-watch',
-    '--code-coverage',
-    `--code-coverage-exclude='src/**/app.ts'`,
-  );
+  await silentNg('test', '--no-watch', '--coverage', `--coverage-exclude='src/**/app.ts'`);
 
   // Doesn't include excluded.
   await expectFileToExist('coverage/test-project/index.html');

tests/legacy-cli/e2e/utils/project.ts

@@ -191,7 +191,7 @@ export async function useCIChrome(projectName: string, projectDir = ''): Promise
   return updateJsonFile('angular.json', (workspaceJson) => {
     const project = workspaceJson.projects[projectName];
     const appTargets = project.targets || project.architect;
-    appTargets.test.options.browsers = 'ChromeHeadlessNoSandbox';
+    appTargets.test.options.browsers = ['ChromeHeadlessNoSandbox'];
   });
 }