Simulating User Click Events with FireEvent in Component Tests

import React from 'react';
import { render, screen, fireEvent } from '@testing-library/react';
 
function CounterButton() {
  const [count, setCount] = React.useState(0);
  return (
    <button onClick={() => setCount((prev) => prev + 1)}>
      Clicked {count} times
    </button>
  );
}
 
test('increments click count on button press', () => {
  render(<CounterButton />);
  const buttonElement = screen.getByRole('button');
  fireEvent.click(buttonElement);
  expect(buttonElement).toHaveTextContent('Clicked 1 times');
});