JEST TypeError：无法读取未定义的属性“json”

llmtgqce 于 11个月前发布在 Jest

关注(0)|答案(2)|浏览(133)

我在这里绝望地寻求帮助。我试图用Jest测试一个函数，但我被一件事卡住了。当我试图模拟fetch请求时，我得到了这个错误：

TypeError: Cannot read property 'json' of undefined

字符串
我想测试的函数是这样的：

export const updateUI = async () => {
  const res = await fetch('/sentiment');
  console.log(res);
  
  try {
    console.log(res.data);
    const allData = await res.json();
    console.log(allData);
    document.getElementById("polarity").innerHTML = allData.polarity;
    document.getElementById("polarityConfidence").innerHTML = allData.polarity_confidence;
    document.getElementById("subjectivity").innerHTML = allData.polarity;
    document.getElementById("subjectivityConfidence").innerHTML = allData.polarity_confidence;
        
    return allData;
    } catch (error) {
      console.log('error');
    }
};

型
我想做的测试是：

import "regenerator-runtime/runtime";
import "core-js/stable";
import "fetch-mock";

const fetchMock = require('fetch-mock');
fetchMock.config.sendAsJson = true;  //I've tried with and without this part and I get the same error

import updateUI from './updateUI';
import { isIterable } from "core-js";

describe('updateUI', () => {
  it('can fetch', async () => {
    fetchMock.get('/sentiment', {polarity: 'polarity', polarity_confidence: 'polarity confidence', subjectivity: 'subjectivity', subjectivity_confidence: 'subjectivity confidence'});
    const res = await updateUI('/sentiment');
    const allData = await res.json();

    expect(allData.polarity).toEqual('polarity');
    expect(allData.polarity_confidence).toEqual('polarity confidence');
    expect(allData.subjectivity).toEqual('subjectivity');
    expect(allData.subjectivity_confidence).toEqual('subjectivity confidence');
    });
});

型
我真的不知道该怎么办。为什么它不会得到json对象？是因为我的updateUI函数在函数的try{}部分调用了json对象吗？如果是这样，我该如何测试它？

jestjs

来源：https://stackoverflow.com/questions/60548618/jest-typeerror-cannot-read-property-json-of-undefined

2条答案

按热度按时间

u0njafvf1#

我看到两个问题

在你的测试中，你传递了像这样的字符串const res = await updateUI('/sentiment');，这并不重要，因为updateUI不接受任何参数。
在下一行中，你正在执行res.json()，这将不起作用，因为从你的实际方法中，你只返回响应。在你的测试中，你不需要执行.json()。这就是你得到undefined的原因，因为没有json函数。

赞(0）回复(0）举报 11个月前

pw136qt22#

这就是我如何做到的。更多信息可以在codegrepper上找到
确保Promise.resolve使用得当，并且模拟数据和API数据具有相同的格式。

const mockFetchUserData = (data) => {
  return global.fetch = jest.fn().mockImplementation(() => 
    Promise.resolve({
      json: () => data
    })
  )
}

it('Display empty list of users', async () => {
// Data can be empty array or array of data  
await mockFetchUserData([])

  await act(async () =>
    render(
      <Router>
        <User />
      </Router>
    )
  })
  const findSearchButtonText = screen.getByText('Search') // is search button rendered
  expect(findSearchButtonText.type).toBe('submit') // is type submit
}

字符串

赞(0）回复(0）举报 11个月前

我来回答

JEST TypeError：无法读取未定义的属性“json”

2条答案

相关问题

热门标签

最新问答