Properly Testing Button Clicks in React Testing Library

import { fireEvent, render, screen } from '@testing-library/react'

it('Should expand and collapse an accordion', () => {
    render(
        <div>
            <p>Content</p>
            <button data-testid="accordionButton">Expand</button>
        </div>
    )
    
    // Prefer using getByTestId or getByRole
    const button = screen.getByTestId('accordionButton')
    const button = screen.getByRole('button')
    const button = screen.getByText('Expand')

    expect(screen.queryByText('Content')).toBeNull()

    fireEvent.click(button)

    expect(screen.getByText('Content')).toBeInTheDocument()

    fireEvent.click(button)

    expect(screen.queryByText('My Content')).toBeNull()
})