我有简单的服务,我需要使用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(spy).toBeCalled()
返回false:
expect(jest.fn()).toBeCalled()
然而,在webstorm中,当我调试单元测试时,我可以清楚地看到我的模拟函数被调用(在函数内部达到了断点)。
我缺少什么?
答案 0 :(得分:4)
建议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(...);
})
答案 1 :(得分:1)
所以对于那些想要类似的东西......我的问题(我怀疑)是domtoimage.toBlob(node, {filter: filter}).then()
为了解决这个问题,我将expect
放在了setTimeout后面,因此在解析了promise之后强制它被激活。
DownloadImage('x', 'name');
//small timeout to resolve the promise inside downldimage function
setTimeout(()=>{
expect(FileSaver.saveAs).toHaveBeenCalledWith('myblob', fileName);
done();
}, 100);