Angular: How to mock MatDialogRef while testing

Question

I have a DialogComponent that has the following constructor where Dialog is a custom object:

constructor(
    public dialogRef: MatDialogRef

        

Answer 1

I solved it by changing the component constructor to:

constructor(
  public dialogRef: MatDialogRef,
  @Inject(MAT_DIALOG_DATA) public data: Dialog | any
)

The providers in the TestBed were:

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