make test for few file

.gitignore

@@ -21,3 +21,4 @@ npm-debug.log*
 package-lock.json
 yarn-debug.log*
 yarn-error.log*
+

src/components/EventCard.js

@@ -35,6 +35,36 @@ function EventCard(props: EventCardProps) {
   );
 }
 
+function renderIconAction(action: string) {
+  switch (action) {
+    case 'COMMENT_PR':
+      return (
+        <Icon
+          name="comment-discussion"
+          size={24}
+          color="grey"
+          type="OCTICONS"
+        />
+      );
+    case 'COMMENT_ISSUE':
+      return (
+        <Icon
+          name="comment-discussion"
+          size={24}
+          color="grey"
+          type="OCTICONS"
+        />
+      );
+    case 'PR':
+      return (
+        <Icon name="git-pull-request" size={24} color="grey" type="OCTICONS" />
+      );
+    case 'ISSUE':
+      return (
+        <Icon name="issue-opened" size={24} color="grey" type="OCTICONS" />
+      );
+    case 'FORK':
+      return <Icon name="repo-forked" size={24} color="grey" type="OCTICONS" />;
 export function renderIconType(event: Event) {
   let type: string = event.type;
   if (event.type === 'IssuesEvent') {

src/components/Repo.js

@@ -5,7 +5,7 @@ import {FontAwesome, Octicons, Entypo} from '@expo/vector-icons';
 import {DARK_GREY} from '../global/constants/colors';
 import languageColor from '../global/constants/languageColor';
 
-type Repo = {
+export type Repo = {
   description: string;
   fork: boolean;
   forks: number;
@@ -31,13 +31,11 @@ function repoComponent(props: Repo) {
     : null;
   langColor = langColor ? langColor : '#000000';
   let langView = () => {
-    return language ? (
+    return (
       <View style={styles.logoAndText}>
         <FontAwesome name="circle" color={langColor} style={{marginRight: 2}} />
         <Text>{language}</Text>
       </View>
-    ) : (
-      <View style={styles.logoAndText} />
     );
   };
   return (

src/components/__tests__/Repo.test.js

@@ -0,0 +1,58 @@
+// @flow
+import React from 'react';
+import renderer from 'react-test-renderer';
+import repoComponent from '../Repo';
+
+describe('Button', () => {
+  let data = [
+    {
+      description: 'a',
+      fork: true,
+      forks: 1,
+      link: () => true,
+      id: 232343,
+      language: 'JavaScript',
+      name: 'asdfew',
+      stargazersCount: 2,
+    },
+    {
+      description: 'a',
+      fork: true,
+      forks: 1,
+      link: () => true,
+      id: 232343,
+      language: '---',
+      name: 'asdfew',
+      stargazersCount: 2,
+    },
+    {
+      description: 'a',
+      fork: false,
+      forks: 1,
+      link: () => true,
+      id: 232343,
+      language: 'Apex',
+      name: 'asdfew',
+      stargazersCount: 2,
+    },
+  ];
+
+  it('should render Button corectly', () => {
+    let repo = repoComponent(data[0]);
+    let component = renderer.create(repo);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('should render with wrong language', () => {
+    let repo = repoComponent(data[1]);
+    let component = renderer.create(repo);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('should render with null langColor', () => {
+    let repo = repoComponent(data[2]);
+    let component = renderer.create(repo);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});

src/components/__tests__/__snapshots__/EventCard.test.js.snap

@@ -566,7 +566,7 @@ exports[`EventCard should render EventCard with comment correctly 1`] = `
             "flexDirection": "row",
             "justifyContent": "center",
           },
-          Array [],
+          Object {},
         ]
       }
     >