使用jest模拟node-fetch，为mocking创建响应对象

pprl5pva 于 2023-11-15 发布在 Jest

关注(0)|答案(1)|浏览(155)

我试图创建响应对象的嘲笑与jest，我似乎不能得到正确的语法。
你好，

jest.mock('node-fetch')
const fetch = require('node-fetch')
const { Response, Headers } = jest.requireActual('node-fetch')

// Example adapted from https://fetch.spec.whatwg.org/#example-headers-class
const meta = {
  'Content-Type': 'application/json',
  'Accept': '*/*',
  'Breaking-Bad': '<3'
}
// You can in fact use any iterable objects, like a Map or even another Headers
const headers = new Headers(meta)
const copyOfHeaders = new Headers(headers)

const ResponseInit = {
  status: 200,
  statusText: 'fail',
  headers: headers
}

字符串
通过一个基本的测试

test('Basic Test', async () => {
    const token = ''
    const getDocList = new Response(JSON.stringify(downloadDocumentData), ResponseInit)
    fetch.mockResolvedValueOnce(Promise.resolve(getDocList))
    await module.doSomething('mock', token)
      .then( async(res) => {
        await expect(res.data).toEqual(Object)
      })
  }, 5000)

型
我得到一个错误，

FetchError {
        message:
         'invalid json response body at  reason: Unexpected token H in JSON at position 2',
        type: 'invalid-json' }

型
我如何初始化一个有效的json响应，我已经尝试了很多不同的东西。
在https://jestjs.io/docs/en/bypassing-module-mocks的文章之后，我想返回并测试json。

jestjs

来源：https://stackoverflow.com/questions/58648691/mocking-node-fetch-with-jest-creating-a-response-object-for-mocking

1条答案

按热度按时间

55ooxyrt1#

我们应该使用jest.mock（moduleName，factory，options）来模拟node-fetch模块和fetch函数。
为了构造fetch函数的响应对象，需要使用node-fetch模块提供的Response类，因此使用jest.requireActual（moduleName）来获取原始的、未模拟的node-fetch模块和Response类。
当然，我们可以任意构造响应对象，但是Response类的示例确实接近于真实的响应。
headers对象也是如此。
下面是一个工作demo：
index.js：

const fetch = require('node-fetch');

module.exports = {
  async doSomething(url, token) {
    return fetch(url).then(res => res.json());
  }
};

字符串
index.spec.js：

jest.mock('node-fetch');

const fetch = require('node-fetch');
const { Response, Headers } = jest.requireActual('node-fetch');
const mod = require('./');

const meta = {
  'Content-Type': 'application/json',
  Accept: '*/*',
  'Breaking-Bad': '<3'
};
const headers = new Headers(meta);
const copyOfHeaders = new Headers(headers);

const ResponseInit = {
  status: 200,
  statusText: 'fail',
  headers: headers
};

test('Basic Test', async () => {
  const token = '';
  const downloadDocumentData = { data: {} };
  const getDocList = new Response(
    JSON.stringify(downloadDocumentData),
    ResponseInit
  );
  fetch.mockResolvedValueOnce(Promise.resolve(getDocList));
  const res = await mod.doSomething('mock', token);
  expect(res).toEqual({ data: {} });
  expect(fetch).toBeCalledWith('mock');
});

型
单元测试结果：

PASS  src/stackoverflow/58648691/index.spec.js
  ✓ Basic Test (5ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        2.557s

型
源代码：https://github.com/mrdulin/jest-codelab/tree/master/src/stackoverflow/58648691

赞(0）回复(0）举报 2023-11-15

我来回答

使用jest模拟node-fetch，为mocking创建响应对象

1条答案

相关问题

热门标签

最新问答