Hice una búsqueda exhaustiva antes de plantear esta pregunta, la mayoría de ellos estaban usando <Formik/> donde habían enviado el controlador onSubmit como accesorio para que se pueda probar si se llama o no cuando se envía el formulario.

En mi caso, estoy usando useFormik para mi formulario y no puedo acceder al código onSubmit cuando se envía el formulario. La propiedad de tipo del botón se submit , por lo que la función onClick no está undefined cuando mostré el elemento en el registro de la consola.

A continuación se muestra un extracto de mi código

Componente

 export const WithMaterialUI = () => { const formik = useFormik({ initialValues: { email: "foobar@example.com" }, validationSchema: validationSchema, onSubmit: (values) => { alert(JSON.stringify(values, null, 2)); } }); return ( <div> <form onSubmit={formik.handleSubmit} data-testid="form"> <TextField data-testid="email" fullWidth id="email" name="email" label="Email" value={formik.values.email} onChange={formik.handleChange} error={formik.touched.email && Boolean(formik.errors.email)} helperText={formik.touched.email && formik.errors.email} /> <Button color="primary" variant="contained" fullWidth type="submit"> Submit </Button> </form> </div> ); };

Caso de prueba

 const mockSubmit = jest.fn(); describe("Test for formik onSubmit", () => { it("should handle form submission", async () => { const { getByTestId } = render(<WithMaterialUI />); const email = getByTestId("email"); const form = getByTestId("form"); act(() => { fireEvent.change(email, { target: { value: "abc@gmail.com" } }); }); act(() => { fireEvent.submit(form); }); await waitFor(() => { expect(mockSubmit).toHaveBeenCalled(); }); }); });

Creé un ejemplo de trabajo usando CodeSandbox . ¿Alguien podría ayudar?