Angular 6 + Universal Karma 测试导入模块

Question

问题

我目前正在尝试使用 Karma 测试我的 Angular 6 应用程序，但我不断遇到如下错误：

Can't bind to 'ngModel' since it isn't a known property of 'mat-select'.

当我在这个单个组件中导入它时它确实有效，但是在另一个组件中我必须再次导入它..

现在带有导入的测试文件之一的示例：

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', () => {
  let component: AdminOverviewComponent;
  let fixture: ComponentFixture<AdminOverviewComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ AdminOverviewComponent ],
      imports: [FormsModule, ReactiveFormsModule, MatFormFieldModule, MatTableModule, MatSelectModule]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(AdminOverviewComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

是否有可能将我在 app.module.ts 中声明的所有模块导入 Karma 生成的所有模块？

谢谢你。

Answer 1

每个测试spec文件应该相互独立。因此，您必须重新配置每个测试spec文件中的所有内容（组件测试所需的内容）。

据我所知，没有这样的全局配置来导入模块、声明组件等。

在你的情况下，你必须这样做，

imports : [FormsModule]在所有规范ngModel使用