make a button alert its testID, in react-native

Question

I want this Button to alert its testID, when I press it:

here is my code:

<Button
   testID = "buttttt"
   ref    = {(Button) => {b = Button;}}
   title  = "Learn More"
   color  = "#841584"
   accessibilityLabel = "Learn more about this purple button"
   onPress = {() => alert(testID)}
 />

Its giving me undefined .

I think the solution has to do with ref.

Thanks.

Answer 1

You have to use this.getAttribute("testID") .

And you should use data-testid as attribute name. That's better style and you can access it via this.dataset.testid too.

Answer 2

I think you should be doing this.b.props.testId instead of this.testId in your onPress handler. Something like this:

    <Button
      testID="buttttt"
      ref={(b)=>{this.b = b;}}
      title="Learn More"
      color="#841584"
      accessibilityLabel="Learn more about this purple button"
      onPress={()=>alert(this.b.props.testID)}
    />