1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
import { shallowMount } from '@vue/test-utils';
import App from '~/pages/groups/new/components/app.vue';
import NewNamespacePage from '~/vue_shared/new_namespace/new_namespace_page.vue';
describe('App component', () => {
let wrapper;
const createComponent = (propsData = {}) => {
wrapper = shallowMount(App, { propsData: { groupsUrl: '/dashboard/groups', ...propsData } });
};
const findNewNamespacePage = () => wrapper.findComponent(NewNamespacePage);
const findCreateGroupPanel = () =>
findNewNamespacePage()
.props('panels')
.find((panel) => panel.name === 'create-group-pane');
it('creates correct component for group creation', () => {
createComponent();
expect(findNewNamespacePage().props('initialBreadcrumbs')).toEqual([
{ href: '/dashboard/groups', text: 'Groups' },
{ href: '#', text: 'New group' },
]);
expect(findCreateGroupPanel().title).toBe('Create group');
});
it('creates correct component for subgroup creation', () => {
const detailProps = {
parentGroupName: 'parent',
importExistingGroupPath: '/path',
};
const props = { ...detailProps, parentGroupUrl: '/parent' };
createComponent(props);
expect(findNewNamespacePage().props('initialBreadcrumbs')).toEqual([
{ href: '/parent', text: 'parent' },
{ href: '#', text: 'New subgroup' },
]);
expect(findCreateGroupPanel().title).toBe('Create subgroup');
expect(findCreateGroupPanel().detailProps).toEqual(detailProps);
});
});
|