blob: d0636352a3f72a315d3f4d95bd8063c5bc6190d3 (
plain)
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 IDEProjectHeader from '~/ide/components/ide_project_header.vue';
import ProjectAvatar from '~/vue_shared/components/project_avatar.vue';
const mockProject = {
id: 1,
name: 'test proj',
avatar_url: 'https://gitlab.com',
path_with_namespace: 'path/with-namespace',
web_url: 'https://gitlab.com/project',
};
describe('IDE project header', () => {
let wrapper;
const findProjectAvatar = () => wrapper.findComponent(ProjectAvatar);
const findProjectLink = () => wrapper.find('[data-testid="go-to-project-link"');
const createComponent = () => {
wrapper = shallowMount(IDEProjectHeader, { propsData: { project: mockProject } });
};
afterEach(() => {
wrapper.destroy();
});
describe('template', () => {
beforeEach(() => {
createComponent();
});
it('renders ProjectAvatar with correct props', () => {
expect(findProjectAvatar().props()).toMatchObject({
projectId: mockProject.id,
projectName: mockProject.name,
projectAvatarUrl: mockProject.avatar_url,
});
});
it('renders a link to the project URL', () => {
const link = findProjectLink();
expect(link.exists()).toBe(true);
expect(link.attributes('href')).toBe(mockProject.web_url);
});
});
});
|