SpyOn，一个被嘲弄的玩笑模块，没有正确地监视

Question

我有一个简单的服务，我需要使用jest对单元进行测试：

代码的关键是：

 domtoimage.toBlob(node, {filter: filter})
    .then(function (blob) {
      FileSaver.saveAs(blob, fileName);
 });

我已经编写了这样的单元测试模块：

import FileSaver from "file-saver";
import domtoimage from "dom-to-image";


jest.mock('dom-to-image', () => {
  return {
    toBlob: (arg)=>{
      let promise = new Promise((resolve, reject) => {
        resolve('myblob')
      });
      return promise;
    }
  }
});
jest.mock('file-saver', ()=>{
  return {
    saveAs: (blob, filename) =>{
      return filename;
    }
  }
});

在我的测试中，我设置了下面的间谍

const spy = jest.spyOn(FileSaver, 'saveAs');

并调用我的测试函数。

但是，expect语句：expect(spy).toBeCalled()返回false：

expect(jest.fn()).toBeCalled()

但是，在webstorm中，当我调试单元测试时，我可以清楚地看到正在调用我模拟的函数(在函数内部到达断点)。

我遗漏了什么？

Answer 1

因此，对于你们中那些想知道一些事情的人来说，similar...my问题(正如我所怀疑的)是domtoimage.toBlob(node, {filter: filter}).then()的承诺。

从本质上讲，这个承诺是在我的期望值被调用之后解决的。

为了解决这个问题，我把我的expect放在一个setTimeout后面，从而迫使它在承诺被解决后触发。

 DownloadImage('x', 'name');
  //small timeout to resolve the promise inside downldimage function
  setTimeout(()=>{
    expect(FileSaver.saveAs).toHaveBeenCalledWith('myblob', fileName);
    done();
  }, 100);

Answer 2

建议1

也许spyOn和模块模拟不能很好地结合在一起。您可以尝试直接在模块模拟中使用jest.fn()，如下所示

jest.mock('file-saver', ()=>{
  return {
    saveAs: jest.fn((blob, filename) => {
      return filename;
    })
  }
});

然后

expect(FileSaver.saveAs).toBeCalled()

记住在测试之间调用jest.clearAllMocks()或类似的。

建议2我对jest.mock以意外的方式处理jest模块缓存有问题，特别是在处理单例导入时。也许你有这个问题。如果file-saver和dom-to-image在导入时没有任何状态初始化或副作用，您应该能够将jest.mock替换为您需要模拟的函数的重写。

beforeEach(() => {
  FileSaver.saveAs = jest.fn(...);
  domtoimage.toBlob = jest.fn(...);
})