无法测试是否在 Jasmine 中调用了嵌套函数

Question

我正在学习用 jasmine 编写测试用例，我正在尝试创建一个测试用例来检查函数中定义的函数是否被调用

我要测试的功能如下，sData方法写在另一个组件中，当前组件正在扩展

public rPage() {
    this.sData();
    this.setupPage()
  }

我写的测试用例如下

   it('should check if  sData is called', () => {
    const sData = spyOn<any>(component, 'sData');
    component.rPage();
    fixture.detectChanges();
    expect(sData).toHaveBeenCalled();
  });

已经在 beforeeach 中的 rpage 上创建了 spy，如下所示

 beforeEach(() => {
    fixture = TestBed.createComponent(BasicComponent);
    component = fixture.componentInstance;
    spyOn(component, 'rPage');
    fixture.detectChanges();
  });

当我运行测试时，测试用例失败说“预期的间谍 sData 已被调用。” ,我哪里出错了

Answer 1

如果要确保调用sData，则需要正确调用rPage。通过在您的 beforeEach 中添加 spyOn(component, 'rPage'); ，您实际上是在告诉您所有的测试永远不要真正运行 rPage，而只是模拟它。因此，它永远不会被真正调用，sData 真的永远不会被调用。

为了让你正确检查rPage，你不需要在测试它的测试中使用spy，或者将.and.callThrough()添加到spy到实际调用的函数中

Answer 2

您正在调用函数然后定义间谍，这就是导致问题的原因。您需要定义间谍然后调用该函数。

试试下面

  it('should check if sData is called', () => {
    const toggleSpy = spyOn<any>(component, 'sData');
    component.rPage();
    fixture.detectChanges();
    expect(toggleSpy).toHaveBeenCalled();
  });