Appium Inspector can’t find element with headerTransparent: true

[TesterAllmax]

The problem

There’s a header in the app, that contains button back. Header has prop headerTransparent: true, which applies position: absolute to header. When headerTransparent: true, Appium Inspector can’t find button back inside header. When headerTransparent: false, Appium Inspector is able to find header and button back in it.

Code To Reproduce Issue

Sample component code:
export const CloseButton = ({ onPress, testID }: { onPress: () => void, testID: string }) => ( <TouchableOpacity style={styles.wrapper} onPress={onPress} testID={testID}> <Image source={images.closeButton} /> </TouchableOpacity> );

Sample screen code:
class UnconnectedLoginScreen extends PureComponent<Props, State> { static navigationOptions: (nav: Props) => StackNavigationOptions = ({ navigation }) => ({ headerTransparent: true, headerStyle: { borderBottomWidth: 0 }, headerRight: <CloseButton onPress={() => navigation.goBack()} testID="button Close" />, headerLeft: null, });

Your Environment

| software | version
react-navigation: 3.0.5
react-native: 0.57.8
npm

• Appium version (or git revision) that exhibits the issue: 1.10.0
• Desktop OS/version used to run Appium: macOS High Sierra v: 10.13.6
• Node.js version (unless using Appium.app|exe): 10.15.0
• Mobile platform/version under test: iOS 12.1.2
• Real device or emulator/simulator: real device

[brentvatne]

we don't explicitly support appium. if you find a solution please let us know in this issue but i don't really know much about appium and can't help, sorry!

[TesterAllmax]

@brentvatne main problem is that when headerTransparent: true accessibleId/ TestID does not work