How can I use advanced mocking techniques in React 18 with Testing Library?

How can I use advanced mocking techniques in React 18 with Testing Library?

You can use libraries like Jest for mocking functions and modules. Would you like to see a specific example?

Yes, please provide an example of mocking a component.

Sure! You can use jest.mock() to mock a component. For instance, if you have a Button component, you can mock it like this: jest.mock('./Button', () => () => <div>Mocked Button</div>); This way, when your tests run, it will use the mocked version.

What about mocking API calls?

For API calls, you can use jest.spyOn() to mock fetch requests. For example: jest.spyOn(global, 'fetch').mockResolvedValueOnce({ json: jest.fn().mockResolvedValueOnce(mockData) }); This allows you to control the response of your API calls during tests.

Thanks! This is really helpful.