如何测试React Native组件不止一个级别?

恩比

目前,测试React Native组件的首选方法似乎是使用摩卡,react-native-mock和酶的组合来浅化渲染组件。

问题在于,浅层渲染只能深入一个级别,有时组件具有嵌套视图,需要您测试另外一两个级别。

从理论上讲,酶支持mount()完全渲染组件,但实际上这失败了,因为react-native-mock的View模拟不会递归到child中

鉴于这些限制,人们如何测试其组件的深度超过一个渲染级别?

恩比

我可以通过将组件测试从mocha切换到jest并按照此处的快照测试说明来解决此问题:https : //facebook.github.io/jest/docs/tutorial-react-native.html

然后,我在package.json的现有测试目标中添加了笑话:

"test": mocha … && jest"

需要注意的一件事是,我确实必须按照说明添加模拟,以便为原本可以开箱即用的模拟添加东西(例如TextInput),还必须使用它moduleNameMapper来映射一些本来不是的本机组件。正确解决。

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何测试React Native组件

React Native 测试组件依赖于另一个组件

如何测试React组件是否包含Tape和Enzyme的另一个组件?

React Native,从一个组件导航到另一个组件

如何在React Native中从另一个功能组件更改一个功能组件的状态?

如何在另一个组件渲染后渲染一个React Native组件?

react native - 如何将参数从一个组件传递到另一个组件?

如何从 react-native 中的另一个功能组件访问一个功能组件的状态?

React&Jest,如何测试变化的状态并检查另一个组件

react native 只能更新一个挂载或挂载的组件

创建一个自定义的 React Native 组件

如何向Firebase发送不止一个值

我如何让memetest看到不止一个核心

如何测试一个函数是否在 React 中被调用?

如何测试一个功能被称为React Jest?

React Native将一个组件插入另一个

React Native - 将数据从一个组件传递到另一个

React Native将一个组件传递给另一组件

在 React Native 中导航时,如何从另一个组件调用函数?

如何从React-Native中的另一个组件打开/关闭Drawer

如何在React Native的另一个组件中使用ref?

如何在另一个文件中获取组件的状态 react native

如何在React Native中导航到类组件中的另一个屏幕

如何从另一个文件获取React Native导航负载组件?

我如何在React Native中从另一个组件调用函数?

如何在react-native中为不同的api调用显示一个组件。?

如何在 React Native 的另一个组件中使用 API 获取状态

React Native-Jest.mock必须是一个内联函数。使用“ withNavigation”的故障测试组件

无法使用 React Native 将值从一个组件传递到另一个组件