2018-03-09 15:18:59 -05:00
|
|
|
import $ from 'jquery';
|
2020-04-09 11:09:29 -04:00
|
|
|
import { mockTracking, unmockTracking } from 'helpers/tracking_helper';
|
2020-08-17 17:09:56 -04:00
|
|
|
import initTodoToggle, { initNavUserDropdownTracking } from '~/header';
|
2022-05-13 08:08:49 -04:00
|
|
|
import { loadHTMLFixture, setHTMLFixture, resetHTMLFixture } from 'helpers/fixtures';
|
2016-08-08 17:19:46 -04:00
|
|
|
|
2019-12-20 10:07:34 -05:00
|
|
|
describe('Header', () => {
|
2020-04-09 11:09:29 -04:00
|
|
|
describe('Todos notification', () => {
|
2020-09-11 05:08:44 -04:00
|
|
|
const todosPendingCount = '.js-todos-count';
|
2020-04-09 11:09:29 -04:00
|
|
|
const fixtureTemplate = 'issues/open-issue.html';
|
2016-08-08 17:19:46 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
function isTodosCountHidden() {
|
|
|
|
return $(todosPendingCount).hasClass('hidden');
|
|
|
|
}
|
2016-08-08 17:19:46 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
function triggerToggle(newCount) {
|
|
|
|
$(document).trigger('todo:toggle', newCount);
|
|
|
|
}
|
2016-08-08 17:19:46 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
beforeEach(() => {
|
|
|
|
initTodoToggle();
|
2022-05-13 08:08:49 -04:00
|
|
|
loadHTMLFixture(fixtureTemplate);
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
resetHTMLFixture();
|
2020-04-09 11:09:29 -04:00
|
|
|
});
|
2016-08-08 17:19:46 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
it('should update todos-count after receiving the todo:toggle event', () => {
|
|
|
|
triggerToggle(5);
|
2018-10-09 14:03:09 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
expect($(todosPendingCount).text()).toEqual('5');
|
|
|
|
});
|
2016-08-08 17:19:46 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
it('should hide todos-count when it is 0', () => {
|
|
|
|
triggerToggle(0);
|
2018-10-09 14:03:09 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
expect(isTodosCountHidden()).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should show todos-count when it is more than 0', () => {
|
|
|
|
triggerToggle(10);
|
|
|
|
|
|
|
|
expect(isTodosCountHidden()).toEqual(false);
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('when todos-count is 1000', () => {
|
|
|
|
beforeEach(() => {
|
|
|
|
triggerToggle(1000);
|
|
|
|
});
|
2017-10-10 03:47:42 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
it('should show todos-count', () => {
|
|
|
|
expect(isTodosCountHidden()).toEqual(false);
|
|
|
|
});
|
2018-10-09 14:03:09 -04:00
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
it('should show 99+ for todos-count', () => {
|
|
|
|
expect($(todosPendingCount).text()).toEqual('99+');
|
|
|
|
});
|
|
|
|
});
|
2017-10-10 03:47:42 -04:00
|
|
|
});
|
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
describe('Track user dropdown open', () => {
|
|
|
|
let trackingSpy;
|
|
|
|
|
2017-10-10 03:47:42 -04:00
|
|
|
beforeEach(() => {
|
2022-05-13 08:08:49 -04:00
|
|
|
setHTMLFixture(`
|
2020-04-09 11:09:29 -04:00
|
|
|
<li class="js-nav-user-dropdown">
|
2021-09-15 14:11:29 -04:00
|
|
|
<a class="js-buy-pipeline-minutes-link" data-track-action="click_buy_ci_minutes" data-track-label="free" data-track-property="user_dropdown">Buy Pipeline minutes</a>
|
2020-04-09 11:09:29 -04:00
|
|
|
</li>`);
|
|
|
|
|
|
|
|
trackingSpy = mockTracking('_category_', $('.js-nav-user-dropdown').element, jest.spyOn);
|
|
|
|
document.body.dataset.page = 'some:page';
|
|
|
|
|
|
|
|
initNavUserDropdownTracking();
|
2016-08-08 17:19:46 -04:00
|
|
|
});
|
|
|
|
|
2020-04-09 11:09:29 -04:00
|
|
|
afterEach(() => {
|
|
|
|
unmockTracking();
|
2022-05-13 08:08:49 -04:00
|
|
|
resetHTMLFixture();
|
2016-08-08 17:19:46 -04:00
|
|
|
});
|
|
|
|
|
2020-06-11 05:08:16 -04:00
|
|
|
it('sends a tracking event when the dropdown is opened and contains Buy Pipeline minutes link', () => {
|
2020-04-09 11:09:29 -04:00
|
|
|
$('.js-nav-user-dropdown').trigger('shown.bs.dropdown');
|
|
|
|
|
2020-05-15 08:08:28 -04:00
|
|
|
expect(trackingSpy).toHaveBeenCalledWith('some:page', 'show_buy_ci_minutes', {
|
|
|
|
label: 'free',
|
|
|
|
property: 'user_dropdown',
|
|
|
|
});
|
|
|
|
});
|
2016-08-08 17:19:46 -04:00
|
|
|
});
|
2017-10-10 03:47:42 -04:00
|
|
|
});
|