spec fixes
This commit is contained in:
parent
fe1871b58c
commit
133e66d22d
4 changed files with 148 additions and 141 deletions
|
@ -1,6 +1,6 @@
|
|||
<script>
|
||||
import RepoHelper from '../../helpers/repo_helper';
|
||||
import RepoStore from '../../stores/repo_store';
|
||||
import RepoHelper from '../../helpers/repo_helper';
|
||||
import eventHub from '../../event_hub';
|
||||
import newModal from './modal.vue';
|
||||
|
||||
|
|
|
@ -1,5 +1,8 @@
|
|||
import Vue from 'vue';
|
||||
import newDropdown from '~/repo/components/new_dropdown/index.vue';
|
||||
import RepoStore from '~/repo/stores/repo_store';
|
||||
import RepoHelper from '~/repo/helpers/repo_helper';
|
||||
import eventHub from '~/repo/event_hub';
|
||||
import createComponent from '../../../helpers/vue_mount_component_helper';
|
||||
|
||||
describe('new dropdown component', () => {
|
||||
|
@ -13,6 +16,10 @@ describe('new dropdown component', () => {
|
|||
|
||||
afterEach(() => {
|
||||
vm.$destroy();
|
||||
|
||||
RepoStore.files = [];
|
||||
RepoStore.openedFiles = [];
|
||||
RepoStore.setViewToPreview();
|
||||
});
|
||||
|
||||
it('renders new file and new directory links', () => {
|
||||
|
@ -60,4 +67,125 @@ describe('new dropdown component', () => {
|
|||
.catch(done.fail);
|
||||
});
|
||||
});
|
||||
|
||||
describe('createEntryInStore', () => {
|
||||
['tree', 'blob'].forEach((type) => {
|
||||
describe(type, () => {
|
||||
it('closes modal after creating file', () => {
|
||||
vm.openModal = true;
|
||||
|
||||
eventHub.$emit('createNewEntry', 'testing', type);
|
||||
|
||||
expect(vm.openModal).toBeFalsy();
|
||||
});
|
||||
|
||||
it('sets editMode to true', () => {
|
||||
eventHub.$emit('createNewEntry', 'testing', type);
|
||||
|
||||
expect(RepoStore.editMode).toBeTruthy();
|
||||
});
|
||||
|
||||
it('toggles blob view', () => {
|
||||
eventHub.$emit('createNewEntry', 'testing', type);
|
||||
|
||||
expect(RepoStore.isPreviewView()).toBeFalsy();
|
||||
});
|
||||
|
||||
it('adds file into activeFiles', () => {
|
||||
eventHub.$emit('createNewEntry', 'testing', type);
|
||||
|
||||
expect(RepoStore.openedFiles.length).toBe(1);
|
||||
});
|
||||
|
||||
it(`creates ${type} in the current stores path`, () => {
|
||||
RepoStore.path = 'testing';
|
||||
|
||||
eventHub.$emit('createNewEntry', 'testing/app', type);
|
||||
|
||||
expect(RepoStore.files[0].path).toBe('testing/app');
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
|
||||
if (type === 'tree') {
|
||||
expect(RepoStore.files[0].files.length).toBe(1);
|
||||
}
|
||||
|
||||
RepoStore.path = '';
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('file', () => {
|
||||
it('creates new file', () => {
|
||||
eventHub.$emit('createNewEntry', 'testing', 'blob');
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('testing');
|
||||
expect(RepoStore.files[0].type).toBe('blob');
|
||||
expect(RepoStore.files[0].tempFile).toBeTruthy();
|
||||
});
|
||||
|
||||
it('does not create temp file when file already exists', () => {
|
||||
RepoStore.files.push(RepoHelper.serializeRepoEntity('blob', {
|
||||
name: 'testing',
|
||||
}));
|
||||
|
||||
eventHub.$emit('createNewEntry', 'testing', 'blob');
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('testing');
|
||||
expect(RepoStore.files[0].type).toBe('blob');
|
||||
expect(RepoStore.files[0].tempFile).toBeUndefined();
|
||||
});
|
||||
});
|
||||
|
||||
describe('tree', () => {
|
||||
it('creates new tree', () => {
|
||||
eventHub.$emit('createNewEntry', 'testing', 'tree');
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('testing');
|
||||
expect(RepoStore.files[0].type).toBe('tree');
|
||||
expect(RepoStore.files[0].tempFile).toBeTruthy();
|
||||
expect(RepoStore.files[0].files.length).toBe(1);
|
||||
expect(RepoStore.files[0].files[0].name).toBe('.gitkeep');
|
||||
});
|
||||
|
||||
it('creates multiple trees when entryName has slashes', () => {
|
||||
eventHub.$emit('createNewEntry', 'app/test', 'tree');
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
expect(RepoStore.files[0].files[0].name).toBe('test');
|
||||
expect(RepoStore.files[0].files[0].files[0].name).toBe('.gitkeep');
|
||||
});
|
||||
|
||||
it('creates tree in existing tree', () => {
|
||||
RepoStore.files.push(RepoHelper.serializeRepoEntity('tree', {
|
||||
name: 'app',
|
||||
}));
|
||||
|
||||
eventHub.$emit('createNewEntry', 'app/test', 'tree');
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
expect(RepoStore.files[0].tempFile).toBeUndefined();
|
||||
expect(RepoStore.files[0].files[0].tempFile).toBeTruthy();
|
||||
expect(RepoStore.files[0].files[0].name).toBe('test');
|
||||
expect(RepoStore.files[0].files[0].files[0].name).toBe('.gitkeep');
|
||||
});
|
||||
|
||||
it('does not create new tree when already exists', () => {
|
||||
RepoStore.files.push(RepoHelper.serializeRepoEntity('tree', {
|
||||
name: 'app',
|
||||
}));
|
||||
|
||||
eventHub.$emit('createNewEntry', 'app', 'tree');
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
expect(RepoStore.files[0].tempFile).toBeUndefined();
|
||||
expect(RepoStore.files[0].files.length).toBe(0);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
import Vue from 'vue';
|
||||
import RepoStore from '~/repo/stores/repo_store';
|
||||
import RepoHelper from '~/repo/helpers/repo_helper';
|
||||
import modal from '~/repo/components/new_dropdown/modal.vue';
|
||||
import eventHub from '~/repo/event_hub';
|
||||
import createComponent from '../../../helpers/vue_mount_component_helper';
|
||||
|
||||
describe('new file modal component', () => {
|
||||
|
@ -21,6 +21,7 @@ describe('new file modal component', () => {
|
|||
beforeEach(() => {
|
||||
vm = createComponent(Component, {
|
||||
type,
|
||||
currentPath: RepoStore.path,
|
||||
});
|
||||
});
|
||||
|
||||
|
@ -41,144 +42,6 @@ describe('new file modal component', () => {
|
|||
|
||||
expect(vm.$el.querySelector('.label-light').textContent.trim()).toBe(`${title} name`);
|
||||
});
|
||||
|
||||
it('emits toggle event after creating file', () => {
|
||||
spyOn(vm, '$emit');
|
||||
|
||||
vm.entryName = 'testing';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(vm.$emit).toHaveBeenCalledWith('toggle');
|
||||
});
|
||||
|
||||
it('sets editMode to true', () => {
|
||||
vm.entryName = 'testing';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.editMode).toBeTruthy();
|
||||
});
|
||||
|
||||
it('toggles blob view', () => {
|
||||
vm.entryName = 'testing';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.isPreviewView()).toBeFalsy();
|
||||
});
|
||||
|
||||
it('adds file into activeFiles', () => {
|
||||
vm.entryName = 'testing';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.openedFiles.length).toBe(1);
|
||||
});
|
||||
|
||||
it(`creates ${type} in the current stores path`, () => {
|
||||
RepoStore.path = 'testing';
|
||||
vm.entryName = 'testing/app';
|
||||
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.files[0].path).toBe('testing/app');
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
|
||||
if (type === 'tree') {
|
||||
expect(RepoStore.files[0].files.length).toBe(1);
|
||||
}
|
||||
|
||||
RepoStore.path = '';
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('file', () => {
|
||||
beforeEach(() => {
|
||||
vm = createComponent(Component, {
|
||||
type: 'blob',
|
||||
});
|
||||
});
|
||||
|
||||
it('creates new file', () => {
|
||||
vm.entryName = 'testing';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('testing');
|
||||
expect(RepoStore.files[0].type).toBe('blob');
|
||||
expect(RepoStore.files[0].tempFile).toBeTruthy();
|
||||
});
|
||||
|
||||
it('does not create temp file when file already exists', () => {
|
||||
RepoStore.files.push(RepoHelper.serializeRepoEntity('blob', {
|
||||
name: 'testing',
|
||||
}));
|
||||
|
||||
vm.entryName = 'testing';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('testing');
|
||||
expect(RepoStore.files[0].type).toBe('blob');
|
||||
expect(RepoStore.files[0].tempFile).toBeUndefined();
|
||||
});
|
||||
});
|
||||
|
||||
describe('tree', () => {
|
||||
beforeEach(() => {
|
||||
vm = createComponent(Component, {
|
||||
type: 'tree',
|
||||
});
|
||||
});
|
||||
|
||||
it('creates new tree', () => {
|
||||
vm.entryName = 'testing';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('testing');
|
||||
expect(RepoStore.files[0].type).toBe('tree');
|
||||
expect(RepoStore.files[0].tempFile).toBeTruthy();
|
||||
expect(RepoStore.files[0].files.length).toBe(1);
|
||||
expect(RepoStore.files[0].files[0].name).toBe('.gitkeep');
|
||||
});
|
||||
|
||||
it('creates multiple trees when entryName has slashes', () => {
|
||||
vm.entryName = 'app/test';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
expect(RepoStore.files[0].files[0].name).toBe('test');
|
||||
expect(RepoStore.files[0].files[0].files[0].name).toBe('.gitkeep');
|
||||
});
|
||||
|
||||
it('creates tree in existing tree', () => {
|
||||
RepoStore.files.push(RepoHelper.serializeRepoEntity('tree', {
|
||||
name: 'app',
|
||||
}));
|
||||
|
||||
vm.entryName = 'app/test';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
expect(RepoStore.files[0].tempFile).toBeUndefined();
|
||||
expect(RepoStore.files[0].files[0].tempFile).toBeTruthy();
|
||||
expect(RepoStore.files[0].files[0].name).toBe('test');
|
||||
expect(RepoStore.files[0].files[0].files[0].name).toBe('.gitkeep');
|
||||
});
|
||||
|
||||
it('does not create new tree when already exists', () => {
|
||||
RepoStore.files.push(RepoHelper.serializeRepoEntity('tree', {
|
||||
name: 'app',
|
||||
}));
|
||||
|
||||
vm.entryName = 'app';
|
||||
vm.$el.querySelector('.btn-success').click();
|
||||
|
||||
expect(RepoStore.files.length).toBe(1);
|
||||
expect(RepoStore.files[0].name).toBe('app');
|
||||
expect(RepoStore.files[0].tempFile).toBeUndefined();
|
||||
expect(RepoStore.files[0].files.length).toBe(0);
|
||||
});
|
||||
});
|
||||
|
||||
|
@ -187,10 +50,27 @@ describe('new file modal component', () => {
|
|||
|
||||
vm = createComponent(Component, {
|
||||
type: 'tree',
|
||||
currentPath: RepoStore.path,
|
||||
}, '.js-test');
|
||||
|
||||
expect(document.activeElement).toBe(vm.$refs.fieldName);
|
||||
|
||||
vm.$el.remove();
|
||||
});
|
||||
|
||||
describe('createEntryInStore', () => {
|
||||
it('emits createNewEntry event', () => {
|
||||
spyOn(eventHub, '$emit');
|
||||
|
||||
vm = createComponent(Component, {
|
||||
type: 'tree',
|
||||
currentPath: RepoStore.path,
|
||||
});
|
||||
vm.entryName = 'testing';
|
||||
|
||||
vm.createEntryInStore();
|
||||
|
||||
expect(eventHub.$emit).toHaveBeenCalledWith('createNewEntry', 'testing', 'tree');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
@ -35,7 +35,6 @@ describe('RepoFileButtons', () => {
|
|||
const blame = vm.$el.querySelector('.blame');
|
||||
const history = vm.$el.querySelector('.history');
|
||||
|
||||
expect(vm.$el.id).toEqual('repo-file-buttons');
|
||||
expect(raw.href).toMatch(`/${activeFile.raw_path}`);
|
||||
expect(raw.textContent.trim()).toEqual('Raw');
|
||||
expect(blame.href).toMatch(`/${activeFile.blame_path}`);
|
||||
|
|
Loading…
Reference in a new issue