65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
import { shallowMount } from '@vue/test-utils';
|
|
import SidebarLabels from '~/sidebar/components/labels/sidebar_labels.vue';
|
|
import {
|
|
DropdownVariant,
|
|
LabelType,
|
|
} from '~/vue_shared/components/sidebar/labels_select_widget/constants';
|
|
import LabelsSelect from '~/vue_shared/components/sidebar/labels_select_widget/labels_select_root.vue';
|
|
|
|
describe('sidebar labels', () => {
|
|
let wrapper;
|
|
|
|
const defaultProps = {
|
|
allowLabelEdit: true,
|
|
iid: '1',
|
|
issuableType: 'issue',
|
|
projectIssuesPath: '/gitlab-org/gitlab-test/-/issues',
|
|
fullPath: 'gitlab-org/gitlab-test',
|
|
};
|
|
|
|
const findLabelsSelect = () => wrapper.find(LabelsSelect);
|
|
|
|
const mountComponent = (props = {}) => {
|
|
wrapper = shallowMount(SidebarLabels, {
|
|
provide: {
|
|
...defaultProps,
|
|
...props,
|
|
},
|
|
});
|
|
};
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
wrapper = null;
|
|
});
|
|
|
|
describe('LabelsSelect props', () => {
|
|
describe.each`
|
|
issuableType
|
|
${'issue'}
|
|
${'merge_request'}
|
|
`('issuableType $issuableType', ({ issuableType }) => {
|
|
beforeEach(() => {
|
|
mountComponent({ issuableType });
|
|
});
|
|
|
|
it('has expected props', () => {
|
|
expect(findLabelsSelect().props()).toMatchObject({
|
|
iid: defaultProps.iid,
|
|
fullPath: defaultProps.fullPath,
|
|
allowLabelRemove: defaultProps.allowLabelEdit,
|
|
allowMultiselect: true,
|
|
footerCreateLabelTitle: 'Create project label',
|
|
footerManageLabelTitle: 'Manage project labels',
|
|
labelsCreateTitle: 'Create project label',
|
|
labelsFilterBasePath: defaultProps.projectIssuesPath,
|
|
variant: DropdownVariant.Sidebar,
|
|
issuableType,
|
|
workspaceType: 'project',
|
|
attrWorkspacePath: defaultProps.fullPath,
|
|
labelCreateType: LabelType.project,
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|