2019-12-04 20:38:33 +05:30
|
|
|
import { shallowMount } from '@vue/test-utils';
|
|
|
|
import { TEST_HOST } from 'helpers/test_constants';
|
|
|
|
import AssigneeAvatarLink from '~/sidebar/components/assignees/assignee_avatar_link.vue';
|
|
|
|
import AssigneeAvatar from '~/sidebar/components/assignees/assignee_avatar.vue';
|
|
|
|
import userDataMock from '../../user_data_mock';
|
|
|
|
|
|
|
|
const TOOLTIP_PLACEMENT = 'bottom';
|
2020-01-01 13:55:28 +05:30
|
|
|
const { name: USER_NAME } = userDataMock();
|
2019-12-04 20:38:33 +05:30
|
|
|
const TEST_ISSUABLE_TYPE = 'merge_request';
|
|
|
|
|
|
|
|
describe('AssigneeAvatarLink component', () => {
|
|
|
|
let wrapper;
|
|
|
|
|
|
|
|
function createComponent(props = {}) {
|
|
|
|
const propsData = {
|
|
|
|
user: userDataMock(),
|
|
|
|
showLess: true,
|
|
|
|
rootPath: TEST_HOST,
|
|
|
|
tooltipPlacement: TOOLTIP_PLACEMENT,
|
|
|
|
singleUser: false,
|
|
|
|
issuableType: TEST_ISSUABLE_TYPE,
|
|
|
|
...props,
|
|
|
|
};
|
|
|
|
|
|
|
|
wrapper = shallowMount(AssigneeAvatarLink, {
|
|
|
|
propsData,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
wrapper.destroy();
|
|
|
|
});
|
|
|
|
|
2020-03-13 15:44:24 +05:30
|
|
|
const findTooltipText = () => wrapper.attributes('title');
|
2019-12-04 20:38:33 +05:30
|
|
|
|
|
|
|
it('has the root url present in the assigneeUrl method', () => {
|
|
|
|
createComponent();
|
|
|
|
|
2020-01-01 13:55:28 +05:30
|
|
|
expect(wrapper.attributes().href).toEqual(userDataMock().web_url);
|
2019-12-04 20:38:33 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
it('renders assignee avatar', () => {
|
|
|
|
createComponent();
|
|
|
|
|
|
|
|
expect(wrapper.find(AssigneeAvatar).props()).toEqual(
|
|
|
|
expect.objectContaining({
|
|
|
|
issuableType: TEST_ISSUABLE_TYPE,
|
|
|
|
user: userDataMock(),
|
|
|
|
}),
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
describe.each`
|
|
|
|
issuableType | tooltipHasName | canMerge | expected
|
|
|
|
${'merge_request'} | ${true} | ${true} | ${USER_NAME}
|
|
|
|
${'merge_request'} | ${true} | ${false} | ${`${USER_NAME} (cannot merge)`}
|
|
|
|
${'merge_request'} | ${false} | ${true} | ${''}
|
|
|
|
${'merge_request'} | ${false} | ${false} | ${'Cannot merge'}
|
|
|
|
${'issue'} | ${true} | ${true} | ${USER_NAME}
|
|
|
|
${'issue'} | ${true} | ${false} | ${USER_NAME}
|
|
|
|
${'issue'} | ${false} | ${true} | ${''}
|
|
|
|
${'issue'} | ${false} | ${false} | ${''}
|
|
|
|
`(
|
|
|
|
'with $issuableType and tooltipHasName=$tooltipHasName and canMerge=$canMerge',
|
|
|
|
({ issuableType, tooltipHasName, canMerge, expected }) => {
|
|
|
|
beforeEach(() => {
|
|
|
|
createComponent({
|
|
|
|
issuableType,
|
|
|
|
tooltipHasName,
|
|
|
|
user: {
|
|
|
|
...userDataMock(),
|
|
|
|
can_merge: canMerge,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it('sets tooltip', () => {
|
|
|
|
expect(findTooltipText()).toBe(expected);
|
|
|
|
});
|
|
|
|
},
|
|
|
|
);
|
|
|
|
});
|