Reactjs 编写Redux表单组件的单元测试时不使用;“已连接”;
在我早期构建的应用程序中,我以以下方式在组件中拆分了Redux表单:Reactjs 编写Redux表单组件的单元测试时不使用;“已连接”;,reactjs,jestjs,redux-form,enzyme,Reactjs,Jestjs,Redux Form,Enzyme,在我早期构建的应用程序中,我以以下方式在组件中拆分了Redux表单: import React, { PropTypes } from 'react'; import { Field, reduxForm } from 'redux-form'; import {renderInput, required, email} from './FormInput'; import SubmitButton from './SubmitButton'; let LoginForm = ({errorM
import React, { PropTypes } from 'react';
import { Field, reduxForm } from 'redux-form';
import {renderInput, required, email} from './FormInput';
import SubmitButton from './SubmitButton';
let LoginForm = ({errorMessage, handleSubmit, pristine, submitting}) => {
return (
<div>
<form onSubmit={handleSubmit}>
...
</form>
</div>
);
};
LoginForm = reduxForm({
form: 'loginForm'
})(LoginForm);
export default LoginForm;
寻找如何有效地做到这一点的建议。用笑话和酶
const wrapper = shallow(<LoginForm {...props}/>);
<LoginForm onSubmit={this.handleLogin} />
export class MyFakeContainer extends React.Component {
....
}
export default connect(mapStateToProps, mapDispatchToProps)(MyFakeContainer);