如何在 Angular 8 中使用 jasmine 模拟回调函数来测试承诺

Question

我有一个函数返回一个承诺并调用另一个函数，该函数将回调作为参数，但我无法弄清楚如何模拟回调函数或调用它的函数。

我试图模拟的函数是来自我正在注入的服务的“listenOnAMessageWithCallBack”，我还想模拟它调用的回调函数。

我的实现：

  async getUsername(): Promise<string> {
    return await new Promise<string>((resolve, reject) => {
      try {
        this.electronController.sendMessage('userName');
        let cb = (event, username) =>{
          this.username = username;
          let user = this.stripDomain(this.username);
          resolve(user);
        };
        this.electronController.listenOnAMessageWithCallBack('catchUser', cb); 
      } catch (err) {
        reject(err);
      }
    })
  }

我的测试如下：

  it('testing function with callback', async() => {
    const stripDomain = spyOn(service, 'stripDomain').and.callFake(()=>{
      service.username = service.username.split('\\').reverse()[0];
      return service.username;
    });
    let cb = (event, username)=>{Promise.resolve('username')}
    spyOn(electronController, 'listenOnAMessageWithCallBack').withArgs('message').and.callFake(()=>{});
    let username = await service.getUsername();
    expect(username).toBe('username');
    expect(stripDomain).toHaveBeenCalledTimes(1);
  });

运行测试时出现以下错误： Spy 'listenOnAMessageWithCallBack' 收到带有参数 [ 'catchUser', Function ] 的调用，但所有配置的策略都指定其他参数。

如何模拟回调函数及其调用函数？

提前致谢。

Answer 1

您收到该错误消息是因为您使用 配置了listenOnAMessageWithCallBack间谍.withArgs('message')，因此只有在使用参数调用该方法时，才会使用您的间谍来代替该方法'message'。但是，在您的服务代码中，该方法是使用'catchUser'回调函数调用的，而不是使用'message'，因此您的间谍永远不会被调用。如果删除该.withArgs('message')条件，则无论传递给实际方法的参数如何，都将调用您的间谍。

一旦你开始工作并且你的间谍被调用，那么在间谍的callFake函数中，你可以获取传递到服务代码中的方法的回调：

spyOn(electronController, 'listenOnAMessageWithCallBack').and.callFake(
  (msg, cb) => {
    expect(msg).toBe('catchUser');
    expect(typeof cb).toBe('function');

    // cb here is the cb being passed into listenOnAMessageWithCallBack in your service
    // code, so you need to invoke it here yourself or the promise won't get resolved
    cb('mockEvent', 'mockUsername');
  }
);

您无法真正模拟回调，因为它是服务中的本地变量，但由于您可以获取它并在测试中手动调用它，因此您应该能够测试其效果。

不过，您需要准确地弄清楚您期望代码做什么，因为该回调设置service.username为传递给它的用户名，但看起来在您的测试中您试图监视service.stripDomain并设置该设置service.username。所以看来您需要准确确定您要在这里测试的内容。

这是一个 stackblitz，显示了callFake工作原理并让您可以访问回调函数。