如何在玩笑中監視導出和模擬的功能

Question

我正在嘗試模擬一個模塊（該模塊具有導出的功能[並且也對此進行了模擬]）。

我想監視導出的函數，以檢查它是否被調用了。

這是我的代碼...

import { addNewPaymentMethod } from '../src/service'

jest.mock('../src/service', () => ({
  addNewPaymentMethod : (paymentMethodInfoModel) => {
    let responseFromApi = {responseStatus:{name:'blah'}};
    return Promise.resolve(responseFromApi);
  }
}))

import { createNewPaymentMethod } from '../src/actions/paymentMethod'

test('test expect', () => {
  createNewPaymentMethod({owNickName:'nName',id:22})();

  //this is the bit I don't know how to do
  //...
  jest.spyOn(addNewPaymentMethod);
  expect(addNewPaymentMethod).toBeCalledWith({some:object});
});

Answer 1

您可以使用jest.fn（）定義模擬。 mockResolvedValue（值）

jest.mock('../src/service', () => ({
  addNewPaymentMethod : jest.fn().mockResolvedValue({
    responseStatus: {
      name:'blah'
    }
  })
}))

然后因為它是一個jest.fn（），所以不需要spyOn :)，但是請注意，由於它是異步的（使用promises），因此您必須先鏈接到該方法（並使用return）：

it('should have been called with data', () => {
  const data = {};
  return service.methodWhichCallsDependencysaddNewPaymentMethod(data).then(() => {
    return expect(addNewPaymentMethod).toHaveBeenCalledWith(data);
  });
});

或使用異步/等待：

it('should have been called with data', async () => {
  const data = {};
  await service.methodWhichCallsDependencysaddNewPaymentMethod(data);
  expect(addNewPaymentMethod).toHaveBeenCalledWith(data);
});

我已經建立了一個有效的例子