Как создать макет Jest с помощью Promise? - PullRequest
1 голос
/ 24 мая 2019

Я пытаюсь смоделировать модуль axios путем создания этой функции Promise

// __mocks__/axios.js
export default function axios() {
  return new Promise((resolve) => {
    resolve({ data: {} });
  });
}

Но когда я пытаюсь вызвать его внутри моего *.test.js, я получаю эту ошибку

<PortalUploadForm /> › Submit Data correctly

expect(jest.fn())[.not].toHaveBeenCalledTimes()

Matcher error: received value must be a mock or spy function

Received has type:  function
Received has value: [Function axios]

Received has type:  function
    Received has value: [Function axios]

      87 |     await wait(() => {
      88 |       // mockAxios.mockResponse({ data: { ...uploadPortalResult } });
    > 89 |       expect(mockAxios).toHaveBeenCalledTimes(1);
         |                         ^
      90 |       expect(nameInput.value).toEqual(null);
      91 |     });
      92 |   });

Так, как я могу сделать функцию фиктивного обещания, используя jest.fn ()?

Спасибо!

1 Ответ

3 голосов
/ 26 мая 2019

Похоже, вы пытаетесь смоделировать экспорт по умолчанию для axios в качестве фиктивной функции, которая возвращает разрешенную Promise.

В этом случае вы можете создать свой макет для axios какэто:

__ mocks __ / axios.js

export default jest.fn(() => Promise.resolve({ data: {} }));

... и вы можете использовать его в таком тесте:

import axios from 'axios';

const func = () => axios();

test('func', async () => {
  const promise = func();
  expect(axios).toHaveBeenCalledTimes(1);  // Success!
  await expect(promise).resolves.toEqual({ data: {} });  // Success!
})
...