使用<provider>测试React / Redux组件和容器

Question

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

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

但是我很难找到实际实现这个的示例/指南。我理解文档可能会忽略它显而易见但是我迷失了试图连接我的测试。

Answer 1

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

测试mapStateToProps：

1. 创建具有初始状态的模拟商店
2. 渲染组件
3. 断言对组件的期望

测试mapDispatchToProps：

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