69 lines
2.2 KiB
JavaScript
69 lines
2.2 KiB
JavaScript
import { GlBadge } from '@gitlab/ui';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import { createMockDirective, getBinding } from 'helpers/vue_mock_directive';
|
|
|
|
import { TYPE_EPIC, TYPE_ISSUE, TYPE_MERGE_REQUEST } from '~/issues/constants';
|
|
import { TYPE_ACTIVITY, TYPE_COMMENT, TYPE_DESIGN, TYPE_SNIPPET } from '~/import/constants';
|
|
|
|
import ImportedBadge from '~/vue_shared/components/imported_badge.vue';
|
|
|
|
describe('ImportedBadge', () => {
|
|
let wrapper;
|
|
const defaultProps = {
|
|
importableType: TYPE_ISSUE,
|
|
};
|
|
|
|
const createComponent = ({ props = {} } = {}) => {
|
|
wrapper = shallowMount(ImportedBadge, {
|
|
propsData: {
|
|
...defaultProps,
|
|
...props,
|
|
},
|
|
directives: {
|
|
GlTooltip: createMockDirective('gl-tooltip'),
|
|
},
|
|
});
|
|
};
|
|
|
|
const findBadge = () => wrapper.findComponent(GlBadge);
|
|
const findSpan = () => wrapper.find('span');
|
|
const findBadgeTooltip = () => getBinding(findBadge().element, 'gl-tooltip');
|
|
|
|
it('renders "Imported" badge', () => {
|
|
createComponent();
|
|
|
|
expect(findSpan().exists()).toBe(false);
|
|
expect(findBadge().text()).toBe('Imported');
|
|
});
|
|
|
|
it('renders span instead of badge when text-only', () => {
|
|
createComponent({
|
|
props: {
|
|
textOnly: true,
|
|
},
|
|
});
|
|
|
|
expect(findBadge().exists()).toBe(false);
|
|
expect(findSpan().text()).toBe('Imported');
|
|
});
|
|
|
|
it.each`
|
|
importableType | tooltipText
|
|
${TYPE_ACTIVITY} | ${'This activity was imported from another instance.'}
|
|
${TYPE_COMMENT} | ${'This comment was imported from another instance.'}
|
|
${TYPE_DESIGN} | ${'This design was imported from another instance.'}
|
|
${TYPE_EPIC} | ${'This epic was imported from another instance.'}
|
|
${TYPE_ISSUE} | ${'This issue was imported from another instance.'}
|
|
${TYPE_MERGE_REQUEST} | ${'This merge request was imported from another instance.'}
|
|
${TYPE_SNIPPET} | ${'This snippet was imported from another instance.'}
|
|
`('renders tooltip for $importableType', ({ importableType, tooltipText }) => {
|
|
createComponent({
|
|
props: {
|
|
importableType,
|
|
},
|
|
});
|
|
|
|
expect(findBadgeTooltip().value).toBe(tooltipText);
|
|
});
|
|
});
|