测试时如何在我的组件之外设置 Formik isSubmitting？

Question

我有一个带有 Formik 表单的有状态功能组件，它根据 isSubmitting 的值呈现不同的内容。

const MyPage: FunctionComponent<Props> = ({propOne, propTwo}) => {
  <Formik ...>
  ...
  {isSubmitting ? (
      <div>show this on submitting</div>
    ) : (
      <div>show this when not</div>
    )}
  </Formik>
};

如何在我的测试中在 Formik 表单上设置 isSubmitting 的值？我希望能够在提交时测试页面的结构。

Answer 1

在 formik 子里面：

const form = useFormikContext()

form.setSubmitting(true)