describe('<AboutPage />', () => { it('should have a header called \'About\'', () => { const wrapper = shallow(<AboutPage />); const actual = wrapper.find('h2').text(); const expected = 'About'; expect(actual).toEqual(expected); }); it('should have a header with \'alt-header\' class', () => { const wrapper = shallow(<AboutPage />); const actual = wrapper.find('h2').prop('className'); const expected = 'alt-header'; expect(actual).toEqual(expected); }); it('should link to an unknown route path', () => { const wrapper = shallow(<AboutPage />); const actual = wrapper.findWhere(n => n.prop('to') === '/badlink').length; const expected = 1; expect(actual).toEqual(expected); }); });
const placeholder = wrapper.find('input').prop('placeholder'); expect(placeholder).toEqual('Type Here'); });
describe('ExpPhotos Component', () => { // shallow snapshot testing it('should match snapshot', () => { const result = shallow(<PureExpPhotos dispatch={jest.fn()} />) expect(result).toMatchSnapshot() }) it('should hide spinner when loading=false', () => { const wrapper = shallow(<PureExpPhotos dispatch={jest.fn()} />) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toEqual(false) }) })
describe('Gallery Component', () => { const props = { param: 'takkar', photos: Post.photos, ud: User.user_details, } // shallow snapshot testing it('should match snapshot', () => { const result = shallow(<PureGallery {...props} dispatch={jest.fn()} />) expect(result).toMatchSnapshot() }) it('should hide spinner when loading=false', () => { const wrapper = shallow(<PureGallery {...props} dispatch={jest.fn()} />) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toEqual(false) }) })
describe('AddGroupMembers Component', () => { it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <AddGroupMembers /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should mock addMember action', () => { const wrapper = shallow( <PureAddGroupMembers gd={Group.group_details} session={24} /> ) wrapper.find('SearchFollowings').prop('done')(7) }) })
describe('GroupMembers Component', () => { MockDataElement() it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <GroupMembers /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should hide spinner when loading == false', () => { const wrapper = shallow( <PureGroupMembers dispatch={jest.fn()} gd={Group.group_details} members={Group.members} /> ) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toBe(false) }) })
describe('DeactivateForm Component', () => { const comp = <DeactivateForm password="mypassword" change={jest.fn()} /> it('should match snapshot', () => { const tree = create(comp).toJSON() expect(tree).toMatchSnapshot() }) it('should show <Prompt/> when form is submitted', () => { const wrapper = shallow(comp) wrapper .find('form.dlt_acc_form') .simulate('submit', { preventDefault() {} }) expect(wrapper.find('Prompt').exists()).toBe(true) }) it("should mock deactivate action when clicked on Prompt's done button", () => { const wrapper = shallow(comp) wrapper.setState({ showPrompt: true }) wrapper.find('Prompt').prop('action')({ preventDefault() {}, }) }) })
describe('GroupGallery Component', () => { const props = { param: 'takkar', photos: Post.photos, gd: Group.group_details, } const comp = <PureGroupGallery {...props} dispatch={jest.fn()} /> // shallow snapshot testing it('should match snapshot', () => { const result = shallow(comp) expect(result).toMatchSnapshot() }) it('should hide spinner when loading=false', () => { const wrapper = shallow(comp) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toEqual(false) }) })
describe('Invite Component', () => { const mockFn = jest.fn() const props = { group: 11, back: mockFn, } it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <Invite {...props} /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should match snapshot', () => { const wrapper = shallow( <PureInvite {...props} users={Group.usersToInvite} dispatch={mockFn} /> ) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toBe(false) }) })
describe('ProfileSettings Component', () => { it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <ProfileSettings /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should hide spinner when loading=false', () => { const wrapper = shallow( <PureProfileSettings session={User.session} dispatch={jest.fn()} /> ) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toEqual(false) }) })
describe('Bookmarks Component', () => { MockDataElement() it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <Bookmarks param="takkar" /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should hide spinner when loading == false', () => { const wrapper = shallow( <PureBookmarks dispatch={jest.fn()} param="ghalib" ud={User.user_details} bookmarks={Post.bookmarks} /> ) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toBe(false) }) })
describe('OnlineUsers Component', () => { let mockFn = jest.fn() it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <OnlineUsers back={mockFn} /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should hide spinner when loading=false', () => { const wrapper = shallow( <PureOnlineUsers back={mockFn} onlineUsers={Message.onlineUsers} dispatch={mockFn} /> ) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toEqual(false) }) })
describe('Followings Component', () => { MockDataElement() it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <Followings param="takkar" /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should hide spinner when loading == false', () => { const wrapper = shallow( <PureFollowings dispatch={jest.fn()} param="ghalib" ud={User.user_details} followings={Follow.followings} /> ) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toBe(false) }) })
describe('Tagged Component', () => { MockDataElement() it('should match snapshot', () => { const tree = create( <Provider store={mockStore}> <Tagged param="takkar" /> </Provider> ).toJSON() expect(tree).toMatchSnapshot() }) it('should hide spinner when loading == false', () => { const wrapper = shallow( <PureTagged dispatch={jest.fn()} param="ghalib" ud={User.user_details} tagged={Post.tagged} /> ) wrapper.setState({ loading: false }) expect(wrapper.find('IsLoading').prop('loading')).toBe(false) }) })