Angular 如何测试 MatDialog 功能 - 打开和关闭

Question

我正在尝试测试 MatDialog 的打开和关闭功能。我正在尝试的任何东西都无法测试打开功能或关闭功能。我如何模拟并实际测试它？如果我在我的代码中这样做，我将在“关闭”函数上收到 spyOn 的此错误：“类型为“关闭”的参数不可分配给类型为“keyof MatDialog”的参数”TS：

//... imports etc.
dialogRef:MatDialogRef<DialogComponent>

constructor(public dialogService:MatDialog){}

public test(){
this.openProgressDialog();
//http request
this.closeProgressDialog();
}

public openProgressDialog(){
this.dialogRef=this.dialogService.open(DialogComponent,{
  disableClose:true,
  height:'150px',
  width:'400px'
});
}

public closeProgressDialog(){
  this.dialogRef.close();
}

spec.ts：

//... imports
describe("TestComponent",()=>{
   beforeEach(async () => {
   await TestBed.configureTestingModule({
   imports:[appModule,MatDialogModule],
   providers:[DialogComponent],
}).compileComponents();
 
  fixture=TestBed.createComponent(TestComponent);
  component=fixture.componentInstance;
  fixture.detectChanges();
})

test("should test", ()=>{
  spyOn(component.dialogService,'open').and.call.Through(); // the problem is at this two lines
  spyOn(component.dialogService,'close').and.call.Through(); 
  component.test();
  //expect ... (just for example)
})

Answer 1

我相信你有一个额外的点

test("should test", ()=>{
  spyOn(component.dialogService,'open').and.callThrough(); 
  spyOn(component.dialogService,'close').and.callThrough();
 
  component.test();
  
  expect(component.dialogService.open).toHaveBeenCalled();
  expect(component.dialogService.close).toHaveBeenCalled();
})