Feature - Add support for testID prop

StarButton.js

@@ -50,6 +50,7 @@ const propTypes = {
   activeOpacity: PropTypes.number.isRequired,
   starStyle: ViewPropTypes.style,
   onStarButtonPress: PropTypes.func.isRequired,
+  testID: PropTypes.string,
 };
 
 const defaultProps = {
@@ -151,6 +152,7 @@ class StarButton extends Component {
       activeOpacity,
       buttonStyle,
       disabled,
+      testID,
     } = this.props;
 
     return (
@@ -159,6 +161,7 @@ class StarButton extends Component {
         disabled={disabled}
         containerStyle={buttonStyle}
         onPress={this.onButtonPress}
+        testID={testID}
       >
         {this.renderIcon()}
       </Button>

StarRating.js

@@ -142,6 +142,8 @@ class StarRating extends Component {
         }
       }
 
+      const testID = `star-${i}`
+
       const starButtonElement = (
         <AnimatableView
           key={i}
@@ -168,6 +170,7 @@ class StarRating extends Component {
             starIconName={starIconName}
             starSize={starSize}
             starStyle={starStyle}
+            testID={testID}
           />
         </AnimatableView>
       );

tests/StarButton.test.js

@@ -16,6 +16,7 @@ const baseProps = {
   starSize: 40,
   activeOpacity: 0.2,
   onStarButtonPress: () => {},
+  testID: 'star-0',
 };
 
 const getMock = (props = {}) => {
@@ -31,4 +32,13 @@ describe('StarButton component', () => {
 
     expect(rendered).toBeTruthy();
   });
+
+  it('renders with testID', () => {
+    const rendered = renderer.create(getMock())
+
+    // NOTE: https://github.com/facebook/react-native/issues/16281
+    const elements = rendered.root.findAll(el => el.props.testID === baseProps.testID && el.type === 'View')
+
+    expect(elements.length).toEqual(1);
+  });
 });