Added test cases

Author: ravi123shanker

package.json

@@ -21,6 +21,7 @@
   },
   "devDependencies": {
     "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.14.0"
+    "enzyme-adapter-react-16": "^1.14.0",
+    "redux-mock-store": "^1.5.3"
   }
 }

src/components/MatchesUserList.js

@@ -4,7 +4,7 @@ import MatchesUserItem from './MatchesUserItem';
 import {getMatchedUsers} from '../reduxStore/actions/userAction';
 import {Redirect} from 'react-router-dom';
 
-class MatchesUserList extends Component{
+export class MatchesUserList extends Component{
     constructor(props){
         super(props);
         this.state={

src/components/tests/MatchesUserItem.test.js

@@ -5,9 +5,21 @@ import {matchsUsers} from './testing_data';
 
 describe("MatchesUserItem tests", ()=>{
     it("render users", ()=>{
-        const users=matchsUsers.users;
-        const wrapper=shallow(<MatchesUserItem user={users[0]} />);
+        const user=matchsUsers.users[0];
+        const wrapper=shallow(<MatchesUserItem user={user} />);
         expect(wrapper.find(".maches-user-item")).toBeDefined();
         expect(wrapper.find(".img-user-profile")).toBeDefined();
-    })
+    });
+    it("render user details", ()=>{
+        const user=matchsUsers.users[0];
+        const wrapper=shallow(<MatchesUserItem user={user} />);
+        expect(wrapper.contains(<div className="d-flex">
+        <img className="img-user-profile" src={user.profile} alt="User Image" width="60px" height="60px"/>
+        <div style={{marginLeft: '10px'}}>
+            <label>y</label><br />
+            <label>{user.location}</label>
+        </div>
+    </div>));
+    });
+    
 })

src/components/tests/MatchesUserList.test.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import {shallow} from '../../enzyme';
+import {matchsUsers} from './testing_data';
+import ConnectedMatchesUserList, {MatchesUserList} from '../MatchesUserList';
+import MatchesUserItem from '../MatchesUserItem';
+import { Provider } from "react-redux";
+import configureMockStore from "redux-mock-store";
+const mockStore = configureMockStore();
+
+
+describe("MatchesUserList tests", ()=>{
+    const initialState = {userData: matchsUsers}
+    let store, wrapper;
+    beforeEach(()=>{
+        store = mockStore(initialState)
+        wrapper = shallow(<Provider store={store}>
+            <ConnectedMatchesUserList />
+        </Provider> )  
+    })
+    it('+++ render the connected(SMART) component', () => {
+        expect(wrapper.find(ConnectedMatchesUserList).length).toEqual(1)
+     });
+
+     it('+++ check Prop matches with initialState', () => {
+        expect(wrapper.find(MatchesUserList).prop('userData')).toEqual(initialState.userData)
+     });
+})