Bug: MockRender throws an error on mat-tab about ng-mocks HOT 2 OPEN

@GITOrion8112

Error message hints that CommonModule is not available in your test case setup. Try adding missing imports.

beforeEach(async () => {
  return MockBuilder(AppComponent)
    .keep(RouterOutlet)
    .keep(CommonModule)
    .keep(MatTabsModule)
});

from ng-mocks.

I tried what you suggested, doesn't fix the problem. Sorry that's not it.

You don't have to import CommonModule in any other Component Tests, and it's definitely imported into the Component being tested. I have used many of the Material Components in my application, not all of them, and so far I have only come across this problem is when a Mat Tab is used in a Component.

This problem did not occur in version 16 of Angular. It appeared with Angular 17.

When I upgraded to Angular 17 I also upgraded my version of ng-mocks to the latest.

import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { MatTabsModule } from '@angular/material/tabs';

@component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet,
CommonModule,
MatTabsModule],
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent {

}

from ng-mocks.