35 lines
1.4 KiB
JavaScript
35 lines
1.4 KiB
JavaScript
import { shallowMount } from '@vue/test-utils';
|
|
import GroupAvatar from '~/members/components/avatars/group_avatar.vue';
|
|
import InviteAvatar from '~/members/components/avatars/invite_avatar.vue';
|
|
import UserAvatar from '~/members/components/avatars/user_avatar.vue';
|
|
import MemberAvatar from '~/members/components/table/member_avatar.vue';
|
|
import { MEMBER_TYPES } from '~/members/constants';
|
|
import { member as memberMock, group, invite, accessRequest } from '../../mock_data';
|
|
|
|
describe('MemberList', () => {
|
|
let wrapper;
|
|
|
|
const createComponent = (propsData) => {
|
|
wrapper = shallowMount(MemberAvatar, {
|
|
propsData: {
|
|
isCurrentUser: false,
|
|
...propsData,
|
|
},
|
|
});
|
|
};
|
|
|
|
it.each`
|
|
memberType | member | expectedComponent | expectedComponentName
|
|
${MEMBER_TYPES.user} | ${memberMock} | ${UserAvatar} | ${'UserAvatar'}
|
|
${MEMBER_TYPES.group} | ${group} | ${GroupAvatar} | ${'GroupAvatar'}
|
|
${MEMBER_TYPES.invite} | ${invite} | ${InviteAvatar} | ${'InviteAvatar'}
|
|
${MEMBER_TYPES.accessRequest} | ${accessRequest} | ${UserAvatar} | ${'UserAvatar'}
|
|
`(
|
|
'renders $expectedComponentName when `memberType` is $memberType',
|
|
({ memberType, member, expectedComponent }) => {
|
|
createComponent({ memberType, member });
|
|
|
|
expect(wrapper.findComponent(expectedComponent).exists()).toBe(true);
|
|
},
|
|
);
|
|
});
|