Detox testID

[Nisha635]

How to give testID and test cases for react-native -row component using detox?

[noomorph]

In React Native, adding a testID to a component depends on the component itself, as Detox is purely a testing framework and does not render or modify native components (Detox Copilot does but that's not the point right now).

If the Row component you are using supports the testID prop, you can pass it directly like this:

<Row testID="my-row-component" />

Then, in Detox, you can write a test case like:

await expect(element(by.id('my-row-component'))).toBeVisible();

However, if the Row component does not support testID, you may need to modify its source code or wrap it with a View that does:

<View testID="my-row-component">
  <Row />
</View>

If this is a third-party component and does not support testID, consider contributing a PR to its repository to add support for accessibility identifiers, as these are recommended for automated testing.

[d4vidi]

We have a guide for this meant to help with questions on this topic: https://wix.github.io/Detox/docs/guide/test-id