sinon.spy 在导入的函数上返回 false，即使该函数被调用也是如此

Question

我有一个从另一个文件导入的函数：

import { getMenu } from '../utils/request';

然后我有一个调用我要测试的函数的方法（我想测试该方法是否真的调用了这个函数）：

it('handleDateChange should call getMenu when NOT passed state date', ()=> {
    const dashboard = shallow(<Dashboard/>);
    const today = new Date();
    var spy = sinon.spy(getMenu);
    dashboard.setState({ selectedDate: 'blah' });
    dashboard.instance().handleDateChange(today);
    expect(spy.called).toBe(true);
  });

有趣的是，我从getMenu方法中获得了一些控制台输出，所以我知道该方法已被调用。

但是间谍调用仍然返回错误。

我做错了什么？

Answer 1

问题是你不能用 sinon 模拟模块中的东西，这对导入此模块的其他地方有任何影响。因此，您只监视测试中导入的函数。使用jest时的解决方案是模拟模块并将其导入测试中。

import { getMenu } from '../utils/request';
jest.mock('../utils/request', () => ({getMenu: jest.fn()}))
it('handleDateChange should call getMenu when NOT passed state date', ()=> {
    const dashboard = shallow(<Dashboard/>);
    const today = new Date();
    dashboard.setState({ selectedDate: 'blah' });
    dashboard.instance().handleDateChange(today);
    expect(getMenu).toHaveBeenCalled();
});

因此，首先我们导入模块，然后模拟它，以便getMenu是一个开玩笑的间谍。请注意，当测试运行时，所有导入内容发生之前都会调用所有jest.mock调用，因此在您的测试和要测试的模块中，request模块只是与getMenu哪个是间谍。通过在测试中导入模块，您还可以测试它是否被调用。