#161116965 Create tests for create team module

client/src/modules/CreateTeam/container/index.jsx

@@ -153,7 +153,7 @@ export class CreateTeam extends Component {
   }
 }
 
-const mapStateToProps = ({ teams, isLoading }) => ({
+export const mapStateToProps = ({ teams, isLoading }) => ({
   teams: teams,
   apiMessage: teams.apiResponse,
   isFetching: isLoading

client/src/tests/mock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

client/src/tests/modules/CreateTeam/components/Form.test.jsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Form from '../../../../modules/CreateTeam/components/Form';
+
+describe('Create Team Form', () => {
+  const props = {
+    handleSubmit: jest.fn(),
+    handleChange: jest.fn(),
+    name: 'taps-client',
+    desc: 'taps-client',
+    checked: true,
+    submitting: true
+  };
+
+  let wrapper = shallow(<Form {...props} />);
+  it('Should render  form element with submitting props as true', () => {
+    expect(wrapper.find('form').length).toBe(1);
+  });
+
+  wrapper = shallow(<Form {...props} />);
+  it('Should render form element with submitting props as false', () => {
+    props.submitting = false;
+
+    wrapper = shallow(<Form {...props} />);
+
+    expect(wrapper.find('form').length).toBe(1);
+  });
+
+  it('Should render form element with out name and description', () => {
+    props.name = '';
+    props.desc = '';
+
+    wrapper = shallow(<Form {...props} />);
+
+    expect(wrapper.find('form').length).toBe(1);
+  });
+});

client/src/tests/modules/CreateTeam/container/index.test.jsx

@@ -0,0 +1,128 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { CreateTeam, mapStateToProps } from '../../../../modules/CreateTeam/container';
+import props, { state, over255Description } from '../mock/containerMock';
+
+global.M = {
+  AutoInit: () => {},
+  Dropdown: { init: () => {} }
+};
+
+describe('CreateTeam container component', () => {
+  let CreateTeamWrapper;
+  it('calls componentDidMount lifecycle', () => {
+    const spy = jest.spyOn(CreateTeam.prototype, 'componentDidMount');
+
+    CreateTeamWrapper = shallow(<CreateTeam {...props} />);
+
+    expect(spy).toHaveBeenCalled();
+
+    expect(CreateTeamWrapper.find('Fragment').length).toBe(1);
+  });
+
+  it('calls componentWillReceive props lifecycle', () => {
+    const spy = jest.spyOn(CreateTeam.prototype, 'componentWillReceiveProps');
+
+    CreateTeamWrapper.setProps(props);
+
+    expect(spy).toHaveBeenCalled();
+
+    props.teams = {};
+
+    CreateTeamWrapper.setProps(props);
+
+    expect(spy).toHaveBeenCalled();
+
+    expect(CreateTeamWrapper.find('Fragment').length).toBe(1);
+  });
+
+  it('should call handleSubmit method on form', () => {
+    const event = {
+      preventDefault: () => true,
+    };
+
+    CreateTeamWrapper.instance().setState(state);
+
+    CreateTeamWrapper.instance().handleSubmit(event);
+
+    state.description = over255Description;
+
+    CreateTeamWrapper.instance().setState(state);
+
+    CreateTeamWrapper.instance().handleSubmit(event);
+
+    state.description = 'abac';
+
+    CreateTeamWrapper.instance().setState(state);
+
+    CreateTeamWrapper.instance().handleSubmit(event);
+
+    expect(CreateTeamWrapper.find('Form').length).toBe(1);
+  });
+
+  it('should call handleChange method on form', () => {
+    const event = {
+      preventDefault: () => true,
+      target: {
+        name: 'taps',
+      }
+    };
+
+    CreateTeamWrapper.instance().setState(state);
+
+    CreateTeamWrapper.instance().handleChange(event);
+
+    expect(CreateTeamWrapper.find('Form').length).toBe(1);
+  });
+
+  it('should call menuChange method on form', () => {
+    const event = {
+      preventDefault: () => true,
+      target: {
+        name: 'taps',
+      }
+    };
+
+    CreateTeamWrapper.instance().setState(state);
+
+    CreateTeamWrapper.instance().menuChange(event, {});
+
+    expect(CreateTeamWrapper.find('Form').length).toBe(1);
+  });
+
+  it('calls componentWillUnmount props lifecycle', () => {
+    const spy = jest.spyOn(CreateTeam.prototype, 'componentWillUnmount');
+
+    CreateTeamWrapper.unmount();
+
+    expect(spy).toHaveBeenCalled();
+  });
+
+  it('should call the handleModalState method', () => {
+    props.teams.showModal = true;
+
+    CreateTeamWrapper = shallow(<CreateTeam {...props} />);
+
+    CreateTeamWrapper.find('VisualFeedback').props().modalState();
+
+    expect(CreateTeamWrapper.find('Form').length).toBe(1);
+  });
+});
+
+describe('Test for mapStateToProps', () => {
+  const state = {
+    teams: 'taps',
+    isLoading: false,
+  };
+
+  const result = mapStateToProps(state);
+
+  it('should have props teams', () => {
+    expect(result.teams).toBe('taps');
+  });
+
+  it('should have props isFetching', () => {
+    expect(result.isFetching).toBe(false);
+  });
+});

client/src/tests/modules/CreateTeam/mock/containerMock.js

@@ -0,0 +1,30 @@
+export const over255Description = 'jbjbbkbnkejkkbjekbjkebjbnjbkbjbjljbjbblkbnjbnjbnbwnjnjnbjnjbnjbnjbnbjnbnbjnjbnjbnbjnbsjsbnjbnjbnjsnbjbnjnjbbjnjbbnjnbjsnjbnbjsnjbnbjbnjbsjnjbnjbnjbnsjbnnbbnbnbnbbnbnbnbenoeooernboboebnoonoeonoenneoneoeoeeoeeobooboboe jhghgghg hbgytt gytgygt 3yg3  gvw uygrhwn wu7tyt uttg th3t3nw kwhgi3';
+
+export const state = {
+  name: 'name',
+  description: '',
+  visibility: false,
+  submitting: false,
+  integrations: {
+    github: []
+  }
+};
+
+const props = {
+  teams: {
+    data: {
+      data: ['aba', 'abc', 'abc', 'gers']
+    }
+  },
+  createTeam: jest.fn(data => data),
+  clearTeams: jest.fn(),
+  history: {
+    push: jest.fn()
+  },
+  isFetching: {
+    isLoading: true
+  },
+  modalState: jest.fn()
+};
+
+export default props;

jest.config.js

@@ -1,5 +1,4 @@
 module.exports = {
-  'verbose': true,
   'roots': [
     '<rootDir>/client'
   ],
@@ -15,7 +14,7 @@ module.exports = {
     '\\.(css|less|scss)$': '<rootDir>/client/src/tests/__mocks__/assetsTransformer.js',
   },
   'collectCoverage': true,
-  'collectCoverageFrom': ["client/src/**/*.{js,x}"],
+  'collectCoverageFrom': ["client/src/**/*.jsx", "client/src/redux/**/*.js"],
   'testPathIgnorePatterns': [
     '<rootDir>/client/src/tests/__mocks__',
   ],