99 lines
2.2 KiB
JavaScript
99 lines
2.2 KiB
JavaScript
import Vue from 'vue';
|
|
import store from '~/ide/stores';
|
|
import repoFile from '~/ide/components/repo_file.vue';
|
|
import { file, resetStore } from '../helpers';
|
|
|
|
describe('RepoFile', () => {
|
|
const updated = 'updated';
|
|
let vm;
|
|
|
|
function createComponent(propsData) {
|
|
const RepoFile = Vue.extend(repoFile);
|
|
|
|
return new RepoFile({
|
|
store,
|
|
propsData,
|
|
}).$mount();
|
|
}
|
|
|
|
afterEach(() => {
|
|
resetStore(vm.$store);
|
|
});
|
|
|
|
it('renders link, icon and name', () => {
|
|
const RepoFile = Vue.extend(repoFile);
|
|
vm = new RepoFile({
|
|
store,
|
|
propsData: {
|
|
file: file('t4'),
|
|
},
|
|
});
|
|
spyOn(vm, 'timeFormated').and.returnValue(updated);
|
|
vm.$mount();
|
|
|
|
const name = vm.$el.querySelector('.repo-file-name');
|
|
|
|
expect(name.href).toMatch('');
|
|
expect(name.textContent.trim()).toEqual(vm.file.name);
|
|
});
|
|
|
|
it('does render if hasFiles is true and is loading tree', () => {
|
|
vm = createComponent({
|
|
file: file('t1'),
|
|
});
|
|
|
|
expect(vm.$el.querySelector('.fa-spin.fa-spinner')).toBeFalsy();
|
|
});
|
|
|
|
it('does not render commit message and datetime if mini', (done) => {
|
|
vm = createComponent({
|
|
file: file('t2'),
|
|
});
|
|
vm.$store.state.openFiles.push(vm.file);
|
|
|
|
vm.$nextTick(() => {
|
|
expect(vm.$el.querySelector('.commit-message')).toBeFalsy();
|
|
expect(vm.$el.querySelector('.commit-update')).toBeFalsy();
|
|
|
|
done();
|
|
});
|
|
});
|
|
|
|
it('fires clickFile when the link is clicked', () => {
|
|
vm = createComponent({
|
|
file: file('t3'),
|
|
});
|
|
|
|
spyOn(vm, 'clickFile');
|
|
|
|
vm.$el.click();
|
|
|
|
expect(vm.clickFile).toHaveBeenCalledWith(vm.file);
|
|
});
|
|
|
|
describe('submodule', () => {
|
|
let f;
|
|
|
|
beforeEach(() => {
|
|
f = file('submodule name', '123456789');
|
|
f.type = 'submodule';
|
|
|
|
vm = createComponent({
|
|
file: f,
|
|
});
|
|
});
|
|
|
|
afterEach(() => {
|
|
vm.$destroy();
|
|
});
|
|
|
|
it('renders submodule short ID', () => {
|
|
expect(vm.$el.querySelector('.commit-sha').textContent.trim()).toBe('12345678');
|
|
});
|
|
|
|
it('renders ID next to submodule name', () => {
|
|
expect(vm.$el.querySelector('td').textContent.replace(/\s+/g, ' ')).toContain('submodule name @ 12345678');
|
|
});
|
|
});
|
|
});
|