javascript - Hur och var kan jag lägga till testid-egenskaper i denna kod

Hur kan jag lägga till test-id-egenskaperna för att möjliggöra testning av Name Row, Content Aggregate och Content Title.

Jag använder React. Jag vill lägga till attributet test-id för alla Nav-länkar. Hur och var kan jag lägga till detta? Jag har försökt lägga till det i const-arrayen

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> ```

Svar #1

Om du behöver lägga till ett data-*-attribut för testning är syntaxen troligen data-testid.

Använd dataattribut

<Link
  data-testid={navItem.id}
  to={navItem.link}
>
  {navitem.title}
</link>

Relaterade artiklar