Reactjs 安装反应组件，包括与酶反应的最终形式

如何安装使用React最终形式的组件？当我在LoginComponent中进行注释时，它将正确装载，但我希望装载整个组件。我希望albo测试validate和handleLoginFormSubmit函数是否正常工作

我的组件代码：

const LoginForm = () => {
  const dispatch = useDispatch();
  const history = useHistory();

  const { loading, isLogged, errorMessage } = useSelector(state => state.auth);

  useEffect(() => {
    if (isLogged) {
      history.push('/');
    }

    return () => {
      dispatch(clearErrorMessage());
    };
  }, [dispatch, history, isLogged]);

  const handleSubmitLoginForm = values => { };

  const validate = ({ password }) => { };

  return (
    <article className="login-form-wrapper">
      <h2>Sign in</h2>
      <Form onSubmit={handleSubmitLoginForm} validate={validate}>
        {({ handleSubmit }) => (
          <form onSubmit={handleSubmit} autoComplete="off" className="login-form">
            <div className="login-form__field">
              <Field name="email" component={Input} type="email" label="E-mail" />
            </div>
            <div className="login-form__buttons">
              <button type="submit" className={loading ? 'button-disabled' : ''}>
                Sign in
              </button>
            </div>
          </form>
        )}
      </Form>
    </article>
  );
};

const LoginForm=（）=>{
const dispatch=usedpatch（）；
const history=useHistory（）；
const{loading，islog，errorMessage}=useSelector（state=>state.auth）；
useffect（（）=>{
如果（已记录）{
历史推送（“/”）；
}
return（）=>{
分派（clearErrorMessage（））；
};
}，[dispatch，history，IsLoged]；
const handleSubmitLoginForm=值=>{}；
const validate=（{password}）=>{}；
返回(
登录
{（{handleSubmit}）=>(
登录
)}
);
};

还有我的测试：

  it('should contain proper text in header', () => {
    const store = mockStore({
      auth: {
        loading: false,
        isLogged: false,
        errorMessage: ''
      }
    });
    const wrapper = mount(
      <Provider store={store}>
        <MemoryRouter initialEntries={['/account/login']}>
          <LoginForm />
        </MemoryRouter>
      </Provider>
    );

    console.log(wrapper.debug());

    //expect(wrapper.find('h2').text()).toEqual('Sign in');
  });

it（'标题中应该包含正确的文本'，（）=>{
常量存储=模拟存储({
认证：{
加载：false，
isLogged:错误，
错误消息：“”
}
});
常量包装器=装入(
);
log（wrapper.debug（））；
//expect（wrapper.find（'h2'）.text（））.toEqual（'Sign-in'）；
});

我应该在测试中包装LoginForm吗？寻求任何建议；）