为什么如果我创建了一个模拟我仍然会出错？

Question

我正在做测试，我在那个测试中做了一个测试，我为一个假函数创建了一个模拟

jest.mock('@/services/myService', ()=>({getAvailables: jest.fn().mockReturnValue()}))

该功能正在我的组件中运行

 onMounted(async () => {
        const answer = await getAvailables1()
        const answer = await getAvailables2()
        const answer = await getAvailables3()

但我仍然收到此错误

(node:81921) UnhandledPromiseRejectionWarning: TypeError: (0 , _ContractService.getAvailables1) 不是函数 （节点：81921）UnhandledPromiseRejectionWarning：未处理的承诺拒绝。此错误源于在没有 catch 块的情况下抛出异步函数内部，或拒绝未使用 .catch() 处理的承诺。要在未处理的 Promise 拒绝时终止节点进程，请使用 CLI 标志

如果我先这样放 getAvailables2

 onMounted(async () => {
            const answer = await getAvailables2()
            const answer = await getAvailables1()

我收到此错误 (node:81921) UnhandledPromiseRejectionWarning: TypeError: (0 , _ContractService.getAvailables2) 不是函数

如果我这样放第一个 getAvailables3

 onMounted(async () => {
            const answer = await getAvailables3()
            const answer = await getAvailables2()

我收到此错误 (node:81921) UnhandledPromiseRejectionWarning: TypeError: (0 , _ContractService.getAvailables3) 不是函数

我也尝试使用mockResolvedValue，但不起作用

export const getAvailables = async () => {
  let response
  let error
  try {
    response = await getData()
  } catch (err) {
    error = err
    throw err
  }
  return { response, error }
}

Answer 1

看起来你想要一个mock partial：

jest.mock('@/services/myService', () => {
  const originalModule = jest.requireActual('@/services/myService');

  return {
    __esModule: true,
    ...originalModule,
    getAvailables1: () => Promise.resolve({ foo: 'bar' }),
    getAvailables2: () => Promise.resolve({ foo: 'baz' }),
    getAvailables3: () => Promise.resolve({ foo: 'bad' }),
    /* any other method of your service that gets called */
  };
});

这将模拟模拟中提供的功能，而服务的其余部分将像原来一样运行。

Answer 2

getAvailables() 是始终返回承诺的异步函数。

因此，为了模拟该函数，您需要返回模拟 promise 的成功或拒绝值。

以下是模拟返回成功承诺的函数的示例。

jest.mock('@/services/myService', () => ({
   getAvailables: jest.fn().mockResolvedValue(true)
}))