繁体   English   中英

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

[英]Testing React/Redux components and containers using <Provider />

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

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

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

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

要测试mapStateToProps:

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

要测试mapDispatchToProps:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM