Насмешка над отправкой в ​​окончательной форме реакции с использованием библиотеки тестирования реакции

У меня есть форма, построенная с использованием react-final-form, yup и Material-ui. Я тестирую, используя Jest и @testing-library/react.

TL;DR:

• Есть ли способ имитировать и тестировать только функцию onSubmit, обходя/используя функциональность validate?
• Есть ли лучший способ сделать это?

Поддельная функция onSubmit не была вызвана, потому что я использовал функцию validate RFF. Кажется, функция validate зависает во время процесса отправки. Помимо имитации функции validate, существует ли лучшая практика в создании функции проверки, чтобы тесты распознавали, что была вызвана имитируемая функция onSubmit?

Когда я пытаюсь проверить, была ли форма отправлена, она, кажется, зависает в методе проверки.

fireEvent.submit(getByTestId('test-form')) // or
fireEvent.click(getByTestId('submit-button'))

Смоделированная функция onSubmit не распознается и, похоже, зависает в методе validate.

const schema = yup.object().shape({
    code: yup
        .string()
        .trim()
        .required('Please provide a Code')
        .max(32, 'The Code is too long')
})

const validate = values =>
    schema
        .validate(values, { abortEarly: false })
        .then(valid => ({}))
        .catch(err => extractError(err))

<Form
  onSubmit={onSubmit}
  validate={validate}
  render={({ handleSubmit }) => (
    <form onSubmit={handleSubmit}>
      {...fields and submit button here}
    </form>
  )
/>