Vitest/coverage-v8 - Code coverage issues related to ");"?

[aarniha]

Angular 21.x.x project with vitest 4.0.8 and coverage-v8 4.0.18.

Somehow I got multiple ); coverage issues in multiple files after running ng test. It seems because of this I am unable to get 100% on unit-test coverage. Does anyone know what kind of issue this is and/or how this can be fixed?

Some project information:

package.json:

...
  "devDependencies": {
   ...
    "@vitest/coverage-v8": "^4.0.18",
    ...
    "jsdom": "^27.1.0",
    ...
    "vitest": "^4.0.8"
  }
}

angular.json:

...
"test": {
  "builder": "@angular/build:unit-test",
  "options": {
    "setupFiles": [
      "src/test-setup.ts"
    ],
    "coverage": true,
    "runnerConfig": "vitest.config.ts"
  }
},
...

vitest.config.ts:

import { defineConfig } from 'vitest/config';

export default defineConfig({
  test: {
    setupFiles: [
      './src/test-setup.ts'
    ],
    reporters: [
      'default',
      ['junit', { outputFile: 'testresults/junit/test.xml' }]
    ],
    outputFile: {
      junit: 'testresults/junit/test.xml'
    },
    coverage: {
      enabled: true,
      provider: 'v8',
      reportsDirectory: 'testresults/coverage',
      exclude: ['**/*.html'],
      reporter: [
        ['html', { subdir: 'html' }],
        'text-summary',
        ['cobertura', { file: 'cobertura-coverage.xml' }]
      ],
      reportOnFailure: true
    }
  }
});

test-setup.ts:

import { vi } from 'vitest';

// Mock alert so jsdom tests don’t hit the real browser API (still spy-able).
window.alert = vi.fn(() => undefined);

// Lightweight matchMedia polyfill with add/remove listener support.
window.matchMedia ??= (query: string): MediaQueryList => {
  type Listener = EventListenerOrEventListenerObject;
  const listeners = new Set<Listener>();
  const add = (listener?: Listener | null) => listener && listeners.add(listener);
  const remove = (listener?: Listener | null) => listener && listeners.delete(listener);
  const notify = (mediaQueryListEvent: MediaQueryListEvent) => {
    listeners.forEach((listener) => {
      if (typeof listener === 'function') {
        listener(mediaQueryListEvent);
      } else if ('handleEvent' in listener && typeof listener.handleEvent === 'function') {
        listener.handleEvent(mediaQueryListEvent);
      }
    });
  };

  return {
    media: query,
    matches: false,
    onchange: null,
    addEventListener: (_type: string, listener: Listener) => add(listener),
    removeEventListener: (_type: string, listener: Listener) => remove(listener),
    addListener: (cb) => add(cb as Listener | null),
    removeListener: (cb) => remove(cb as Listener | null),
    dispatchEvent: (event: Event) => (notify(event as MediaQueryListEvent), true)
  };
};

[AriPerkkio]

Same issue as #9811. Root cause is on Angular side and fixed angular/angular-cli#32718.