debian-mirror-gitlab/spec/frontend/ide/components/ide_spec.js
2021-02-22 17:27:13 +05:30

145 lines
3.8 KiB
JavaScript

import Vuex from 'vuex';
import { createLocalVue, shallowMount } from '@vue/test-utils';
import waitForPromises from 'helpers/wait_for_promises';
import { createStore } from '~/ide/stores';
import ErrorMessage from '~/ide/components/error_message.vue';
import ide from '~/ide/components/ide.vue';
import { file } from '../helpers';
import { projectData } from '../mock_data';
const localVue = createLocalVue();
localVue.use(Vuex);
describe('WebIDE', () => {
const emptyProjData = { ...projectData, empty_repo: true, branches: {} };
let wrapper;
function createComponent({ projData = emptyProjData, state = {} } = {}) {
const store = createStore();
store.state.currentProjectId = 'abcproject';
store.state.currentBranchId = 'master';
store.state.projects.abcproject = { ...projData };
store.state.trees['abcproject/master'] = {
tree: [],
loading: false,
};
Object.keys(state).forEach(key => {
store.state[key] = state[key];
});
return shallowMount(ide, {
store,
localVue,
});
}
afterEach(() => {
wrapper.destroy();
wrapper = null;
});
describe('ide component, empty repo', () => {
beforeEach(() => {
wrapper = createComponent({
projData: {
empty_repo: true,
},
});
});
it('renders "New file" button in empty repo', async () => {
expect(wrapper.find('[title="New file"]').exists()).toBe(true);
});
});
describe('ide component, non-empty repo', () => {
describe('error message', () => {
it.each`
errorMessage | exists
${null} | ${false}
${{ text: 'error' }} | ${true}
`(
'should error message exists=$exists when errorMessage=$errorMessage',
async ({ errorMessage, exists }) => {
wrapper = createComponent({
state: {
errorMessage,
},
});
await waitForPromises();
expect(wrapper.find(ErrorMessage).exists()).toBe(exists);
},
);
});
describe('onBeforeUnload', () => {
it('returns undefined when no staged files or changed files', () => {
wrapper = createComponent();
expect(wrapper.vm.onBeforeUnload()).toBe(undefined);
});
it('returns warning text when their are changed files', () => {
wrapper = createComponent({
state: {
changedFiles: [file()],
},
});
expect(wrapper.vm.onBeforeUnload()).toBe('Are you sure you want to lose unsaved changes?');
});
it('returns warning text when their are staged files', () => {
wrapper = createComponent({
state: {
stagedFiles: [file()],
},
});
expect(wrapper.vm.onBeforeUnload()).toBe('Are you sure you want to lose unsaved changes?');
});
it('updates event object', () => {
const event = {};
wrapper = createComponent({
state: {
stagedFiles: [file()],
},
});
wrapper.vm.onBeforeUnload(event);
expect(event.returnValue).toBe('Are you sure you want to lose unsaved changes?');
});
});
describe('non-existent branch', () => {
it('does not render "New file" button for non-existent branch when repo is not empty', () => {
wrapper = createComponent({
state: {
projects: {},
},
});
expect(wrapper.find('[title="New file"]').exists()).toBe(false);
});
});
describe('branch with files', () => {
beforeEach(() => {
wrapper = createComponent({
projData: {
empty_repo: false,
},
});
});
it('does not render "New file" button', () => {
expect(wrapper.find('[title="New file"]').exists()).toBe(false);
});
});
});
});