角度测试对话框

编程问答 2022-06-06

问题描述

我有一个打开对话框的组件。此对话框将服务注入其构造函数。我想知道如何测试对话框的打开，因为当我执行dialog.open时，它将注入服务。我会嘲笑这项服务吗？如何

解决方法

也许我可以为您提供帮助： 首先，创建父文件，然后在.ts中，st函数如下所示：

editAlarm(apn:any): void {
const dialogRef = this.dialog.open(editAlarm,{
  width: '1200px',height: '585px',data : dataGan,});

dialogRef.afterClosed().subscribe(result => {
  this.apn_service.dataAlarm().subscribe(x => {
    this.dataAlarm = x;
  });
});

}

第二步，创建文件.ts对话框并调用dataGan（值服务）以获取值，以及如何在承包商中调用您的值：

constructor(
    public apn_service: ApnDashboardService,private _snackBar: MatSnackBar,public dialogRef: MatDialogRef<editAlarm>,@Inject(MAT_DIALOG_DATA) public selected: any,) {
     console.log('dataKelseluruhan',selected);
}

您会在控制台中看到服务对话框

angularangulardialogdialogdialogserviceserviceserviceunit-testing