fix: pass down accessible from Card props to Touchable for Appium tests

[t-d-o-g]

Motivation

The testID prop is not accessible on children of the TouchableWithoutFeedback component without explicitly setting accessible={false}. So accessible needs to be passed to touchable to find elements by testID value for Appium testing.

Test plan

TextInput in Card component will be made accessible by setting accessible={false} on Card

<Card style={styles.container} accessible={false}>
  <TextInput 
    style={styles.inputContainerStyle}
    testID='text-input'
    mode='outlined'
  />
</Card>

Test will validate that TextInput field is accessible

it('test that text input field is accessible', () => {
  $('~text-input').addValue('foo')
});

[callstack-bot]

Hey @t-d-o-g, thank you for your pull request 🤗. The documentation from this branch can be viewed here. Please remember to update Typescript types if you changed API.

[BoazWarshawsky]

Hi, I am also having this issue with TouchableHighlight which they are children of SafeAreaView
Any idea how to solve it? adding accessible={false} into SafeAreaView did not solve the problem