Reactjs tests (react testing library)

Can anyone help with how I can test the component below? I am using the testing-library / react library and am having difficulties.

export default function BodyCardConfirmacaoSeguranca({ email, celular }) {
    const [selectedCard, setSelectedCard] = useState(null);

    const handleSelectCard = (value) => {
        if (value === selectedCard) {
            setSelectedCard(null);
        } else {
            setSelectedCard(value);
        }
    };

    return (
        <>
            <CardEnvioCod
                data-testid="email"
                tipoEnvio="email"
                data={email}
                handleSelectCard={() => handleSelectCard('email')}
                selectedCard={selectedCard}
            />

            <CardEnvioCod
                data-testid="sms"
                tipoEnvio="sms"
                data={telefone(celular)}
                handleSelectCard={() => handleSelectCard('sms')}
                selectedCard={selectedCard}
            />
        </>
    );
}

I'm trying something like this:

    it('', () => {
        const { findByTestId } = Render(
            <ThemeProvider theme={AppTheme}>
                <BodyCardConfirmacaoSeguranca />
            </ThemeProvider>,
        );

        const email = findByTestId('email');
        const sms = findByTestId('sms');

        fireEvent.change(email, { selectedCard: 'email' });
        fireEvent.change(sms, { selectedCard: 'sms' });
    });

I need to test the handleSelectCard function and its call on the components