Tests/Add testID to AnimatedScanner (#2458)

* add testID to AnimatedScanner

* update API

* Update src/components/animatedScanner/index.js

fix lint

---------

Co-authored-by: Inbal Tish <[email protected]>

Author: 2 people

src/components/animatedScanner/animatedScanner.api.json

@@ -18,7 +18,8 @@
     {"name": "backgroundColor", "type": "string", "description": "Background color"},
     {"name": "onBreakpoint", "type": "({progress, isDone}) => void", "description": "Breakpoint callback"},
     {"name": "hideScannerLine", "type": "boolean", "description": "Whether to hide the scanner line"},
-    {"name": "containerStyle", "type": "ViewStyle", "description": "Component's container style"}
+    {"name": "containerStyle", "type": "ViewStyle", "description": "Component's container style"},
+    {"name": "testID", "type": "string", "description": "Used as a testing identifier"}
   ],
   "snippet": [
     "<AnimatedScanner progress={55$1} duration={1600$2}/>"

src/components/animatedScanner/index.js

@@ -45,7 +45,11 @@ export default class AnimatedScanner extends BaseComponent {
     /**
      * the container style
      */
-    containerStyle: ViewPropTypes.style
+    containerStyle: ViewPropTypes.style,
+    /**
+     * Used as a testing identifier
+     */
+    testID: PropTypes.string
   };
 
   static defaultProps = {
@@ -103,7 +107,7 @@ export default class AnimatedScanner extends BaseComponent {
   }
 
   render() {
-    const {opacity, backgroundColor, hideScannerLine, style, containerStyle} = this.props;
+    const {opacity, backgroundColor, hideScannerLine, style, containerStyle, testID} = this.props;
     const {isDone, animatedProgress} = this.state;
 
     return (
@@ -121,6 +125,7 @@ export default class AnimatedScanner extends BaseComponent {
               })
             }
           ]}
+          testID={testID}
         >
           {isDone && !hideScannerLine && <View style={this.styles.scanner}/>}
         </Animated.View>