feat: add testID prop to FAB and FAB.Group (#1573)

callstack · Mar 27, 2020 · 2313c26 · 2313c26
1 parent 94ddfb0
commit 2313c26
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/components/FAB/FAB.tsx b/src/components/FAB/FAB.tsx
@@ -56,6 +56,7 @@ type Props = $RemoveChildren<typeof Surface> & {
    * @optional
    */
   theme: Theme;
+  testID?: string;
 };
 
 type State = {
@@ -143,6 +144,7 @@ class FAB extends React.Component<Props, State> {
       style,
       visible,
       loading,
+      testID,
       ...rest
     } = this.props;
     const { visibility } = this.state;
@@ -207,6 +209,7 @@ class FAB extends React.Component<Props, State> {
           accessibilityRole="button"
           accessibilityStates={disabled ? ['disabled'] : []}
           style={styles.touchable}
+          testID={testID}
         >
           <View
             style={[

diff --git a/src/components/FAB/FABGroup.tsx b/src/components/FAB/FABGroup.tsx
@@ -34,6 +34,7 @@ type Props = {
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     onPress: () => void;
+    testID?: string;
   }>;
   /**
    * Icon to display for the `FAB`.
@@ -78,6 +79,10 @@ type Props = {
    * @optional
    */
   theme: Theme;
+  /**
+   * Pass down testID from Group props to FAB.
+   */
+  testID?: string;
 };
 
 type State = {
@@ -206,6 +211,7 @@ class FABGroup extends React.Component<Props, State> {
       style,
       fabStyle,
       visible,
+      testID,
     } = this.props;
     const { colors } = theme;
 
@@ -307,6 +313,7 @@ class FABGroup extends React.Component<Props, State> {
                   accessibilityTraits="button"
                   accessibilityComponentType="button"
                   accessibilityRole="button"
+                  testID={it.testID}
                 />
               </View>
             ))}
@@ -324,6 +331,7 @@ class FABGroup extends React.Component<Props, State> {
             accessibilityRole="button"
             style={[styles.fab, fabStyle]}
             visible={visible}
+            testID={testID}
           />
         </SafeAreaView>
       </View>