如何测试多个级别的React Native组件？

Question

现在测试React Native组件的首选方法似乎是使用mocha,react-native-mock和酶与浅渲染组件的组合.

问题是浅层渲染只有一层深度,有时组件具有嵌套视图,需要您测试一个或两个额外的级别.

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

鉴于这些限制,人们如何测试他们的组件比一个渲染级别更深？

Answer 1

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

\n\n

然后我将 jest 添加到 package.json 中现有的测试目标中：

\n\n

"test": mocha \xe2\x80\xa6 && jest"

\n\n

需要注意的一件事是，我确实必须按照说明为我期望开箱即用的东西添加模拟（例如TextInput），以及使用moduleNameMapper映射一些原本不存在的本机组件无法正确解决。

\n