gitlab-org--gitlab-foss/spec/frontend/experiment_tracking_spec.js

78 lines
2.0 KiB
JavaScript
Raw Normal View History

import ExperimentTracking from '~/experiment_tracking';
import Tracking from '~/tracking';
jest.mock('~/tracking');
const oldGon = window.gon;
let experimentTracking;
let label;
let newGon = {};
const setup = () => {
window.gon = newGon;
experimentTracking = new ExperimentTracking('sidebar_experiment', label);
};
beforeEach(() => {
document.body.dataset.page = 'issues-page';
});
afterEach(() => {
window.gon = oldGon;
Tracking.mockClear();
label = undefined;
});
describe('event', () => {
describe('when experiment data exists for experimentName', () => {
beforeEach(() => {
newGon = { global: { experiment: { sidebar_experiment: 'experiment-data' } } };
setup();
});
describe('when providing options', () => {
label = { label: 'sidebar-drawer' };
it('passes them to the tracking call', () => {
experimentTracking.event('click_sidebar_close');
expect(Tracking.event).toHaveBeenCalledTimes(1);
expect(Tracking.event).toHaveBeenCalledWith('issues-page', 'click_sidebar_close', {
label: 'sidebar-drawer',
context: {
schema: 'iglu:com.gitlab/gitlab_experiment/jsonschema/1-0-0',
data: 'experiment-data',
},
});
});
});
it('tracks with the correct context', () => {
experimentTracking.event('click_sidebar_trigger');
expect(Tracking.event).toHaveBeenCalledTimes(1);
expect(Tracking.event).toHaveBeenCalledWith('issues-page', 'click_sidebar_trigger', {
label: undefined,
context: {
schema: 'iglu:com.gitlab/gitlab_experiment/jsonschema/1-0-0',
data: 'experiment-data',
},
});
});
});
describe('when experiment data does NOT exists for the experimentName', () => {
beforeEach(() => {
newGon = { global: { experiment: { unrelated_experiment: 'not happening' } } };
setup();
});
it('does not track', () => {
experimentTracking.event('click_sidebar_close');
expect(Tracking.event).not.toHaveBeenCalled();
});
});
});