143 lines
2.9 KiB
JavaScript
143 lines
2.9 KiB
JavaScript
import { shallowMount, RouterLinkStub } from '@vue/test-utils';
|
|
import { GlBadge } from '@gitlab/ui';
|
|
import { visitUrl } from '~/lib/utils/url_utility';
|
|
import TableRow from '~/repository/components/table/row.vue';
|
|
|
|
jest.mock('~/lib/utils/url_utility');
|
|
|
|
let vm;
|
|
let $router;
|
|
|
|
function factory(propsData = {}) {
|
|
$router = {
|
|
push: jest.fn(),
|
|
};
|
|
|
|
vm = shallowMount(TableRow, {
|
|
propsData: {
|
|
...propsData,
|
|
url: `https://test.com`,
|
|
},
|
|
mocks: {
|
|
$router,
|
|
},
|
|
stubs: {
|
|
RouterLink: RouterLinkStub,
|
|
},
|
|
});
|
|
|
|
vm.setData({ ref: 'master' });
|
|
}
|
|
|
|
describe('Repository table row component', () => {
|
|
afterEach(() => {
|
|
vm.destroy();
|
|
jest.clearAllMocks();
|
|
});
|
|
|
|
it('renders table row', () => {
|
|
factory({
|
|
id: '1',
|
|
path: 'test',
|
|
type: 'file',
|
|
currentPath: '/',
|
|
});
|
|
|
|
expect(vm.element).toMatchSnapshot();
|
|
});
|
|
|
|
it.each`
|
|
type | component | componentName
|
|
${'tree'} | ${RouterLinkStub} | ${'RouterLink'}
|
|
${'file'} | ${'a'} | ${'hyperlink'}
|
|
${'commit'} | ${'a'} | ${'hyperlink'}
|
|
`('renders a $componentName for type $type', ({ type, component }) => {
|
|
factory({
|
|
id: '1',
|
|
path: 'test',
|
|
type,
|
|
currentPath: '/',
|
|
});
|
|
|
|
expect(vm.find(component).exists()).toBe(true);
|
|
});
|
|
|
|
it.each`
|
|
type | pushes
|
|
${'tree'} | ${true}
|
|
${'file'} | ${false}
|
|
${'commit'} | ${false}
|
|
`('pushes new router if type $type is tree', ({ type, pushes }) => {
|
|
factory({
|
|
id: '1',
|
|
path: 'test',
|
|
type,
|
|
currentPath: '/',
|
|
});
|
|
|
|
vm.trigger('click');
|
|
|
|
if (pushes) {
|
|
expect($router.push).toHaveBeenCalledWith({ path: '/tree/master/test' });
|
|
} else {
|
|
expect($router.push).not.toHaveBeenCalled();
|
|
}
|
|
});
|
|
|
|
it.each`
|
|
type | pushes
|
|
${'tree'} | ${true}
|
|
${'file'} | ${false}
|
|
${'commit'} | ${false}
|
|
`('calls visitUrl if $type is not tree', ({ type, pushes }) => {
|
|
factory({
|
|
id: '1',
|
|
path: 'test',
|
|
type,
|
|
currentPath: '/',
|
|
});
|
|
|
|
vm.trigger('click');
|
|
|
|
if (pushes) {
|
|
expect(visitUrl).not.toHaveBeenCalled();
|
|
} else {
|
|
expect(visitUrl).toHaveBeenCalledWith('https://test.com');
|
|
}
|
|
});
|
|
|
|
it('renders commit ID for submodule', () => {
|
|
factory({
|
|
id: '1',
|
|
path: 'test',
|
|
type: 'commit',
|
|
currentPath: '/',
|
|
});
|
|
|
|
expect(vm.find('.commit-sha').text()).toContain('1');
|
|
});
|
|
|
|
it('renders link with href', () => {
|
|
factory({
|
|
id: '1',
|
|
path: 'test',
|
|
type: 'blob',
|
|
url: 'https://test.com',
|
|
currentPath: '/',
|
|
});
|
|
|
|
expect(vm.find('a').attributes('href')).toEqual('https://test.com');
|
|
});
|
|
|
|
it('renders LFS badge', () => {
|
|
factory({
|
|
id: '1',
|
|
path: 'test',
|
|
type: 'commit',
|
|
currentPath: '/',
|
|
lfsOid: '1',
|
|
});
|
|
|
|
expect(vm.find(GlBadge).exists()).toBe(true);
|
|
});
|
|
});
|