How do I mock functions in Testing Library?

How do I mock functions in Testing Library?

You can use Jest's mocking capabilities along with Testing Library. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';

jest.mock('./api', () => ({ fetchData: jest.fn() }));

test('renders data', async () => {
  fetchData.mockResolvedValueOnce({ data: 'Hello World' });
  render(<MyComponent />);
  const element = await screen.findByText(/Hello World/i);
  expect(element).toBeInTheDocument();
});

What if I want to mock a component instead of a function?

You can mock a component using Jest as well. Just use jest.mock and provide a mock implementation. Would you like to see an example?