2018-12-13 13:39:08 +05:30
|
|
|
/* eslint-disable no-var, one-var, no-unused-expressions, consistent-return, no-param-reassign, default-case, no-return-assign, object-shorthand, prefer-template, vars-on-top */
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
import $ from 'jquery';
|
2017-09-10 17:25:29 +05:30
|
|
|
import '~/gl_dropdown';
|
2018-12-05 23:21:45 +05:30
|
|
|
import initSearchAutocomplete from '~/search_autocomplete';
|
2017-09-10 17:25:29 +05:30
|
|
|
import '~/lib/utils/common_utils';
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
describe('Search autocomplete dropdown', () => {
|
|
|
|
var assertLinks,
|
|
|
|
dashboardIssuesPath,
|
|
|
|
dashboardMRsPath,
|
|
|
|
groupIssuesPath,
|
|
|
|
groupMRsPath,
|
|
|
|
groupName,
|
|
|
|
mockDashboardOptions,
|
|
|
|
mockGroupOptions,
|
|
|
|
mockProjectOptions,
|
|
|
|
projectIssuesPath,
|
|
|
|
projectMRsPath,
|
|
|
|
projectName,
|
|
|
|
userId,
|
|
|
|
widget;
|
2017-08-17 22:00:37 +05:30
|
|
|
var userName = 'root';
|
2016-09-13 17:45:13 +05:30
|
|
|
|
|
|
|
widget = null;
|
|
|
|
|
|
|
|
userId = 1;
|
|
|
|
|
|
|
|
dashboardIssuesPath = '/dashboard/issues';
|
|
|
|
|
|
|
|
dashboardMRsPath = '/dashboard/merge_requests';
|
|
|
|
|
|
|
|
projectIssuesPath = '/gitlab-org/gitlab-ce/issues';
|
|
|
|
|
|
|
|
projectMRsPath = '/gitlab-org/gitlab-ce/merge_requests';
|
|
|
|
|
|
|
|
groupIssuesPath = '/groups/gitlab-org/issues';
|
|
|
|
|
|
|
|
groupMRsPath = '/groups/gitlab-org/merge_requests';
|
|
|
|
|
|
|
|
projectName = 'GitLab Community Edition';
|
|
|
|
|
|
|
|
groupName = 'Gitlab Org';
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
const removeBodyAttributes = function() {
|
|
|
|
const $body = $('body');
|
|
|
|
|
|
|
|
$body.removeAttr('data-page');
|
|
|
|
$body.removeAttr('data-project');
|
|
|
|
$body.removeAttr('data-group');
|
|
|
|
};
|
|
|
|
|
2016-09-29 09:46:39 +05:30
|
|
|
// Add required attributes to body before starting the test.
|
|
|
|
// section would be dashboard|group|project
|
2018-03-17 18:26:18 +05:30
|
|
|
const addBodyAttributes = function(section) {
|
2016-09-13 17:45:13 +05:30
|
|
|
if (section == null) {
|
|
|
|
section = 'dashboard';
|
|
|
|
}
|
2018-03-17 18:26:18 +05:30
|
|
|
|
|
|
|
const $body = $('body');
|
|
|
|
removeBodyAttributes();
|
2016-09-13 17:45:13 +05:30
|
|
|
switch (section) {
|
|
|
|
case 'dashboard':
|
2018-03-17 18:26:18 +05:30
|
|
|
return $body.attr('data-page', 'root:index');
|
2016-09-13 17:45:13 +05:30
|
|
|
case 'group':
|
2018-03-17 18:26:18 +05:30
|
|
|
$body.attr('data-page', 'groups:show');
|
2016-09-13 17:45:13 +05:30
|
|
|
return $body.data('group', 'gitlab-org');
|
|
|
|
case 'project':
|
2018-03-17 18:26:18 +05:30
|
|
|
$body.attr('data-page', 'projects:show');
|
2016-09-13 17:45:13 +05:30
|
|
|
return $body.data('project', 'gitlab-ce');
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
const disableProjectIssues = function() {
|
|
|
|
document.querySelector('.js-search-project-options').setAttribute('data-issues-disabled', true);
|
|
|
|
};
|
|
|
|
|
2016-09-29 09:46:39 +05:30
|
|
|
// Mock `gl` object in window for dashboard specific page. App code will need it.
|
2016-09-13 17:45:13 +05:30
|
|
|
mockDashboardOptions = function() {
|
|
|
|
window.gl || (window.gl = {});
|
2018-05-09 12:01:36 +05:30
|
|
|
return (window.gl.dashboardOptions = {
|
2016-09-13 17:45:13 +05:30
|
|
|
issuesPath: dashboardIssuesPath,
|
2018-05-09 12:01:36 +05:30
|
|
|
mrPath: dashboardMRsPath,
|
|
|
|
});
|
2016-09-13 17:45:13 +05:30
|
|
|
};
|
|
|
|
|
2016-09-29 09:46:39 +05:30
|
|
|
// Mock `gl` object in window for project specific page. App code will need it.
|
2016-09-13 17:45:13 +05:30
|
|
|
mockProjectOptions = function() {
|
|
|
|
window.gl || (window.gl = {});
|
2018-05-09 12:01:36 +05:30
|
|
|
return (window.gl.projectOptions = {
|
2016-09-13 17:45:13 +05:30
|
|
|
'gitlab-ce': {
|
|
|
|
issuesPath: projectIssuesPath,
|
|
|
|
mrPath: projectMRsPath,
|
2018-05-09 12:01:36 +05:30
|
|
|
projectName: projectName,
|
|
|
|
},
|
|
|
|
});
|
2016-09-13 17:45:13 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
mockGroupOptions = function() {
|
|
|
|
window.gl || (window.gl = {});
|
2018-05-09 12:01:36 +05:30
|
|
|
return (window.gl.groupOptions = {
|
2016-09-13 17:45:13 +05:30
|
|
|
'gitlab-org': {
|
|
|
|
issuesPath: groupIssuesPath,
|
|
|
|
mrPath: groupMRsPath,
|
2018-05-09 12:01:36 +05:30
|
|
|
projectName: groupName,
|
|
|
|
},
|
|
|
|
});
|
2016-09-13 17:45:13 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
assertLinks = function(list, issuesPath, mrsPath) {
|
2018-03-17 18:26:18 +05:30
|
|
|
if (issuesPath) {
|
2018-05-09 12:01:36 +05:30
|
|
|
const issuesAssignedToMeLink = `a[href="${issuesPath}/?assignee_id=${userId}"]`;
|
|
|
|
const issuesIHaveCreatedLink = `a[href="${issuesPath}/?author_id=${userId}"]`;
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
expect(list.find(issuesAssignedToMeLink).length).toBe(1);
|
|
|
|
expect(list.find(issuesAssignedToMeLink).text()).toBe('Issues assigned to me');
|
|
|
|
expect(list.find(issuesIHaveCreatedLink).length).toBe(1);
|
|
|
|
expect(list.find(issuesIHaveCreatedLink).text()).toBe("Issues I've created");
|
2018-03-17 18:26:18 +05:30
|
|
|
}
|
2018-05-09 12:01:36 +05:30
|
|
|
const mrsAssignedToMeLink = `a[href="${mrsPath}/?assignee_id=${userId}"]`;
|
|
|
|
const mrsIHaveCreatedLink = `a[href="${mrsPath}/?author_id=${userId}"]`;
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
expect(list.find(mrsAssignedToMeLink).length).toBe(1);
|
|
|
|
expect(list.find(mrsAssignedToMeLink).text()).toBe('Merge requests assigned to me');
|
|
|
|
expect(list.find(mrsIHaveCreatedLink).length).toBe(1);
|
|
|
|
expect(list.find(mrsIHaveCreatedLink).text()).toBe("Merge requests I've created");
|
2016-09-13 17:45:13 +05:30
|
|
|
};
|
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
preloadFixtures('static/search_autocomplete.html.raw');
|
|
|
|
beforeEach(function() {
|
|
|
|
loadFixtures('static/search_autocomplete.html.raw');
|
2018-03-17 18:26:18 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
window.gon = {};
|
|
|
|
window.gon.current_user_id = userId;
|
|
|
|
window.gon.current_username = userName;
|
2017-08-17 22:00:37 +05:30
|
|
|
|
2018-12-05 23:21:45 +05:30
|
|
|
return (widget = initSearchAutocomplete());
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
2017-08-17 22:00:37 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
afterEach(function() {
|
|
|
|
// Undo what we did to the shared <body>
|
|
|
|
removeBodyAttributes();
|
|
|
|
window.gon = {};
|
|
|
|
});
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
it('should show Dashboard specific dropdown menu', function() {
|
|
|
|
var list;
|
|
|
|
addBodyAttributes();
|
|
|
|
mockDashboardOptions();
|
|
|
|
widget.searchInput.triggerHandler('focus');
|
|
|
|
list = widget.wrap.find('.dropdown-menu').find('ul');
|
|
|
|
return assertLinks(list, dashboardIssuesPath, dashboardMRsPath);
|
|
|
|
});
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
it('should show Group specific dropdown menu', function() {
|
|
|
|
var list;
|
|
|
|
addBodyAttributes('group');
|
|
|
|
mockGroupOptions();
|
|
|
|
widget.searchInput.triggerHandler('focus');
|
|
|
|
list = widget.wrap.find('.dropdown-menu').find('ul');
|
|
|
|
return assertLinks(list, groupIssuesPath, groupMRsPath);
|
|
|
|
});
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
it('should show Project specific dropdown menu', function() {
|
|
|
|
var list;
|
|
|
|
addBodyAttributes('project');
|
|
|
|
mockProjectOptions();
|
|
|
|
widget.searchInput.triggerHandler('focus');
|
|
|
|
list = widget.wrap.find('.dropdown-menu').find('ul');
|
|
|
|
return assertLinks(list, projectIssuesPath, projectMRsPath);
|
|
|
|
});
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
it('should show only Project mergeRequest dropdown menu items when project issues are disabled', function() {
|
|
|
|
addBodyAttributes('project');
|
|
|
|
disableProjectIssues();
|
|
|
|
mockProjectOptions();
|
|
|
|
widget.searchInput.triggerHandler('focus');
|
|
|
|
const list = widget.wrap.find('.dropdown-menu').find('ul');
|
|
|
|
assertLinks(list, null, projectMRsPath);
|
|
|
|
});
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
it('should not show category related menu if there is text in the input', function() {
|
|
|
|
var link, list;
|
|
|
|
addBodyAttributes('project');
|
|
|
|
mockProjectOptions();
|
|
|
|
widget.searchInput.val('help');
|
|
|
|
widget.searchInput.triggerHandler('focus');
|
|
|
|
list = widget.wrap.find('.dropdown-menu').find('ul');
|
|
|
|
link = "a[href='" + projectIssuesPath + '/?assignee_id=' + userId + "']";
|
2018-12-13 13:39:08 +05:30
|
|
|
|
|
|
|
expect(list.find(link).length).toBe(0);
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
2018-12-13 13:39:08 +05:30
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
it('should not submit the search form when selecting an autocomplete row with the keyboard', function() {
|
|
|
|
var ENTER = 13;
|
|
|
|
var DOWN = 40;
|
|
|
|
addBodyAttributes();
|
|
|
|
mockDashboardOptions(true);
|
|
|
|
var submitSpy = spyOnEvent('form', 'submit');
|
|
|
|
widget.searchInput.triggerHandler('focus');
|
|
|
|
widget.wrap.trigger($.Event('keydown', { which: DOWN }));
|
|
|
|
var enterKeyEvent = $.Event('keydown', { which: ENTER });
|
|
|
|
widget.searchInput.trigger(enterKeyEvent);
|
|
|
|
// This does not currently catch failing behavior. For security reasons,
|
|
|
|
// browsers will not trigger default behavior (form submit, in this
|
|
|
|
// example) on JavaScript-created keypresses.
|
|
|
|
expect(submitSpy).not.toHaveBeenTriggered();
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|