How do I handle errors in Vue.js Testing Library?

How do I handle errors in Vue.js Testing Library?

To handle errors in Vue.js Testing Library, you can use the waitFor utility to wait for elements to appear or change state.

Can you give me an example of using waitFor?

Sure! You can use it like this: await waitFor(() => expect(screen.getByText('Error')).toBeInTheDocument()); This waits for the 'Error' text to appear.

What if the error doesn't show up?

If the error doesn't show up, waitFor will throw an error after the timeout, which you can catch to handle the situation.

Is there a way to customize the timeout for waitFor?

Yes, you can customize the timeout by passing an options object: waitFor(() => { /* your assertion */ }, { timeout: 5000 }); This sets the timeout to 5 seconds.