debian-mirror-gitlab/spec/frontend/merge_request_spec.js

192 lines
6.4 KiB
JavaScript
Raw Normal View History

2018-05-09 12:01:36 +05:30
import $ from 'jquery';
2018-03-17 18:26:18 +05:30
import MockAdapter from 'axios-mock-adapter';
import axios from '~/lib/utils/axios_utils';
import MergeRequest from '~/merge_request';
2017-09-10 17:25:29 +05:30
import CloseReopenReportToggle from '~/close_reopen_report_toggle';
import IssuablesHelper from '~/helpers/issuables_helper';
2020-06-23 00:09:42 +05:30
import { TEST_HOST } from 'spec/test_constants';
2016-09-13 17:45:13 +05:30
2020-06-23 00:09:42 +05:30
describe('MergeRequest', () => {
const test = {};
describe('task lists', () => {
2018-12-13 13:39:08 +05:30
let mock;
2018-03-17 18:26:18 +05:30
2019-07-07 11:18:12 +05:30
preloadFixtures('merge_requests/merge_request_with_task_list.html');
2020-06-23 00:09:42 +05:30
beforeEach(() => {
2019-07-07 11:18:12 +05:30
loadFixtures('merge_requests/merge_request_with_task_list.html');
2018-03-17 18:26:18 +05:30
2020-06-23 00:09:42 +05:30
jest.spyOn(axios, 'patch');
2018-12-13 13:39:08 +05:30
mock = new MockAdapter(axios);
2018-03-17 18:26:18 +05:30
2018-12-13 13:39:08 +05:30
mock
2020-06-23 00:09:42 +05:30
.onPatch(`${TEST_HOST}/frontend-fixtures/merge-requests-project/-/merge_requests/1.json`)
2018-12-13 13:39:08 +05:30
.reply(200, {});
2018-03-17 18:26:18 +05:30
2020-06-23 00:09:42 +05:30
test.merge = new MergeRequest();
return test.merge;
2018-12-13 13:39:08 +05:30
});
2018-03-17 18:26:18 +05:30
2018-12-13 13:39:08 +05:30
afterEach(() => {
mock.restore();
});
2018-03-17 18:26:18 +05:30
2019-12-04 20:38:33 +05:30
it('modifies the Markdown field', done => {
2020-06-23 00:09:42 +05:30
jest.spyOn($, 'ajax').mockImplementation();
2018-12-13 13:39:08 +05:30
const changeEvent = document.createEvent('HTMLEvents');
changeEvent.initEvent('change', true, true);
$('input[type=checkbox]')
2019-12-26 22:10:19 +05:30
.first()
.attr('checked', true)[0]
.dispatchEvent(changeEvent);
2020-06-23 00:09:42 +05:30
setImmediate(() => {
2019-12-26 22:10:19 +05:30
expect($('.js-task-list-field').val()).toBe(
'- [x] Task List Item\n- [ ] \n- [ ] Task List Item 2\n',
);
done();
});
});
it('ensure that task with only spaces does not get checked incorrectly', done => {
// fixed in 'deckar01-task_list', '2.2.1' gem
2020-06-23 00:09:42 +05:30
jest.spyOn($, 'ajax').mockImplementation();
2019-12-26 22:10:19 +05:30
const changeEvent = document.createEvent('HTMLEvents');
changeEvent.initEvent('change', true, true);
$('input[type=checkbox]')
.last()
2018-12-13 13:39:08 +05:30
.attr('checked', true)[0]
.dispatchEvent(changeEvent);
2020-06-23 00:09:42 +05:30
setImmediate(() => {
2019-12-26 22:10:19 +05:30
expect($('.js-task-list-field').val()).toBe(
'- [ ] Task List Item\n- [ ] \n- [x] Task List Item 2\n',
);
2019-12-04 20:38:33 +05:30
done();
});
2016-09-13 17:45:13 +05:30
});
2017-09-10 17:25:29 +05:30
2019-03-02 22:35:43 +05:30
describe('tasklist', () => {
const lineNumber = 8;
const lineSource = '- [ ] item 8';
const index = 3;
const checked = true;
it('submits an ajax request on tasklist:changed', done => {
$('.js-task-list-field').trigger({
type: 'tasklist:changed',
detail: { lineNumber, lineSource, index, checked },
});
2020-06-23 00:09:42 +05:30
setImmediate(() => {
2019-03-02 22:35:43 +05:30
expect(axios.patch).toHaveBeenCalledWith(
2020-06-23 00:09:42 +05:30
`${TEST_HOST}/frontend-fixtures/merge-requests-project/-/merge_requests/1.json`,
2019-03-02 22:35:43 +05:30
{
merge_request: {
2019-12-26 22:10:19 +05:30
description: '- [ ] Task List Item\n- [ ] \n- [ ] Task List Item 2\n',
2019-07-31 22:56:46 +05:30
lock_version: 0,
2019-03-02 22:35:43 +05:30
update_task: { line_number: lineNumber, line_source: lineSource, index, checked },
},
},
);
done();
});
});
2020-06-23 00:09:42 +05:30
it('shows an error notification when tasklist update failed', done => {
2019-03-02 22:35:43 +05:30
mock
2020-06-23 00:09:42 +05:30
.onPatch(`${TEST_HOST}/frontend-fixtures/merge-requests-project/-/merge_requests/1.json`)
2019-03-02 22:35:43 +05:30
.reply(409, {});
$('.js-task-list-field').trigger({
type: 'tasklist:changed',
detail: { lineNumber, lineSource, index, checked },
});
2020-06-23 00:09:42 +05:30
setImmediate(() => {
2019-03-02 22:35:43 +05:30
expect(document.querySelector('.flash-container .flash-text').innerText.trim()).toBe(
'Someone edited this merge request at the same time you did. Please refresh the page to see changes.',
);
done();
});
2018-03-17 18:26:18 +05:30
});
2018-12-13 13:39:08 +05:30
});
});
2018-03-17 18:26:18 +05:30
2018-12-13 13:39:08 +05:30
describe('class constructor', () => {
beforeEach(() => {
2020-06-23 00:09:42 +05:30
jest.spyOn($, 'ajax').mockImplementation();
2018-12-13 13:39:08 +05:30
});
2017-09-10 17:25:29 +05:30
2018-12-13 13:39:08 +05:30
it('calls .initCloseReopenReport', () => {
2020-06-23 00:09:42 +05:30
jest.spyOn(IssuablesHelper, 'initCloseReopenReport').mockImplementation(() => {});
2017-09-10 17:25:29 +05:30
2018-12-13 13:39:08 +05:30
new MergeRequest(); // eslint-disable-line no-new
2017-09-10 17:25:29 +05:30
2018-12-13 13:39:08 +05:30
expect(IssuablesHelper.initCloseReopenReport).toHaveBeenCalled();
});
it('calls .initDroplab', () => {
2020-06-23 00:09:42 +05:30
const container = {
querySelector: jest.fn().mockName('container.querySelector'),
};
2018-12-13 13:39:08 +05:30
const dropdownTrigger = {};
const dropdownList = {};
const button = {};
2020-06-23 00:09:42 +05:30
jest.spyOn(CloseReopenReportToggle.prototype, 'initDroplab').mockImplementation(() => {});
jest.spyOn(document, 'querySelector').mockReturnValue(container);
container.querySelector
.mockReturnValueOnce(dropdownTrigger)
.mockReturnValueOnce(dropdownList)
.mockReturnValueOnce(button);
2017-09-10 17:25:29 +05:30
2018-12-13 13:39:08 +05:30
new MergeRequest(); // eslint-disable-line no-new
expect(document.querySelector).toHaveBeenCalledWith('.js-issuable-close-dropdown');
expect(container.querySelector).toHaveBeenCalledWith('.js-issuable-close-toggle');
expect(container.querySelector).toHaveBeenCalledWith('.js-issuable-close-menu');
expect(container.querySelector).toHaveBeenCalledWith('.js-issuable-close-button');
expect(CloseReopenReportToggle.prototype.initDroplab).toHaveBeenCalled();
});
});
2017-09-10 17:25:29 +05:30
2018-12-13 13:39:08 +05:30
describe('hideCloseButton', () => {
describe('merge request of another user', () => {
beforeEach(() => {
2019-07-07 11:18:12 +05:30
loadFixtures('merge_requests/merge_request_with_task_list.html');
2020-06-23 00:09:42 +05:30
test.el = document.querySelector('.js-issuable-actions');
2017-09-10 17:25:29 +05:30
new MergeRequest(); // eslint-disable-line no-new
2018-12-13 13:39:08 +05:30
MergeRequest.hideCloseButton();
});
2017-09-10 17:25:29 +05:30
2018-12-13 13:39:08 +05:30
it('hides the dropdown close item and selects the next item', () => {
2020-06-23 00:09:42 +05:30
const closeItem = test.el.querySelector('li.close-item');
const smallCloseItem = test.el.querySelector('.js-close-item');
const reportItem = test.el.querySelector('li.report-item');
2018-12-13 13:39:08 +05:30
expect(closeItem).toHaveClass('hidden');
expect(smallCloseItem).toHaveClass('hidden');
expect(reportItem).toHaveClass('droplab-item-selected');
expect(reportItem).not.toHaveClass('hidden');
2017-09-10 17:25:29 +05:30
});
});
2018-03-17 18:26:18 +05:30
2018-12-13 13:39:08 +05:30
describe('merge request of current_user', () => {
beforeEach(() => {
2019-07-07 11:18:12 +05:30
loadFixtures('merge_requests/merge_request_of_current_user.html');
2020-06-23 00:09:42 +05:30
test.el = document.querySelector('.js-issuable-actions');
2018-12-13 13:39:08 +05:30
MergeRequest.hideCloseButton();
2018-03-17 18:26:18 +05:30
});
2018-12-13 13:39:08 +05:30
it('hides the close button', () => {
2020-06-23 00:09:42 +05:30
const closeButton = test.el.querySelector('.btn-close');
const smallCloseItem = test.el.querySelector('.js-close-item');
2018-03-17 18:26:18 +05:30
2018-12-13 13:39:08 +05:30
expect(closeButton).toHaveClass('hidden');
expect(smallCloseItem).toHaveClass('hidden');
2018-03-17 18:26:18 +05:30
});
});
2016-09-13 17:45:13 +05:30
});
2018-12-13 13:39:08 +05:30
});