0
我有一个组件Demo,其标签依赖于redux-form状态中字段的当前值。我正在使用formValueSelector从窗体状态获取当前值“param”字段。它工作正常。但是,在运行npm测试时,选择器函数总是返回undefined。我怎么嘲笑它?Redux-Form:如何在Jest中模拟formValueSelector
请让我知道,如果我这样做是错误的。
我有一个像
class Sample extends React.Component {
render() {
const {param, state} = this.props;
const selector = formValueSelector('sampleform');
return (
<div>
<Demo
name="name"
label={selector(state, `${param}`)}
/>
</div>
);
}
} 出口默认样品的成分;
,并测试代码是一样
function setup() {
const spy = jest.fn();
const store = createStore(() => ({}));
const Decorated = reduxForm({ form: 'sampleform' })(Sample);
const props = {
"param":"keyOfState",
"state":{"keyOfState":"Label"}
}
const mockedComponent = <Provider store={store}>
<MuiThemeProvider muiTheme={MuiStyles()}>
<Decorated {...props}>
<span></span>
</Decorated>
</MuiThemeProvider>
</Provider>;
return {
props,
mockedComponent}
}
describe('Sample Component',() => {
it('should render the snapshot',() => {
const { mockedComponent } = setup()
const tree = renderer.create(
mockedComponent
).toJSON();
expect(tree).toMatchSnapshot();
});
});