问题标签 [enzyme]

我在这里提出了它作为一个问题。我能够进行单元测试 - 浅层渲染和测试反应原生组件，但是当我将 react-native-router 通量引入项目时，开始失败并出现错误

I am using enzyme to test my component rendering.

What is the usual approach to testing ListView items? For instance, in the following example to test that when an item is clicked, it triggers the onSelect prop passing the id?

I am currently using react-native-mock which means that the ListView does not render anything, and I can't separate the item into a separate component as it needs the onSelect prop from the parent.

我有一个Parent渲染组件的Child组件。该Child组件首先呈现独特的道具，如“名称”，然后父组件呈现常见的道具，如“类型”，并Child使用React.Children.map.

我的问题是 Enzyme 无法检测到Section组件呈现的常用道具，因此我无法有效测试是否添加了常用道具。

考试：

注入常​​用道具的代码：

我正在尝试在https://github.com/lelandrichardson/enzyme-example-mocha运行 Enzyme/Mocha 示例项目。我从 Github 克隆了项目并运行了npm install. 当我在mocha没有对项目进行任何其他更改的情况下运行时，这是我收到的输出：

我node --version的是v6.1.0和我mocha --version的是2.4.5。

如何让这个项目转译成 Node/Mocha 可以运行的东西？谢谢。

我正在测试组件中的键绑定功能。该组件相当简单，它的事件侦听器keyup会触发一个隐藏组件的redux 操作。

我已将我的代码清理为仅相关信息。如果我只使用商店调度进行操作调用，我可以使测试通过，但这当然会破坏这个测试的目的。我正在使用 Enzyme 使用keyup适当的事件数据（keycode for esc）来模拟事件，但我遇到了以下错误。

MyComponent.js

MyComponent-test.js

错误：

• 反应 v15.1.0
• 玩笑 v12.1.1
• 酵素 v2.3.0

我试图弄清楚如何测试在单击调用的函数中调用承诺的组件。我期待 Jest 的runAllTicks()功能在这里帮助我，但它似乎并没有执行承诺。

零件：

和测试：

我有一个带有输入框的反应组件。我使用 componentDidUpdate 将焦点设置到输入框。但是我的测试因 typeError 而失败。以下是我的代码。帮助我通过测试。比你！！这是我的反应组件`

` 当组件更新时，测试失败。给我这个错误

TypeError：无法读取未定义的属性“焦点”

任何人都可以告诉我这里有什么问题吗？

只想使用 Jestand为我的 react 组件实现单元测试Enzyme。

有没有办法测试订单？假设我有组件Button，我想同时渲染图标和文本。

当然，最好为用户提供对齐选项（图标优先或儿童优先）。

按钮.js

如何用Jest和EnzymeiconAlign测试道具？

我的组件之一的方法中有以下render内容：'

似乎由于 Enzyme 使用选择器工作，我最好的选择是只className="something"在我的 div 上使用 put，即使我根本没有将它们用作 CSS 类。否则，我必须弄清楚 Material UI 的Paper组件中有多少个 div，并制定一些过于复杂的查询来深入挖掘 div 的 X 级别，只是为了得到我想要测试的可点击 div。更不用说，如果我碰巧将我的可点击 div 向下或向上移动了一点，它会破坏测试，即使 div 在技术上仍然被渲染并且仍然可以点击。

除非有别的办法？

当我使用shallowor渲染一个组件时mount，该组件在内存中渲染并且不附加到 DOM。

这意味着，当我运行测试时，我实际上并没有在浏览器中看到任何输出。

如果我看不到我正在开发的组件是否看起来像它应该的那样，我应该如何进行测试驱动开发？（css样式，大小等）