test component done

Author: jsagardoy

13 TestComponents/src/components/member/__snapshots__/page.spec.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`/components/member/page specs should retur as expected when definde props 1`] = `
+exports[`/components/member/page specs should return as expected when props are passed 1`] = `
 <Component
   member={
     Object {

13 TestComponents/src/components/member/page.spec.tsx

@@ -8,7 +8,7 @@ import { MemberEntity } from '../../model';
 
 
 describe ('/components/member/page specs',()=>{
-    it('should retur as expected when definde props',()=>{
+    it('should return as expected when props are passed',()=>{
         //arrange
         const props:Props = {
             memberId:-1,

13 TestComponents/src/components/members/__snapshots__/page.spec.tsx.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/members/page specs should return as expected when props are passed 1`] = `
+<div
+  className="row"
+>
+  <h2>
+     Members Page
+  </h2>
+  <Link
+    replace={false}
+    to="/member"
+  >
+    New Member
+  </Link>
+  <table
+    className="table"
+  >
+    <thead>
+      <Component />
+    </thead>
+    <tbody />
+  </table>
+</div>
+`;

13 TestComponents/src/components/members/__snapshots__/pageContainer.spec.tsx.snap

@@ -1,5 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`/components/members/pageContainer should call to fetchMembers action creator when call to fetchMembers prop 1`] = `[MockFunction]`;
+
 exports[`/components/members/pageContainer should render as spected passing state 1`] = `
 <MembersPage
   fetchMembers={[Function]}

13 TestComponents/src/components/members/page.spec.tsx

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import {MembersPage,Props} from './page';
+import {shallow} from 'enzyme';
+import { createEmptyMembers } from '../../reducers/members';
+import  * as FetchMembers from './actions/fetchMembers';
+import { members } from '../../api/member/mockData';
+
+
+describe ('components/members/page specs', ()=>{
+    it('should return as expected when props are passed',()=>{
+        //arrange
+        const props: Props = {
+            members: createEmptyMembers(),
+            fetchMembers: ()=>{}
+        }
+        //act
+        const component =  shallow (
+            <MembersPage {...props} />
+        )
+        //assert
+
+        expect(component).toMatchSnapshot();
+    })
+
+    it('should display members when fetchMembers is used', () => {
+        //arrange
+       
+        const props: Props = {
+            members: createEmptyMembers(),
+            fetchMembers: jest.fn(),
+        }
+
+
+        const fetchActionStub = jest.spyOn(FetchMembers, 'fetchMembersAction')
+            .mockImplementation(()=>(
+                props.members
+        ));
+            
+
+        const component = shallow(
+            <MembersPage {...props} />,
+        );
+
+
+        component.find('member');
+
+        //assert
+        expect(props.fetchMembers).toHaveBeenCalled();
+
+    });
+})

13 TestComponents/src/components/members/page.tsx

@@ -4,7 +4,7 @@ import { MemberEntity } from '../../model';
 import { MemberHeader } from './memberHeader';
 import { MemberRow } from './memberRow';
 
-interface Props {
+export interface Props {
   members: MemberEntity[];
   fetchMembers(): void;
 }

13 TestComponents/src/components/members/pageContainer.spec.tsx

@@ -6,6 +6,7 @@ import { createEmptyMembers } from '../../reducers/members';
 import { createEmptyMember } from '../../reducers/member';
 import { createEmptyMemberErrors } from '../../reducers/memberErrors';
 import { MembersPageContainer } from './pageContainer';
+import * as FetchMembers from './actions/fetchMembers';
 
 const getMockStore = configureStore();
 
@@ -29,4 +30,32 @@ describe('/components/members/pageContainer', () => {
         //assert
         expect(component).toMatchSnapshot();
     });
+    it('should call to fetchMembers action creator when call to fetchMembers prop', () => {
+        // Arrange
+        const state = {
+            members: createEmptyMembers(),
+            member: createEmptyMember(),
+            memberErrors: createEmptyMemberErrors()
+        } as State;
+
+
+        const store = getMockStore(state);
+        const fetchMembersStub = jest.spyOn(FetchMembers, 'fetchMembersAction')
+            .mockImplementation(() => ({
+                type: 'test action type',
+            }));
+
+        // Act
+        const component = shallow(
+            <MembersPageContainer
+            />,
+            {
+                context: { store },
+            },
+        );
+
+       
+        // Assert
+        expect(fetchMembersStub).toMatchSnapshot();
+    }); 
 });