javascript - 如何为以下 Angular 方法编写测试用例

Question

我已经创建了一个组件来打开我的自定义类型对话框，我只想为此方法创建 Jasmine 单元测试用例。

export class OpenPopUpComponent implements OnInit {
    constructor(public dialog:NewCustomDialog) {}

    ngOnInit() {

    }

    openModel(){
        this.dialog.open(NewComponent,<NewCustomDialogConfig>{
            size: 'double',
            data: {
                title: 'New Dialog'
            }
        });
    }
}

Answer 1

您不会测试对话框本身。您需要做的是模拟 NewCustomDialog 并将其作为注入(inject)提供。

在你的规范中

beforeEach(() => {
  const spy = jasmine.createSpyObj('NewCustomDialog', ['open']);

  TestBed.configureTestingModule({
    // Provide (spy) dependency
    providers: [
      { provide: NewCustomDialog, useValue: {newCustomDialogSpy} }
    ]
  });
  // Inject both the service-to-test and its (spy) dependency
  masterService = TestBed.get(MasterService);
  valueServiceSpy = TestBed.get(ValueService);
});

然后您可以检查是否已使用参数(您期望的参数)调用了 spy 程序。