debian-mirror-gitlab/spec/frontend/repository/components/table/index_spec.js

81 lines
1.7 KiB
JavaScript
Raw Normal View History

2019-09-04 21:01:54 +05:30
import { shallowMount } from '@vue/test-utils';
2019-12-26 22:10:19 +05:30
import { GlSkeletonLoading } from '@gitlab/ui';
2019-09-04 21:01:54 +05:30
import Table from '~/repository/components/table/index.vue';
2019-12-26 22:10:19 +05:30
import TableRow from '~/repository/components/table/row.vue';
2019-09-04 21:01:54 +05:30
let vm;
let $apollo;
2019-12-26 22:10:19 +05:30
const MOCK_BLOBS = [
{
id: '123abc',
sha: '123abc',
flatPath: 'blob',
name: 'blob.md',
type: 'blob',
webUrl: 'http://test.com',
},
{
id: '124abc',
sha: '124abc',
flatPath: 'blob2',
name: 'blob2.md',
type: 'blob',
webUrl: 'http://test.com',
},
];
function factory({ path, isLoading = false, entries = {} }) {
2019-09-04 21:01:54 +05:30
vm = shallowMount(Table, {
propsData: {
path,
2019-12-26 22:10:19 +05:30
isLoading,
entries,
2019-09-04 21:01:54 +05:30
},
mocks: {
$apollo,
},
});
}
describe('Repository table component', () => {
afterEach(() => {
vm.destroy();
});
it.each`
path | ref
${'/'} | ${'master'}
${'app/assets'} | ${'master'}
${'/'} | ${'test'}
`('renders table caption for $ref in $path', ({ path, ref }) => {
2019-12-26 22:10:19 +05:30
factory({ path });
2019-09-04 21:01:54 +05:30
vm.setData({ ref });
2020-03-09 13:42:32 +05:30
return vm.vm.$nextTick(() => {
expect(vm.find('.table').attributes('aria-label')).toEqual(
`Files, directories, and submodules in the path ${path} for commit reference ${ref}`,
);
});
2019-09-04 21:01:54 +05:30
});
it('shows loading icon', () => {
2019-12-26 22:10:19 +05:30
factory({ path: '/', isLoading: true });
2019-09-04 21:01:54 +05:30
2019-12-26 22:10:19 +05:30
expect(vm.find(GlSkeletonLoading).exists()).toBe(true);
2019-09-04 21:01:54 +05:30
});
2019-12-26 22:10:19 +05:30
it('renders table rows', () => {
factory({
path: '/',
entries: {
blobs: MOCK_BLOBS,
},
2019-09-04 21:01:54 +05:30
});
2019-12-26 22:10:19 +05:30
expect(vm.find(TableRow).exists()).toBe(true);
expect(vm.findAll(TableRow).length).toBe(2);
2019-09-04 21:01:54 +05:30
});
});