Karma tests with modal problem

Hi jimsgroup,

If you are getting this error it means that you forgot to import MDBBootstrapModule into your app.component.spec.ts file. Remember, that Karma does not use the same modules as your app. It uses different modules and because of that, you have to import to your spec files every dependency used in your app.

So first thing you need to do is to add this line to your tsconfig.spec.json file:

"include": [
    "../node_modules/ng-mdb-pro/index.ts", // <-- this line
    "**/*.spec.ts",
    "**/*.d.ts"
  ]

Next, add this to your app.component.spec.ts file:

import { MDBBootstrapModules } from 'ng-mdb-pro';
import { NO_ERRORS_SCHEMA } from '@angular/core';

Then make the similar block of code look like this:

describe('AppComponent', () => {

beforeEach(async(() => {

TestBed.configureTestingModule({

imports: [

MDBBootstrapModules.forRoot() // <-- this line is important

],

declarations: [

AppComponent

],

schemas: [

NO_ERRORS_SCHEMA // <-- this line is also important

]

}).compileComponents();

}));

it('should create the app', async(() => {

constfixture=TestBed.createComponent(AppComponent);

constapp=fixture.debugElement.componentInstance;

expect(app).toBeTruthy();

}));

});

Now run npm test again and see if it helps.

Best regards,
Sebastian