如何使用 Jest 模拟第三方软件包？

Question

我希望能够测试是否调用了这个Swal()函数。

它被嘲笑，但我不熟悉 Jest 嘲笑库。

这是在我的测试设置文件中：

jest.mock('sweetalert2', () => {
  return {
    Swal: () => {},
  };
});

所以我只希望它返回一个函数。

在我的组件中，Swal 是这样调用的：

doSomething = () => {
  Swal({
    title: 'Could not log in',
    text: error.message,
    type: 'error',
  });
};

我认为我的模拟需要返回一个命名方法，所以我可以监视它并检查它是否被调用。

我的测试：

import Swal from 'sweetalert2';

describe('Login Container', () => {
  it('calls Swal', () => {
    doSomething();
    var swalSpy = jest.spyOn(Swal, 'Swal');
    expect(swalSpy).toHaveBeenCalled();
  });
});

错误：

expect(jest.fn()).tohavebeencalled();

当测试失败时，我应该如何设置我的模拟和间谍

Answer 1

你可以在你的sweetalert.js模拟中返回一个模拟函数jest.fn ：

module.exports = jest.fn();

并像这样编写您的测试：

import { doSomething } from './doSomething';
import Swal from 'sweetalert';

describe('Login Container', () => {
  it('calls Swal', () => {
    expect(Swal).toHaveBeenCalledTimes(0);
    doSomething();
    expect(Swal).toHaveBeenCalledTimes(1);
  });
});

请注意，我在我的示例代码中使用的是sweetalert而不是sweetalert2 。

希望这有帮助！

Answer 2

我希望模拟工厂需要返回一个default的对象（因为 import Swal 正在导入默认模块）。 像这样的东西（demoing sweetalert v1）：

// extract mocked function
const mockAlert = jest.fn()

// export mocked function as default module
jest.mock('sweetalert', () => ({
  default: mockAlert,
}))

// import the module that you are testing AFTER mocking
import doSomethingThatAlerts from './doSomethingThatAlerts'

// test suite loosely copied from OP
describe('Login Container', () => {
  it('calls Swal', () => {
    doSomethingThatAlerts();

    // test mocked function here
    expect(mockAlert).toHaveBeenCalled();
  });
});