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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
import { GlTable, GlButton } from '@gitlab/ui';
import { mountExtended } from 'helpers/vue_test_utils_helper';
import TokenProjectsTable from '~/token_access/components/token_projects_table.vue';
import { mockProjects, mockFields } from './mock_data';
describe('Token projects table', () => {
let wrapper;
const defaultProps = {
tableFields: mockFields,
projects: mockProjects,
};
const createComponent = (props) => {
wrapper = mountExtended(TokenProjectsTable, {
provide: {
fullPath: 'root/ci-project',
},
propsData: {
...defaultProps,
...props,
},
});
};
const findTable = () => wrapper.findComponent(GlTable);
const findDeleteProjectBtn = () => wrapper.findComponent(GlButton);
const findAllDeleteProjectBtn = () => wrapper.findAllComponents(GlButton);
const findAllTableRows = () => wrapper.findAllByTestId('projects-token-table-row');
const findProjectNameCell = () => wrapper.findByTestId('token-access-project-name');
const findProjectNamespaceCell = () => wrapper.findByTestId('token-access-project-namespace');
it('displays a table', () => {
createComponent();
expect(findTable().exists()).toBe(true);
});
it('displays the correct amount of table rows', () => {
createComponent();
expect(findAllTableRows()).toHaveLength(mockProjects.length);
});
it('delete project button emits event with correct project to delete', async () => {
createComponent();
await findDeleteProjectBtn().trigger('click');
expect(wrapper.emitted('removeProject')).toEqual([[mockProjects[0].fullPath]]);
});
it('does not show the remove icon if the project is locked', () => {
createComponent();
// currently two mock projects with one being a locked project
expect(findAllDeleteProjectBtn()).toHaveLength(1);
});
it('displays project and namespace cells', () => {
createComponent();
expect(findProjectNameCell().text()).toBe('merge-train-stuff');
expect(findProjectNamespaceCell().text()).toBe('root');
});
it('displays empty string for namespace when namespace is null', () => {
const nullNamespace = {
id: '1',
name: 'merge-train-stuff',
namespace: null,
fullPath: 'root/merge-train-stuff',
isLocked: false,
__typename: 'Project',
};
createComponent({ projects: [nullNamespace] });
expect(findProjectNamespaceCell().text()).toBe('');
});
});
|
