testing a component that updates context

languageSelector.tsx

function LanguageSelector(): ReactElement {
    const { language, setLanguage } = useContext(LanguageContext);

    const updateLanguage = (event: React.MouseEvent, _language: string) => {
        event.preventDefault();
        setLanguage(_language);
    };

    return (
        <nav>
            <ul css={listContainer}>
                <li css={listStyle}>
                    <a
                        href="#"
                        onClick={(event: React.MouseEvent) => updateLanguage(event, "en")}
                        css={language === "en" ? activeLanguage : linkStyle}
                    >
                        EN
                    </a>
                </li>
                <li css={listStyle}>
                    <a
                        href="#"
                        onClick={(event: React.MouseEvent) => updateLanguage(event, "pt")}
                        css={language === "pt" ? activeLanguage : linkStyle}
                    >
                        PT
                    </a>
                </li>
            </ul>
        </nav>
    );
}