javascript - 如何测试 Angular Material 对话框？

Question

我有一个我正在尝试测试的自定义对话框组件类。特别是我的关闭功能是这个

  close(): void {
    this.dialogRef.close();
  }

dialogRef 被注入(inject)到类构造函数中，如下所示

 constructor(public dialogRef: MatDialogRef<CustomDialogComponent>,
              @Inject(MAT_DIALOG_DATA) public data: any) {
  }

所以我的问题是，如何在我的规范测试文件中模拟 dialogRef 并测试其关闭功能？

我的项目使用 Angular 5 和 Angular Material 5。

Answer 1

假设您要询问使用对话框而不是对话框本身的测试组件，在您的测试用例中，添加

providers: [
     { provide: MAT_DIALOG_DATA, useValue: {} },
     { provide: MatDialogRef, useValue: {} }
 ]

那应该提供必要的依赖。