angular-cli tests fail after creating shared module

Question

I've simply added a shared module with a SharedComponent in it and used that component in the main app component:

<acs-shared></acs-shared>

All that component does is display 'Hello, world!' using a property on the component:

<h1>Hello, {{name}}!</h1>

This all works fine when running the project with npm start, but now running npm test fails, so does $(npm bin)/karma start ./karma.conf.js. The first failure is that it can't create the component because it doesn't recognize the 'acs-shared' element. Is there something special that needs to be done to test components that use other components or modules?

Chrome 54.0.2840 (Windows 10 0.0.0) App: AngularCliStarter should create the app FAILED
    'acs-shared' is not a known element:

The project is available on github: https://github.com/JasonGoemaat/angular-cli-starter

Answer 1

You need to import the SharedModule into the TestBed configuration. What you're doing with the TestBed is like configuring an @NgModule from scratch for the test environment

TestBed.configureTestingModule({
  imports: [ SharedModule ],
  declarations: [
    AppComponent
  ],
  providers: []
});