DEV Community

Formik & React Testing Library and Screaming at a Computer for an Hour

charlie⚡ on December 16, 2019

I have loved using both Formik and React Testing Library. At this point in the React community, I consider these tools to be nice sensible defaults...

Read full post

Maxime Côté • Jan 16 '20

Hi Charles ! I'm having kind of the same issue, but I'm not sure this really works. Since you don't await your wait call, I think your test will end before the expects in your wait argument succeed. I'm still trying to figure out how to fix this :(.

Peggy • Apr 3 '20

Hi Maxime,
did you find a way to fix it ?

Abel Varga • Mar 19 '20

Yeah, this will give you a false positive.

charlie⚡ • Mar 19 '20

how so?

Abel Varga • Mar 19 '20

If you do not await the wait in an async function, the test is over before the expectation could be evaluated.

Abel Varga • Mar 19 '20

In my case, I needed not just await the expect, but the problem also was the Formik did not call the handleSubmit callback. I had to fire a submit event on the form element itself.

XAVIER PEREZ • Mar 25 '20

Hello. How do you submit an event on the form in the test?

Abel Varga • Mar 26 '20 • Edited

Basically like this:

fireEvent.submit(container.querySelector('form'))

container is the value returned in the object by the render method.

Danny Pule • May 7 '20

wait() was recently deprecated and replaced with waitFor() testing-library.com/docs/dom-testi...

kellyrmilligan • Sep 9 '20

Thanks! this worked like a charm for me.

Rolando Niubo • Mar 17 '22

Amen

Viny Machado • Jan 23 '20

Thanks man!

Stuart Jennings • Jan 13 '20 • Edited

Thanks. This held me up for more than an hour. Never thought to wait on the assertions!