debian-mirror-gitlab/spec/frontend/ide/components/repo_commit_section_spec.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

161 lines
4.4 KiB
JavaScript
Raw Normal View History

2020-04-22 19:07:51 +05:30
import { mount } from '@vue/test-utils';
2021-03-08 18:12:59 +05:30
import { keepAlive } from 'helpers/keep_alive_component_helper';
2020-06-23 00:09:42 +05:30
import EmptyState from '~/ide/components/commit_sidebar/empty_state.vue';
2021-03-11 19:13:27 +05:30
import RepoCommitSection from '~/ide/components/repo_commit_section.vue';
2020-04-22 19:07:51 +05:30
import { stageKeys } from '~/ide/constants';
2021-03-11 19:13:27 +05:30
import { createRouter } from '~/ide/ide_router';
import { createStore } from '~/ide/stores';
2020-04-22 19:07:51 +05:30
import { file } from '../helpers';
const TEST_NO_CHANGES_SVG = 'nochangessvg';
describe('RepoCommitSection', () => {
let wrapper;
2020-06-23 00:09:42 +05:30
let router;
2020-04-22 19:07:51 +05:30
let store;
function createComponent() {
2021-01-03 14:25:43 +05:30
wrapper = mount(keepAlive(RepoCommitSection), { store });
2020-04-22 19:07:51 +05:30
}
function setupDefaultState() {
store.state.noChangesStateSvgPath = 'svg';
store.state.committedStateSvgPath = 'commitsvg';
store.state.currentProjectId = 'abcproject';
2021-09-04 01:27:46 +05:30
store.state.currentBranchId = 'main';
2020-04-22 19:07:51 +05:30
store.state.projects.abcproject = {
web_url: '',
branches: {
2021-09-04 01:27:46 +05:30
main: {
2020-04-22 19:07:51 +05:30
workingReference: '1',
},
},
};
2021-03-08 18:12:59 +05:30
const files = [file('file1'), file('file2')].map((f) =>
2020-04-22 19:07:51 +05:30
Object.assign(f, {
type: 'blob',
content: 'orginal content',
}),
);
2021-09-04 01:27:46 +05:30
store.state.currentBranch = 'main';
2020-04-22 19:07:51 +05:30
store.state.changedFiles = [];
store.state.stagedFiles = [{ ...files[0] }, { ...files[1] }];
2021-03-08 18:12:59 +05:30
store.state.stagedFiles.forEach((f) =>
2020-04-22 19:07:51 +05:30
Object.assign(f, {
changed: true,
staged: true,
content: 'testing',
}),
);
2021-03-08 18:12:59 +05:30
files.forEach((f) => {
2020-04-22 19:07:51 +05:30
store.state.entries[f.path] = f;
});
}
beforeEach(() => {
store = createStore();
2020-06-23 00:09:42 +05:30
router = createRouter(store);
2020-04-22 19:07:51 +05:30
jest.spyOn(store, 'dispatch');
jest.spyOn(router, 'push').mockImplementation();
});
2020-06-23 00:09:42 +05:30
describe('empty state', () => {
2020-04-22 19:07:51 +05:30
beforeEach(() => {
store.state.noChangesStateSvgPath = TEST_NO_CHANGES_SVG;
store.state.committedStateSvgPath = 'svg';
createComponent();
});
it('renders no changes text', () => {
2022-08-27 11:52:29 +05:30
expect(wrapper.findComponent(EmptyState).text().trim()).toContain('No changes');
expect(wrapper.findComponent(EmptyState).find('img').attributes('src')).toBe(
TEST_NO_CHANGES_SVG,
);
2020-04-22 19:07:51 +05:30
});
});
describe('default', () => {
beforeEach(() => {
setupDefaultState();
createComponent();
});
it('opens last opened file', () => {
expect(store.state.openFiles.length).toBe(1);
expect(store.state.openFiles[0].pending).toBe(true);
});
it('calls openPendingTab', () => {
expect(store.dispatch).toHaveBeenCalledWith('openPendingTab', {
file: store.getters.lastOpenedFile,
keyPrefix: stageKeys.staged,
});
});
it('renders a commit section', () => {
const allFiles = store.state.changedFiles.concat(store.state.stagedFiles);
const changedFileNames = wrapper
.findAll('.multi-file-commit-list > li')
2021-03-08 18:12:59 +05:30
.wrappers.map((x) => x.text().trim());
2020-04-22 19:07:51 +05:30
2021-03-08 18:12:59 +05:30
expect(changedFileNames).toEqual(allFiles.map((x) => x.path));
2020-04-22 19:07:51 +05:30
});
2020-06-23 00:09:42 +05:30
it('does not show empty state', () => {
2022-08-27 11:52:29 +05:30
expect(wrapper.findComponent(EmptyState).exists()).toBe(false);
2020-06-23 00:09:42 +05:30
});
});
describe('if nothing is changed or staged', () => {
beforeEach(() => {
setupDefaultState();
store.state.openFiles = [...Object.values(store.state.entries)];
store.state.openFiles[0].active = true;
store.state.stagedFiles = [];
createComponent();
});
it('opens currently active file', () => {
expect(store.state.openFiles.length).toBe(1);
expect(store.state.openFiles[0].pending).toBe(true);
expect(store.dispatch).toHaveBeenCalledWith('openPendingTab', {
file: store.state.entries[store.getters.activeFile.path],
keyPrefix: stageKeys.unstaged,
});
});
2020-04-22 19:07:51 +05:30
});
describe('with unstaged file', () => {
beforeEach(() => {
setupDefaultState();
2021-03-08 18:12:59 +05:30
store.state.changedFiles = store.state.stagedFiles.map((x) =>
2020-04-22 19:07:51 +05:30
Object.assign(x, { staged: false }),
);
store.state.stagedFiles = [];
createComponent();
});
it('calls openPendingTab with unstaged prefix', () => {
expect(store.dispatch).toHaveBeenCalledWith('openPendingTab', {
file: store.getters.lastOpenedFile,
keyPrefix: stageKeys.unstaged,
});
});
2020-06-23 00:09:42 +05:30
it('does not show empty state', () => {
2022-08-27 11:52:29 +05:30
expect(wrapper.findComponent(EmptyState).exists()).toBe(false);
2020-06-23 00:09:42 +05:30
});
2020-04-22 19:07:51 +05:30
});
});