在React Jest中未定义FormData

背风处

我正在为React项目编写单元测试代码。我正在尝试测试一种功能

//function aa
export const login = (values) => async => (dispatch) => {
  let bodyFormData = new FormData();

  bodyFormData.append('username', values.login);
  bodyFormData.append('password', values.password);
  return await axios({
   method: 'post',
   url: url,
   data: bodyFormData
  }
}

//aa test
it("Login Action", async () => {
  afterEach(() => {
    store.clearActions();
  });
  const values = {
    login: "aaaaa",
    password: "bbbbb"
  };
  const expectedResult = { type: "LOGIN_PASS" };

  const result = await store.dispatch(login(values));
  expect(result).toEqual(expectedResult);
});

在浏览器中,可以正常工作。但是当测试时,我得到以下错误

ReferenceError:未定义FormData

我尝试使用此模块但没有运气... https://www.npmjs.com/package/form-data

我不想只测试axios,我需要测试全部功能。

wentjun

您将需要FormData在单元测试中进行模拟,因为FormData在node.js / jsdom环境中Web API不可用。

function FormDataMock() {
  this.append = jest.fn();
}

global.FormData = FormDataMock

如果要在FormData全局范围内模拟其他方法

const entries = jest.fn()
global.FormData = () => ({ entries })

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Jest:TypeError:无法读取未定义的属性“ map”

来自分类Dev

ReferenceError:未定义文档Jest React测试库

来自分类Dev

未定义React中的jQuery

来自分类Dev

在React中未定义MagicValue

来自分类Dev

React中未定义的道具

来自分类Dev

React 中的函数未定义错误

来自分类Dev

React 中未定义操作负载

来自分类Dev

在 React Native 中未定义

来自分类Dev

未定义React

来自分类Dev

Axios在React中未定义,错误:Uncaught TypeError:无法读取未定义的属性“ post”

来自分类Dev

React useRef未定义

来自分类Dev

React $ Node未定义

来自分类常见问题

React无法读取if块中未定义的属性“ setState”

来自分类Dev

react-native:`this.state`在`render`中未定义

来自分类Dev

在React的onClick中传递未定义是否安全?

来自分类Dev

未定义ReactDOM(但在React方法中)

来自分类Dev

React:组件文件中未定义'p'no-undef

来自分类Dev

.env变量在React JS应用中返回未定义

来自分类Dev

通过<Route />时,react中的属性未定义

来自分类Dev

解析JSON以在React Native中建模未定义

来自分类Dev

无法在react中读取未定义的属性“ someProperty”

来自分类Dev

未定义handleChange在react中没有no-undef

来自分类Dev

无法读取React JS中未定义的属性'map'

来自分类Dev

React无法读取if块中未定义的属性“ setState”

来自分类Dev

在React前端中未定义环境变量

来自分类Dev

无法读取React中未定义的属性'preventDefault'

来自分类Dev

React Typescript useParams()在useEffect中始终返回未定义

来自分类Dev

在React的useEffect()中获取数据将返回“未定义”

来自分类Dev

在React JS中过滤数组时未定义

Related 相关文章

热门标签

归档