title: Angular 6 + Universal Karma testing importing modules
body: <h2>Problem</h2>
  
  <p>I'm currently trying to test my Angular 6 application with Karma, and I keep bumping into errors like the following: </p>
  
  <pre><code>Can't bind to 'ngModel' since it isn't a known property of 'mat-select'.
  </code></pre>
  
  <p>When I import it in this single component it does work, but then in another component I have to import it again..</p>
  
  <p>Example of one of the test files now with the imports: </p>
  
  <pre><code>import { async, ComponentFixture, TestBed } from '@angular/core/testing';
  
  import { AdminOverviewComponent } from './admin-overview.component';
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  import { MatFormFieldModule, MatTableModule, MatSelectModule } from '@angular/material';
  
  describe('AdminOverviewComponent', () =&gt; {
    let component: AdminOverviewComponent;
    let fixture: ComponentFixture&lt;AdminOverviewComponent&gt;;
  
    beforeEach(async(() =&gt; {
      TestBed.configureTestingModule({
        declarations: [ AdminOverviewComponent ],
        imports: [FormsModule, ReactiveFormsModule, MatFormFieldModule, MatTableModule, MatSelectModule]
      })
      .compileComponents();
    }));
  
    beforeEach(() =&gt; {
      fixture = TestBed.createComponent(AdminOverviewComponent);
      component = fixture.componentInstance;
      fixture.detectChanges();
    });
  
    it('should create', () =&gt; {
      expect(component).toBeTruthy();
    });
  });
  </code></pre>
  
  <p>Is there a possibility to import all the modules I declared in my app.module.ts into all the modules Karma is generating?</p>
  
  <p>Thank you.</p>