fix(Image): Allow passing testID (react-native-elements#2092)

Fixes react-native-elements#2091
thandhla · Sep 26, 2019 · 1dbd7e0 · 1dbd7e0
1 parent 97fcd7e
commit 1dbd7e0
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/src/image/Image.js b/src/image/Image.js
@@ -50,6 +50,7 @@ class Image extends React.Component {
         style={StyleSheet.flatten([styles.container, containerStyle])}
       >
         <ImageComponent
+          testID="RNE__Image"
           {...attributes}
           onLoad={this.onLoad}
           style={[
@@ -59,7 +60,6 @@ class Image extends React.Component {
               height: style.height,
             },
           ]}
-          testID="RNE__Image"
         />
 
         <Animated.View

diff --git a/src/image/__tests__/Image.js b/src/image/__tests__/Image.js
@@ -46,6 +46,29 @@ describe('Image Component', () => {
     expect(toJson(component)).toMatchSnapshot();
   });
 
+  it('should render the appropriate testId when one is passed.', () => {
+    const component = shallow(
+      <Image
+        testID="customTestId"
+        source={{ uri: 'https://i.imgur.com/0y8Ftya.jpg' }}
+      />
+    );
+
+    const image = component.find({ testID: 'customTestId' });
+
+    expect(image.length).toBe(1);
+  });
+
+  it('should render the appropriate testId when one is not passed.', () => {
+    const component = shallow(
+      <Image source={{ uri: 'https://i.imgur.com/0y8Ftya.jpg' }} />
+    );
+
+    const image = component.find({ testID: 'RNE__Image' });
+
+    expect(image.length).toBe(1);
+  });
+
   it('should apply values from theme', () => {
     const theme = {
       Image: {