Expose the testID to black-box testing frameworks on Android

Author: Jayme Deffenbaugh

RNTester/js/RNTesterApp.android.js

@@ -66,14 +66,14 @@ const Header = ({
   <RNTesterThemeContext.Consumer>
     {theme => {
       return (
-        <View style={[styles.toolbar, {backgroundColor: theme.ToolbarColor}]}>
+        <View testID="header" style={[styles.toolbar, {backgroundColor: theme.ToolbarColor}]}>
           <View style={styles.toolbarCenter}>
             <Text style={[styles.title, {color: theme.LabelColor}]}>
               {title}
             </Text>
           </View>
           <View style={styles.toolbarLeft}>
-            <TouchableWithoutFeedback onPress={onPressDrawer}>
+            <TouchableWithoutFeedback testID="menu" onPress={onPressDrawer}>
               <Image source={HEADER_NAV_ICON} />
             </TouchableWithoutFeedback>
           </View>

ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java

@@ -246,6 +246,15 @@ public void onInitializeAccessibilityNodeInfo(View host, AccessibilityNodeInfoCo
         }
       }
     }
+
+    // Expose the testID prop as the resource-id name of the view. Black-box E2E/UI testing
+    // frameworks, which interact with the UI through the accessibility framework, do not have
+    // access to view tags. This allows developers/testers to avoid polluting the
+    // content-description with test identifiers.
+    final String testId = (String) host.getTag(R.id.react_test_id);
+    if (testId != null) {
+      info.setViewIdResourceName(testId);
+    }
   }
 
   @Override
@@ -425,7 +434,8 @@ public static void setDelegate(final View view) {
     if (!ViewCompat.hasAccessibilityDelegate(view)
         && (view.getTag(R.id.accessibility_role) != null
             || view.getTag(R.id.accessibility_state) != null
-            || view.getTag(R.id.accessibility_actions) != null)) {
+            || view.getTag(R.id.accessibility_actions) != null
+            || view.getTag(R.id.react_test_id) != null)) {
       ViewCompat.setAccessibilityDelegate(view, new ReactAccessibilityDelegate());
     }
   }