小编Jon*_*ley的帖子

如何使用React和Redux测试具有嵌套容器的组件?

由于我正在处理的应用程序的复杂性,我决定使用嵌套的redux容器,而不是将一个动作作为prop传递给子组件.然而,这已被证明渲染时要进行单元测试问题OuterContainerjsdom与组合mocha,chaisinon.

这是一个人为的视图结构示例:

<OuterContainer>
  <div>
    <InnerContainer />
  </div>
</OuterContainer>
Run Code Online (Sandbox Code Playgroud)

其中OuterContainer&InnerContainer被包裹着连接.例如:

export connect(<mapStateToProps>)(<Component>)

运行测试时,我得到的错误是: Invariant Violation: Could not find "store" in either the context or props of "Connect(Component)". Either wrap the root component in a `<Provider>`, or explicitly pass "store" as a prop to "Connect(Component)".

有没有办法解开或存根InnerContainer单元测试而不必使用浅渲染?

javascript mocha.js jsdom reactjs redux

14
推荐指数
1
解决办法
4182
查看次数

标签 统计

javascript ×1

jsdom ×1

mocha.js ×1

reactjs ×1

redux ×1