unit-testing - 在 Ionic 2 中，如何让 ViewChild 在单元测试期间不为空？

Question

我正在为我的 ionic 2 应用程序编写单元测试，并且我有一个如下所示的 @ViewChild 调用：

  <ion-slides #slides (ionSlideDidChange)="onSlideChanged()" pager>

在我的 slides.ts 我有这个：

@ViewChild(Slides) slides: Slides;

这在运行服务器时工作正常，并且幻灯片效果很好，但是当我尝试编写单元测试时，幻灯片是未定义的。当然，这会破坏其他一切。

我的单元测试设置如下所示：

beforeEach(async(() => TestUtils.beforeEachCompiler([HomePage]).then(compiled => {
  fixture = compiled.fixture;
  component = compiled.instance;
  component.ngOnInit();
})));

it('should have a defined component', () => {
  // The next line is where it starts throwing the errors.
  fixture.detectChanges();
  expect(component).toBeDefined();
});

我该怎么做才能在单元测试中正确定义我的 @ViewChild？