diff --git a/__tests__/tests/components/ImageZoom.js b/__tests__/tests/components/ImageZoom.js
new file mode 100644
index 000000000..4bf0c7cf1
--- /dev/null
+++ b/__tests__/tests/components/ImageZoom.js
@@ -0,0 +1,58 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { ImageZoom } from 'components';
+
+describe('<ImageZoom />', () => {
+  const defaultProps = {
+    style: { backgroundColor: 'red' },
+    uri: { uri: 'dummy.png' },
+  };
+
+  it('should render clickable image when the component initializes', () => {
+    const wrapper = shallow(<ImageZoom {...defaultProps} />);
+
+    const clickableImg = wrapper.find({ nativeId: 'image-zoom-clickable-img' });
+
+    expect(clickableImg.length).toBe(1);
+  });
+
+  it('should render modal when the user presses Touchable', () => {
+    const wrapper = shallow(<ImageZoom {...defaultProps} />);
+
+    wrapper.find({ nativeId: 'image-zoom-clickable-img' }).simulate('press');
+
+    const modal = wrapper.find({ nativeId: 'image-zoom-modal' });
+
+    expect(modal.length).toBe(1);
+  });
+
+  it('should close modal when onRequestClose is called', () => {
+    const wrapper = shallow(<ImageZoom {...defaultProps} />);
+    wrapper.setState({ imgZoom: true });
+
+    wrapper.find({ nativeId: 'image-zoom-modal' }).simulate('requestClose');
+
+    const modal = wrapper.find({ nativeId: 'image-zoom-modal' });
+
+    expect(modal.length).toBe(0);
+  });
+
+  it('should close modal when the user presses CloseButton', () => {
+    const wrapper = shallow(<ImageZoom {...defaultProps} />);
+    wrapper.setState({ imgZoom: true });
+
+    wrapper.find({ nativeId: 'image-zoom-close-button' }).simulate('press');
+
+    expect(wrapper.state('imgZoom')).toBeFalsy();
+  });
+
+  it('should close modal when the user taps the image', () => {
+    const wrapper = shallow(<ImageZoom {...defaultProps} />);
+    wrapper.setState({ imgZoom: true });
+
+    wrapper.find({ nativeId: 'image-zoom-photo-view' }).simulate('tap');
+
+    expect(wrapper.state('imgZoom')).toBeFalsy();
+  });
+});
diff --git a/src/components/image-zoom.component.js b/src/components/image-zoom.component.js
index 1d6d13690..a98fc61fc 100644
--- a/src/components/image-zoom.component.js
+++ b/src/components/image-zoom.component.js
@@ -53,6 +53,9 @@ export class ImageZoom extends Component {
     this.state = {
       imgZoom: false,
     };
+
+    this.openModal = this.openModal.bind(this);
+    this.closeModal = this.closeModal.bind(this);
   }
 
   openModal() {
@@ -68,11 +71,22 @@ export class ImageZoom extends Component {
 
     if (this.state.imgZoom) {
       return (
-        <Modal animationType={'fade'} onRequestClose={() => this.closeModal()}>
+        <Modal
+          nativeId="image-zoom-modal"
+          animationType={'fade'}
+          onRequestClose={this.closeModal}
+        >
           <ModalContainer>
-            <StyledPhotoView onTap={() => this.closeModal()} source={uri} />
+            <StyledPhotoView
+              nativeId="image-zoom-photo-view"
+              onTap={this.closeModal}
+              source={uri}
+            />
 
-            <CloseButton onPress={() => this.closeModal()}>
+            <CloseButton
+              nativeId="image-zoom-close-button"
+              onPress={this.closeModal}
+            >
               <CloseIcon />
             </CloseButton>
           </ModalContainer>
@@ -81,7 +95,11 @@ export class ImageZoom extends Component {
     }
 
     return (
-      <Touchable onPress={() => this.openModal()} underlayColor="transparent">
+      <Touchable
+        nativeId="image-zoom-clickable-img"
+        onPress={this.openModal}
+        underlayColor="transparent"
+      >
         <Image style={style} source={uri} />
       </Touchable>
     );