82 lines
2.2 KiB
JavaScript
82 lines
2.2 KiB
JavaScript
import { shallowMount, createLocalVue } from '@vue/test-utils';
|
|
import Vuex from 'vuex';
|
|
import { createMockDirective, getBinding } from 'helpers/vue_mock_directive';
|
|
import RemoveMemberButton from '~/members/components/action_buttons/remove_member_button.vue';
|
|
import { MEMBER_TYPES } from '~/members/constants';
|
|
|
|
const localVue = createLocalVue();
|
|
localVue.use(Vuex);
|
|
|
|
describe('RemoveMemberButton', () => {
|
|
let wrapper;
|
|
|
|
const createStore = (state = {}) => {
|
|
return new Vuex.Store({
|
|
modules: {
|
|
[MEMBER_TYPES.user]: {
|
|
namespaced: true,
|
|
state: {
|
|
memberPath: '/groups/foo-bar/-/group_members/:id',
|
|
...state,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
};
|
|
|
|
const createComponent = (propsData = {}, state) => {
|
|
wrapper = shallowMount(RemoveMemberButton, {
|
|
localVue,
|
|
store: createStore(state),
|
|
provide: {
|
|
namespace: MEMBER_TYPES.user,
|
|
},
|
|
propsData: {
|
|
memberId: 1,
|
|
memberType: 'GroupMember',
|
|
message: 'Are you sure you want to remove John Smith?',
|
|
title: 'Remove member',
|
|
isAccessRequest: true,
|
|
isInvite: true,
|
|
oncallSchedules: { name: 'user', schedules: [] },
|
|
...propsData,
|
|
},
|
|
directives: {
|
|
GlTooltip: createMockDirective(),
|
|
},
|
|
});
|
|
};
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
});
|
|
|
|
it('sets attributes on button', () => {
|
|
createComponent();
|
|
|
|
expect(wrapper.attributes()).toMatchObject({
|
|
'data-member-path': '/groups/foo-bar/-/group_members/1',
|
|
'data-member-type': 'GroupMember',
|
|
'data-message': 'Are you sure you want to remove John Smith?',
|
|
'data-is-access-request': 'true',
|
|
'data-is-invite': 'true',
|
|
'data-oncall-schedules': '{"name":"user","schedules":[]}',
|
|
'aria-label': 'Remove member',
|
|
title: 'Remove member',
|
|
icon: 'remove',
|
|
});
|
|
});
|
|
|
|
it('displays `title` prop as a tooltip', () => {
|
|
createComponent();
|
|
|
|
expect(getBinding(wrapper.element, 'gl-tooltip')).not.toBeUndefined();
|
|
});
|
|
|
|
it('has CSS class used by `remove_member_modal.vue`', () => {
|
|
createComponent();
|
|
|
|
expect(wrapper.classes()).toContain('js-remove-member-button');
|
|
});
|
|
});
|