如何测试尝试打开以组件作为内容的 NgBootstrap 模式的服务

Question

我有一个简单的服务，它注入NgbModal并在发生请求错误时尝试以编程方式打开模式：

handleError = (error): Observable<any> => {
  const modalRef = this.modalService.open(ChangeError);
  return Observable.throw(error);
};

当我尝试测试包含此方法的服务时，实例化失败，消息Error: No component factory found for NgbModalBackdrop. Did you add it to @NgModule.entryComponents?。但是，它是在模块的@NgModule元数据中定义的：

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    NgbModal
  ],
  declarations: [
    FirstComponent,
    SecondComponent
  ],
  exports: [],
  providers: [],
  entryComponents: [
    ChangeError, 
    NgbModalBackdrop
  ]
})
export class MyModule {  }

非常感谢任何

解决此问题的想法。在浏览器中运行时，代码执行而不生成异常，但无法实际打开模态。

Answer 1

通过将作为参数传递TestBed.configureTestingModule的配置对象的成员从imports: [NgbModal, ...]更改为imports: [NgbModule.forRoot(), ...] imports解决了此问题

以前：

TestBed.configureTestingModule({
  imports: [NgbModal, ...]
  ...
}

后：

TestBed.configureTestingModule({
  imports: [NgbModule.forRoot(), ...]
  ...
}

看起来有点笨拙，但有效。