gitlab-org--gitlab-foss/spec/javascripts/merge_request_spec.js

163 lines
5.5 KiB
JavaScript
Raw Normal View History

2018-06-16 09:20:30 -04:00
/* eslint-disable no-return-assign */
import $ from 'jquery';
2018-02-02 09:17:26 -05:00
import MockAdapter from 'axios-mock-adapter';
import axios from '~/lib/utils/axios_utils';
2017-12-15 07:57:08 -05:00
import MergeRequest from '~/merge_request';
2017-06-08 12:15:34 -04:00
import CloseReopenReportToggle from '~/close_reopen_report_toggle';
2017-07-07 11:04:43 -04:00
import IssuablesHelper from '~/helpers/issuables_helper';
2016-07-24 16:45:11 -04:00
2018-10-17 03:13:26 -04:00
describe('MergeRequest', function() {
describe('task lists', function() {
let mock;
2018-02-02 09:17:26 -05:00
preloadFixtures('merge_requests/merge_request_with_task_list.html');
2018-10-17 03:13:26 -04:00
beforeEach(function() {
loadFixtures('merge_requests/merge_request_with_task_list.html');
2018-02-02 09:17:26 -05:00
2018-10-17 03:13:26 -04:00
spyOn(axios, 'patch').and.callThrough();
mock = new MockAdapter(axios);
2018-02-02 09:17:26 -05:00
2018-10-17 03:13:26 -04:00
mock
.onPatch(`${gl.TEST_HOST}/frontend-fixtures/merge-requests-project/merge_requests/1.json`)
.reply(200, {});
2018-02-02 09:17:26 -05:00
2018-10-17 03:13:26 -04:00
return (this.merge = new MergeRequest());
});
2018-02-02 09:17:26 -05:00
2018-10-17 03:13:26 -04:00
afterEach(() => {
mock.restore();
});
2018-02-02 09:17:26 -05:00
2018-10-17 03:13:26 -04:00
it('modifies the Markdown field', function() {
spyOn($, 'ajax').and.stub();
const changeEvent = document.createEvent('HTMLEvents');
changeEvent.initEvent('change', true, true);
$('input[type=checkbox]')
.attr('checked', true)[0]
.dispatchEvent(changeEvent);
2018-10-09 14:03:09 -04:00
2018-10-17 03:13:26 -04:00
expect($('.js-task-list-field').val()).toBe('- [x] Task List Item');
});
describe('tasklist', () => {
2019-01-22 15:53:08 -05:00
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 },
});
setTimeout(() => {
expect(axios.patch).toHaveBeenCalledWith(
`${gl.TEST_HOST}/frontend-fixtures/merge-requests-project/merge_requests/1.json`,
{
merge_request: {
description: '- [ ] Task List Item',
lock_version: undefined,
update_task: { line_number: lineNumber, line_source: lineSource, index, checked },
},
},
);
done();
});
2019-01-22 15:53:08 -05:00
});
2018-10-17 03:13:26 -04:00
it('shows an error notification when tasklist update failed', done => {
mock
.onPatch(`${gl.TEST_HOST}/frontend-fixtures/merge-requests-project/merge_requests/1.json`)
.reply(409, {});
$('.js-task-list-field').trigger({
type: 'tasklist:changed',
detail: { lineNumber, lineSource, index, checked },
});
setTimeout(() => {
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.',
);
2019-01-22 15:53:08 -05:00
done();
});
2016-07-24 16:45:11 -04:00
});
});
2018-10-17 03:13:26 -04:00
});
2017-06-07 15:34:19 -04:00
2018-10-17 03:13:26 -04:00
describe('class constructor', () => {
beforeEach(() => {
spyOn($, 'ajax').and.stub();
});
2018-10-17 03:13:26 -04:00
it('calls .initCloseReopenReport', () => {
spyOn(IssuablesHelper, 'initCloseReopenReport');
2017-06-07 15:34:19 -04:00
2018-10-17 03:13:26 -04:00
new MergeRequest(); // eslint-disable-line no-new
2017-06-07 15:34:19 -04:00
2018-10-17 03:13:26 -04:00
expect(IssuablesHelper.initCloseReopenReport).toHaveBeenCalled();
});
it('calls .initDroplab', () => {
const container = jasmine.createSpyObj('container', ['querySelector']);
const dropdownTrigger = {};
const dropdownList = {};
const button = {};
2017-06-07 15:34:19 -04:00
2018-10-17 03:13:26 -04:00
spyOn(CloseReopenReportToggle.prototype, 'initDroplab');
spyOn(document, 'querySelector').and.returnValue(container);
container.querySelector.and.returnValues(dropdownTrigger, dropdownList, button);
2017-06-07 15:34:19 -04:00
2018-10-17 03:13:26 -04:00
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-06-07 15:34:19 -04:00
2018-10-17 03:13:26 -04:00
describe('hideCloseButton', () => {
describe('merge request of another user', () => {
beforeEach(() => {
loadFixtures('merge_requests/merge_request_with_task_list.html');
2018-10-17 03:13:26 -04:00
this.el = document.querySelector('.js-issuable-actions');
2017-07-07 11:04:43 -04:00
new MergeRequest(); // eslint-disable-line no-new
2018-10-17 03:13:26 -04:00
MergeRequest.hideCloseButton();
});
2017-06-07 15:34:19 -04:00
2018-10-17 03:13:26 -04:00
it('hides the dropdown close item and selects the next item', () => {
const closeItem = this.el.querySelector('li.close-item');
const smallCloseItem = this.el.querySelector('.js-close-item');
const reportItem = this.el.querySelector('li.report-item');
expect(closeItem).toHaveClass('hidden');
expect(smallCloseItem).toHaveClass('hidden');
expect(reportItem).toHaveClass('droplab-item-selected');
expect(reportItem).not.toHaveClass('hidden');
2017-06-07 15:34:19 -04:00
});
});
2018-10-17 03:13:26 -04:00
describe('merge request of current_user', () => {
beforeEach(() => {
loadFixtures('merge_requests/merge_request_of_current_user.html');
2018-10-17 03:13:26 -04:00
this.el = document.querySelector('.js-issuable-actions');
MergeRequest.hideCloseButton();
});
2018-10-17 03:13:26 -04:00
it('hides the close button', () => {
const closeButton = this.el.querySelector('.btn-close');
const smallCloseItem = this.el.querySelector('.js-close-item');
2018-10-17 03:13:26 -04:00
expect(closeButton).toHaveClass('hidden');
expect(smallCloseItem).toHaveClass('hidden');
});
});
2016-07-24 16:45:11 -04:00
});
2018-10-17 03:13:26 -04:00
});