Expandable testids (#2784)

* Added testid to the expandablesection

* added the testids in the api files

* Removed testid from touchable opacity

Author: nitzanyiz

src/components/expandableSection/expandableSection.api.json

@@ -15,7 +15,8 @@
       "name": "onPress",
       "type": "() => void",
       "description": "Called when pressing the header of the ExpandableSection"
-    }
+    },
+    {"name": "testID","type": "string","description": "testing identifier"}
   ],
   "snippet": [
     "<ExpandableSection",

src/components/expandableSection/index.tsx

@@ -25,6 +25,10 @@ export type ExpandableSectionProps = {
    * action for when pressing the header of the expandableSection
    */
   onPress?: () => void;
+  /**
+   * Testing identifier
+   */
+  testID?: string;
 };
 
 /**
@@ -34,7 +38,7 @@ export type ExpandableSectionProps = {
  */
 
 function ExpandableSection(props: ExpandableSectionProps) {
-  const {expanded, sectionHeader, children, top} = props;
+  const {expanded, sectionHeader, children, top, testID} = props;
 
   /**
    * TODO: move to reanimated LayoutAnimation after updating to version 2.3.0
@@ -60,7 +64,7 @@ function ExpandableSection(props: ExpandableSectionProps) {
   return (
     <View style={styles.container}>
       {top && expanded && children}
-      <TouchableOpacity onPress={onPress} accessibilityState={accessibilityState}>
+      <TouchableOpacity onPress={onPress} testID={testID} accessibilityState={accessibilityState}>
         {sectionHeader}
       </TouchableOpacity>
       {!top && expanded && children}