How do I use mock functions in Testing Library?

How do I use mock functions in Testing Library?

You can use Jest's mock functions alongside Testing Library to simulate and test component behavior. Would you like an example?

Yes, please provide an example of how to mock a function.

Sure! You can create a mock function using jest.fn(). For instance, if you have a button that calls a function on click, you can mock that function and assert it was called.

Can you show me a code snippet for that?

Absolutely! Here's a simple example:

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

test('calls the mock function on button click', () => {
  const mockFunction = jest.fn();
  const { getByText } = render(<MyComponent onClick={mockFunction} />);
  fireEvent.click(getByText('Click me'));
  expect(mockFunction).toHaveBeenCalled();
});