如何在 ReactJS 的上下文中使用 formSpy 和 isFormValid？

如何解决如何在 ReactJS 的上下文中使用 formSpy 和 isFormValid？

我在面试中被要求做一个练习，但随后在测试代码中看到：

  it('check validation when the form is valid',() => {
    let formSpy = spy();
    const form = mount(<Form isFormValid={formSpy} />);
    form.find('.name').simulate('change',{ target: { value: 'Peter' } });
    
    form.find('.button').simulate('click');
    expect(formSpy.calledWith(true)).toEqual(true);
  });

我是否应该以某种方式编写我的 <form> 或 ReactJS，以便测试可以知道表单是否有效？

我有自己的函数，名为 validateForm()，那么测试如何才能看到我的表单是否有效，因为我的验证可以说出我在“标题案例”中的名称，并且必须至少为 2 个字符很长，但测试不知道我的验证代码是什么。 （我认为测试可能在诗浓，虽然我不完全确定）。