client/__tests__/components/Dashboard/updateProfile.spec.jsx
import React from 'react';
import { shallow } from 'enzyme';
import thunk from 'redux-thunk';
import configureMockStore from 'redux-mock-store';
import ConnectedUpdateProfile, { UpdateProfile }
from '../../../components/Dashboard/UpdateProfile';
import { mockStoreData } from '../../__mocks__/mockData';
let props = {
...mockStoreData.authReducer,
updateProfile: jest.fn(() => Promise.resolve(1)),
};
const middleware = [thunk];
const mockStore = configureMockStore(middleware);
const store = mockStore({ ...mockStoreData });
describe('UpdateProfile Component', () => {
it('renders without crashing', () => {
const wrapper = shallow(<UpdateProfile { ...props } />);
expect(wrapper).toBeDefined();
expect(wrapper.getElement().type).toBe('div');
});
it('should redirect to login page if user is not logged in', () => {
props = { ...props, isLoggedIn: false };
const wrapper = shallow(<UpdateProfile { ...props } />);
expect(wrapper).toBeDefined();
expect(wrapper.find('LoginRedirect').length).toBe(1);
expect(wrapper.find('div').length).toBe(0);
});
it('should call handleChange when input fields change value', () => {
const wrapper = shallow(<UpdateProfile { ...props } />);
const handleChangeSpy = jest.spyOn(
wrapper.instance(), 'handleChange'
);
const event = {
preventDefault: jest.fn(),
target: {
value: 'Tolu',
name: 'firstName'
}
};
wrapper.instance().handleChange(event);
expect(handleChangeSpy).toHaveBeenCalledTimes(1);
});
it('should call handleSubmit when form is submited', () => {
const wrapper = shallow(<UpdateProfile { ...props } />);
const handleSubmitSpy = jest.spyOn(
wrapper.instance(), 'handleSubmit'
);
const event = {
preventDefault: jest.fn(),
};
wrapper.instance().handleSubmit(event);
expect(handleSubmitSpy).toHaveBeenCalledTimes(1);
});
it('should render the connected component', () => {
const connectedComponent = shallow(
<ConnectedUpdateProfile { ...props } store={store} />
);
expect(connectedComponent.length).toBe(1);
});
});