使用以下命令测试React / Redux组件和容器<Provider />

Question

我正在编写使用connect()包装器/装饰器的React容器组件。 当我使用mocha测试并expect / should测试时，我有兴趣在我的容器中提供一个假商店。 阅读文档后，我应该export的平面/简单版本，然后在测试中使用<Provider ...> 。 以下是文档的链接。

https://github.com/reactjs/redux/blob/master/docs/recipes/WritingTests.md

但是，我正在努力寻找有关实际实施此方法的示例/指南。 我知道文档可能会因为显而易见而忽略了它，但是我迷上了连接测试的过程。

Answer 1

我之前使用过redux-mock-store ，并在连接的组件周围使用了Provider来测试渲染（我使用了酶 ）和交互作用。

要测试mapStateToProps：

1. 创建具有初始状态的模拟存储
2. 渲染组件
3. 对组件提出期望

要测试mapDispatchToProps：

1. 创建具有初始状态的模拟存储
2. 渲染组件
3. 在组件中触发动作
4. 对模拟商店断言期望