¿Cómo puedo agregar los accesorios de identificación de prueba para habilitar la prueba de Fila de nombre, Agregado de CONTENIDO y Título de contenido?
Estoy usando reaccionar. Quiero agregar el atributo test-id para todos los enlaces de navegación. ¿Cómo y dónde puedo agregar esto? He intentado agregarlo en const Array
Array<NavLists> = [ { id: 'nav__name-row, title: 'Name Row', link: getNameUrl() }, { id: 'nav__content-aggregate, title: 'Content Aggregrate, link: getDAggregrateUrl() }, { id: 'nav__content-title', title: 'Content Title', link: getTitleUrl() }, { id: 'nav__content-index', title: 'Content Index, link: getIndexUrl() } ] Const HorizontalNav: React.FC<Props> = (props) => { Const {location} = props Const {pathname} = location Const founditem = navLists.find(navItem) => pathname.include(navItem.link)) || navLists[0] Return ( <div> <Tabs selectedTabiD = {founditem.id)> {navItems.map((navitem) => ( <Tab key = {navItem.id} id = {navitem.id}> {navitem.id === founditem.id ? <span>{navItem.title}</span> : <Link to {navItem.link}>{navitem.title}</link>} </tab> ```Si necesita adjuntar un atributo data-* para realizar pruebas, es probable que la sintaxis sea data-testid .
<Link data-testid={navItem.id} to={navItem.link} > {navitem.title} </link>