Merge pull request #20 from andela/ch-test-hoc-161121591

#161121591 Add tests for modules/Hoc folder

client/src/modules/HOC/index.jsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import ReactTooltip from 'react-tooltip';
-import CardItem from '../Home/components/CardItem';
+import React from "react";
+import ReactTooltip from "react-tooltip";
+import CardItem from "../Home/components/CardItem";
 
 const renderCards = (addFavorites, { teams }) => {
   return teams.map(item => {
-    const toolTip = item.private ? 'private team' : 'public team';
-    const lock = item.private ? 'lock' : 'lock_open';
-    const favorite = item.favorite ? 'red' : 'grey';
+    const toolTip = item.private ? "private team" : "public team";
+    const lock = item.private ? "lock" : "lock_open";
+    const favorite = item.favorite ? "red" : "grey";
     let progress = [];
     if (item.progress >= 0 && item.progress < 30) {
-      progress = ['zero', 'zero-bg'];
+      progress = ["zero", "zero-bg"];
     } else if (item.progress >= 30 && item.progress < 70) {
-      progress = ['half-way', 'half-way-bg'];
+      progress = ["half-way", "half-way-bg"];
     } else {
-      progress = ['completed', 'completed-bg'];
+      progress = ["completed", "completed-bg"];
     }
 
     return (

client/src/tests/modules/hoc/hocMockData.js

@@ -0,0 +1,11 @@
+/* eslint-disable no-undef */
+
+const props = {
+  item: {},
+  favorite: "fargo",
+  lock: "andela",
+  toolTip: "taps",
+  isFavorited: true
+};
+
+export default props;

client/src/tests/modules/hoc/index.test.jsx

@@ -0,0 +1,39 @@
+import React from "react";
+import { shallow } from "enzyme";
+import renderCards from "../../../modules/HOC";
+import mockData from "./hocMockData";
+
+describe("<Test HOC Component />", () => {
+  it("should mount without crashing", () => {
+    const addFavorites = jest.fn(3);
+    const data = {
+      teams: [
+        {
+          private: 'private team',
+          favorite: 'red',
+          progress: 25
+        },
+        {
+          private: 'private team',
+          favorite: 'red',
+          progress: 65
+        },
+        {
+          private: 'private team',
+          favorite: 'red',
+          progress: 244
+        }
+      ]
+    };
+
+    const props = {
+      ...mockData,
+      progressBar: data.teams,
+      addFavorites
+    };
+
+    const ComponentFromHOC = renderCards(addFavorites, data);
+    const wrapper = shallow(<div><ComponentFromHOC {...props} /></div>);
+    expect(wrapper).toMatchSnapshot();
+  });
+});