What is TestBed in Jasmine

Question

I am new to Jasmine with Angular 2, I am frequently working with the TestBed object when writting a Testcase and getting the error:Please call "TestBed.compileComponents" before your test.

How do I solve this error?

@Component({
  moduleId:module.id,
    selector: 'my-app',
    templateUrl: 'app-component.html',

})

Did you try calling `TestBed.compileComponents()`? `TestBed` is a mock environment to run Angular2 component tests without the browser. — Günter Zöchbauer, Oct 06 '16 at 06:11
Yes, but now it says Error: Cannot create the component AppComponent as it was not imported into the testing module! — fruitjs, Oct 06 '16 at 06:20
Did you check https://angular.io/docs/ts/latest/guide/testing.html — Günter Zöchbauer, Oct 06 '16 at 06:21

Paul Samsotha · Accepted Answer · 2021-10-12T15:38:00.110

Please call "TestBed.compileComponents" before your test

This call is required when testing components using templateUrl

Error: Cannot create the component AppComponent as it was not imported into the testing module!

You need to configure the TestBed before each test, adding any components, modules and services you need for the test. It's just like configuring an regular @NgModule from scratch, but you just add what you need.

import { async, TestBed } from '@angular/core/testing';

beforeEach(async(() => {
  TestBed.configureTestingModule({
    declarations: [ AppComponent ],
    providers: [],
    imports: []
  })
  .compileComponents();
}));

it('...', () => {
  let fixture = TestBed.createComponent(AppComponent);
});

See Also

Angular testing docs for many more complete examples.

To configure a module for the testing environment. – Paul Samsotha Oct 06 '16 at 09:00 — Paul Samsotha, Oct 06 '16 at 09:00

What is TestBed in Jasmine

1 Answers1