Javascript 角坐标下剑道格网的测试

我正试图让我的业力测试在一个全新的角度项目中与剑道网格一起工作。此组件的规格如下所示

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { RateTableProviderService } from "../_services/rate-table-provider.service";
import { RateTableComponent } from './rate-table.component';
import { Observable } from 'rxjs/Rx';
import { Response, ResponseOptions } from "@angular/http";
import { IRateTableListViewModel } from "./models/IRateTableListViewModel";
import { GridModule } from '@progress/kendo-angular-grid';


describe('RateTableComponent', () => {
  let component: RateTableComponent;
  let fixture: ComponentFixture<RateTableComponent>;
  let observableSource = [
        {
          id: "3482cd2f-16f8-4d62-8d5d-d761de35e737",
          name: "Rate table 1",
          enabled: false,
          effectiveDate: new Date(),
          creditTierSetName: "",
          loanProducts: ""
        },
        {
          id: "3482cd2f-16f8-4d62-8d5d-d761de35e739",
          name: "Another rate table",
          enabled: false,
          effectiveDate: new Date(),
          creditTierSetName: "",
          loanProducts: ""
        }
      ];

  class MockRateTableProviderService extends RateTableProviderService {
    constructor() {
      super(null);
    }
    getRateTableData(): Observable<Array<IRateTableListViewModel>> {
      return Observable.from([observableSource]);
    }
  }
  beforeEach(async(() => {
    let mockRateTableProviderService = new MockRateTableProviderService();
    TestBed.configureTestingModule({
      declarations: [RateTableComponent],
      providers: [
        { provide: RateTableProviderService, useValue: mockRateTableProviderService }
      ],
      imports: [GridModule]
    })
      .compileComponents();
  }));

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

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

在Chrome上运行测试时，一切正常。我怀疑在正确设置测试台时，我没有管理异步导入。如果我完全拔出剑道，那么测试就完成了。我尝试在每次之前作为

的一部分传入一个
done
调用，但这也不起作用

beforeEach(async((done) => {
    let mockRateTableProviderService = new MockRateTableProviderService();
    TestBed.configureTestingModule({
      declarations: [RateTableComponent],
      providers: [
        { provide: RateTableProviderService, useValue: mockRateTableProviderService }
      ],
      imports: [GridModule]
    })
      .compileComponents().then(done);
  }));

您是否尝试过在
.compileComponents（）
的解析中定义您的装置和组件，因为这将异步执行以及测试床的设置

`.compileComponents.()
.then(() => {
    fixture = TestBed.createComponent(RateTableComponent);
    component = fixture.componentInstance;
});`

请尝试在每个前添加一秒钟，如下所示：

beforeEach(async(() => {
    let mockRateTableProviderService = new MockRateTableProviderService();
    TestBed.configureTestingModule({
      declarations: [RateTableComponent],
      providers: [
        { provide: RateTableProviderService, useValue: mockRateTableProviderService }
      ],
      imports: [GridModule]
    })
      .compileComponents().then(done);
 }));


beforeEach(() => {
  done();
}));

不像我的男主角西蒙斯回答的那样优雅，但应该做到这一点
我也犯了同样的错误！这里也有同样的错误，找到解决方法了吗？
beforeEach(async(() => {
    let mockRateTableProviderService = new MockRateTableProviderService();
    TestBed.configureTestingModule({
      declarations: [RateTableComponent],
      providers: [
        { provide: RateTableProviderService, useValue: mockRateTableProviderService }
      ],
      imports: [GridModule]
    })
      .compileComponents().then(done);
 }));


beforeEach(() => {
  done();
}));