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

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. 创建模拟stor在组分e与初始状态
2. 呈现组件
3. 触发动作
4. 断言期望对模拟存储