如何用笑话模拟回调函数

我正在尝试用笑话来模拟自定义函数，但我遇到了问题。

这是我的功能：

export const resizeImage = (file, fileName, callback) => {
  const MAX_WIDTH = avatarImage.maxWidth;
  const MAX_HEIGHT = avatarImage.maxHeight;
  const img = document.createElement('img');
  img.src = window.URL.createObjectURL(file);
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');

  img.onload = () => {
    const sizes = internalResizeImage(img, MAX_WIDTH, MAX_HEIGHT);

    canvas.width = sizes.width;
    canvas.height = sizes.height;
    ctx.drawImage(img, 0, 0, sizes.width, sizes.height);
    return callback(dataURItoFile(canvas.toDataURL(), fileName));
  };
};

我这样调用：

resizeImage(acceptedFiles[0], this.props.user.id, (res) => {
  //dostuff
});

在我的测试中，我这样嘲笑它：

let mockResizeImage = jest.fn();

jest.mock('../../utilities/imageUtils', () => ({
  resizeImage: () => mockResizeImage
}));

我希望 mockResizeImage 成为回调，然后在我的测试中更改返回值：

it('should call handleDrop and accept files', () => {
    //mockResizeImage.mockReturnValue('something');

    const instance = shallow(mockComponent()).instance();
    const acceptFilesMock = ['test'];

    instance.handleDrop(acceptFilesMock);

    expect(clickSpy).toHaveBeenCalledTimes(1);
  });

如果这是一个承诺，那一切都很好，但这是一个回调，我不知道我做错了什么。

Thanks.

您可以使用一个函数来模拟一个模块，该函数接受与原始函数相同的参数，并立即调用回调：

jest.mock('../../utilities/imageUtils', () => ({
  resizeImage: (file, fileName, callback) => callback('someData')
}));

顺便提一句。由于以下方式，您在问题中模拟模块的方式无法工作jest.mock作品。即使你写在let语句，当编译测试时它将被提升到文件的顶部。因此，用间谍模拟该函数的最佳方法如下所示：

import {resizeImage} from '../../utilities/imageUtils'

jest.mock('../../utilities/imageUtils', () => ({
  resizeImage: jest.fn((file, fileName, callback) => callback('someData'))
}));

现在您的行为与上面相同，但您也可以测试一下resizeImage使用正确的参数调用。

由于您的最后一个参数是一个函数，因此您可以使用以下方法测试前两个参数mock.calls http://facebook.github.io/jest/docs/mock-function-api.html#mockfnmockcalls:

expect(resizeImage.mock.calls[0][0]).toBe('firstParameter')
expect(resizeImage.mock.calls[0][1]).toBe('secondParameter')

或者使用时对最后一个参数使用通配符toBeCalledWith using expect.anything() http://facebook.github.io/jest/docs/expect.html#expectanything:

expect(resizeImage).toBeCalledWith('firstParameter', 'secondParameter', expect.anything());