Basic react-test-renderer Click test

App.jsx

const App = () => {
  const [counter, setCounter] = React.useState(0)
  
  return (
    <div>
      You clicked me {counter} times!
      <ClickMe counter={counter} setCounter={setCounter} />
    </div>
  )
}

ClickMe.jsx

const ClickMe = ({ counter, setCounter }) => {  
  return (
    <button type="button" onClick={() => setCounter(counter + 1)}>
      Click me!
    </button>
  )
}

ClickMe.test.jsx

import TestRenderer, { act } from 'react-test-renderer';

describe('<ClickMe />', () => {
  it('should render properly', () => {
    const mockFn = jest.fn()

    const component = TestRenderer.create(
      <ClickMe counter={0} setCounter={mockFn} />,
    )

    expect(component.toJSON()).toMatchSnapshot()
    
    act(() => {
      component.root.findByProps({ children: 'Click Me!' }).props.onClick()
    })

    expect(mockFn).toHaveBeenCalledWith(1)
  })
})