feat(test) add more test

Author: alejandronanez

__tests__/tests/components/NotificationListItem.js

@@ -1,12 +1,61 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallow, render } from 'enzyme';
 import { NotificationListItem } from 'components';
+import { View, TouchableOpacity } from 'react-native';
+
+const defaultProps = {
+  notification: {
+    subject: {
+      type: 'Commit',
+    },
+  },
+  iconAction() {},
+  navigationAction() {},
+};
 
 describe('<NotificationListItem />', () => {
-  it.skip("should render a View component if notification type is 'Commit'");
-  it.skip(
-    "should render a TouchableOpacity component if notification type is not 'Commit'"
-  );
-  it.skip('should call navigation when user press TitleComponent');
+  it("should render a View component if notification type is 'Commit'", () => {
+    const wrapper = shallow(<NotificationListItem {...defaultProps} />);
+
+    const result = wrapper.instance().getComponentType();
+
+    expect(result).toBe(View);
+  });
+
+  it("should render a TouchableOpacity component if notification type is not 'Commit'", () => {
+    const notification = {
+      subject: {
+        type: 'not a commit',
+      },
+    };
+    const wrapper = shallow(
+      <NotificationListItem {...defaultProps} notification={notification} />
+    );
+
+    const result = wrapper.instance().getComponentType();
+
+    expect(result).toBe(TouchableOpacity);
+  });
+
+  it('should call navigation when user press TitleComponent', () => {
+    const notification = {
+      subject: {
+        type: 'not a commit',
+      },
+    };
+    const navigationActionMock = jest.fn();
+    const wrapper = shallow(
+      <NotificationListItem
+        {...defaultProps}
+        notification={notification}
+        navigationAction={navigationActionMock}
+      />
+    );
+
+    wrapper.find({ nativeId: 'TitleComponent' }).simulate('press');
+
+    expect(navigationActionMock).toHaveBeenCalledWith(notification);
+  });
+
   it.skip('should return the correct icon name');
 });

src/components/notification-list-item.component.js

@@ -80,6 +80,7 @@ export class NotificationListItem extends Component {
       <View style={styles.container}>
         <View style={styles.wrapper}>
           <TitleComponent
+            nativeId="TitleComponent"
             style={styles.notificationInfo}
             onPress={() => navigationAction(notification)}
           >