开玩笑测试连接的 redux 容器组件答案

【问题标题】：Jest testing connected redux container component开玩笑测试连接的 redux 容器组件
【发布时间】：2019-07-09 05:24:34
【问题描述】：

import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import * as CommonActions from 'common/actions/common.actions';
import Activity from './activity.component';
const mapStateToProps = ({ common }) => ({common});
const mapDispatchToProps = dispatch => bindActionCreators(
{
getNationalities: CommonActions.getNationalities,
},dispatch);
export default connect(mapStateToProps, mapDispatchToProps)(Activity);

如何测试像这样包含mapStateToProps、mapDispatchToProps 和connect 的容器组件？？

【问题讨论】：

要测试一个 redux 存储连接的组件，您需要使用模拟存储将其包装在 Provider 中。或者，如果您想测试未连接的Activity 组件，只需将其导出并像常规组件一样对其进行测试。 More explanation

标签： unit-testing react-native redux jestjs connect

【解决方案1】：

React-test-render 可以测试组件，您必须导入包含您的mapStateToProps、mapDispatchToProps 的组件。

例子：

<YourComponentName
 common={jest.fn()}
 getNationalities={jest.fn()}
/>

【讨论】：

我确实喜欢这个，但问题是bindActionCreators 这些不包括在开玩笑的报道中？？