201 lines
6.7 KiB
JavaScript
201 lines
6.7 KiB
JavaScript
import { GlFormRadioGroup, GlFormRadio, GlFormInputGroup } from '@gitlab/ui';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import Vue, { nextTick } from 'vue';
|
|
import Vuex from 'vuex';
|
|
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
|
|
import { TEST_HOST } from 'helpers/test_constants';
|
|
import { extendedWrapper } from 'helpers/vue_test_utils_helper';
|
|
import ErrorTrackingSettings from '~/error_tracking_settings/components/app.vue';
|
|
import ErrorTrackingForm from '~/error_tracking_settings/components/error_tracking_form.vue';
|
|
import ProjectDropdown from '~/error_tracking_settings/components/project_dropdown.vue';
|
|
import createStore from '~/error_tracking_settings/store';
|
|
|
|
Vue.use(Vuex);
|
|
|
|
const TEST_GITLAB_DSN = 'https://gitlab.example.com/123456';
|
|
|
|
describe('error tracking settings app', () => {
|
|
let store;
|
|
let wrapper;
|
|
|
|
const defaultProps = {
|
|
initialEnabled: 'true',
|
|
initialIntegrated: 'false',
|
|
initialApiHost: TEST_HOST,
|
|
initialToken: 'someToken',
|
|
initialProject: null,
|
|
listProjectsEndpoint: TEST_HOST,
|
|
operationsSettingsEndpoint: TEST_HOST,
|
|
gitlabDsn: TEST_GITLAB_DSN,
|
|
};
|
|
|
|
function mountComponent({
|
|
glFeatures = { integratedErrorTracking: false },
|
|
props = defaultProps,
|
|
} = {}) {
|
|
wrapper = extendedWrapper(
|
|
shallowMount(ErrorTrackingSettings, {
|
|
store, // Override the imported store
|
|
propsData: { ...props },
|
|
provide: {
|
|
glFeatures,
|
|
},
|
|
stubs: {
|
|
GlFormInputGroup, // we need this non-shallow to query for a component within a slot
|
|
},
|
|
}),
|
|
);
|
|
}
|
|
|
|
const findBackendSettingsSection = () => wrapper.findByTestId('tracking-backend-settings');
|
|
const findBackendSettingsRadioGroup = () =>
|
|
findBackendSettingsSection().findComponent(GlFormRadioGroup);
|
|
const findBackendSettingsRadioButtons = () =>
|
|
findBackendSettingsRadioGroup().findAllComponents(GlFormRadio);
|
|
const findElementWithText = (wrappers, text) => wrappers.filter((item) => item.text() === text);
|
|
const findSentrySettings = () => wrapper.findByTestId('sentry-setting-form');
|
|
const findDsnSettings = () => wrapper.findByTestId('gitlab-dsn-setting-form');
|
|
const findEnabledCheckbox = () => wrapper.findByTestId('error-tracking-enabled');
|
|
|
|
const enableGitLabErrorTracking = async () => {
|
|
findBackendSettingsRadioGroup().vm.$emit('change', true);
|
|
await nextTick();
|
|
};
|
|
|
|
beforeEach(() => {
|
|
store = createStore();
|
|
|
|
mountComponent();
|
|
});
|
|
|
|
afterEach(() => {
|
|
if (wrapper) {
|
|
wrapper.destroy();
|
|
}
|
|
});
|
|
|
|
describe('section', () => {
|
|
it('renders the form and dropdown', () => {
|
|
expect(wrapper.find(ErrorTrackingForm).exists()).toBeTruthy();
|
|
expect(wrapper.find(ProjectDropdown).exists()).toBeTruthy();
|
|
});
|
|
|
|
it('renders the Save Changes button', () => {
|
|
expect(wrapper.find('.js-error-tracking-button').exists()).toBeTruthy();
|
|
});
|
|
|
|
it('enables the button by default', () => {
|
|
expect(wrapper.find('.js-error-tracking-button').attributes('disabled')).toBeFalsy();
|
|
});
|
|
|
|
it('disables the button when saving', async () => {
|
|
store.state.settingsLoading = true;
|
|
|
|
await nextTick();
|
|
expect(wrapper.find('.js-error-tracking-button').attributes('disabled')).toBeTruthy();
|
|
});
|
|
});
|
|
|
|
describe('tracking-backend settings', () => {
|
|
it('does not contain backend settings section', () => {
|
|
expect(findBackendSettingsSection().exists()).toBe(false);
|
|
});
|
|
|
|
it('shows the sentry form', () => {
|
|
expect(findSentrySettings().exists()).toBe(true);
|
|
});
|
|
|
|
describe('enabled setting is true', () => {
|
|
describe('integrated setting is true', () => {
|
|
beforeEach(() => {
|
|
mountComponent({
|
|
props: { ...defaultProps, initialEnabled: 'true', initialIntegrated: 'true' },
|
|
});
|
|
});
|
|
|
|
it('displays enabled as false', () => {
|
|
expect(findEnabledCheckbox().attributes('checked')).toBeUndefined();
|
|
});
|
|
});
|
|
|
|
describe('integrated setting is false', () => {
|
|
beforeEach(() => {
|
|
mountComponent({
|
|
props: { ...defaultProps, initialEnabled: 'true', initialIntegrated: 'false' },
|
|
});
|
|
});
|
|
|
|
it('displays enabled as true', () => {
|
|
expect(findEnabledCheckbox().attributes('checked')).toBe('true');
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('integrated_error_tracking feature flag enabled', () => {
|
|
beforeEach(() => {
|
|
mountComponent({
|
|
glFeatures: { integratedErrorTracking: true },
|
|
});
|
|
});
|
|
|
|
it('contains a form-group with the correct label', () => {
|
|
expect(findBackendSettingsSection().attributes('label')).toBe('Error tracking backend');
|
|
});
|
|
|
|
it('contains a radio group', () => {
|
|
expect(findBackendSettingsRadioGroup().exists()).toBe(true);
|
|
});
|
|
|
|
it('contains the correct radio buttons', () => {
|
|
expect(findBackendSettingsRadioButtons()).toHaveLength(2);
|
|
|
|
expect(findElementWithText(findBackendSettingsRadioButtons(), 'Sentry')).toHaveLength(1);
|
|
expect(findElementWithText(findBackendSettingsRadioButtons(), 'GitLab')).toHaveLength(1);
|
|
});
|
|
|
|
it('hides the Sentry settings when GitLab is selected as a tracking-backend', async () => {
|
|
expect(findSentrySettings().exists()).toBe(true);
|
|
|
|
await enableGitLabErrorTracking();
|
|
|
|
expect(findSentrySettings().exists()).toBe(false);
|
|
});
|
|
|
|
describe('GitLab DSN section', () => {
|
|
it('is visible when GitLab is selected as a tracking-backend and DSN is present', async () => {
|
|
expect(findDsnSettings().exists()).toBe(false);
|
|
|
|
await enableGitLabErrorTracking();
|
|
|
|
expect(findDsnSettings().exists()).toBe(true);
|
|
});
|
|
|
|
it('contains copy-to-clipboard functionality for the GitLab DSN string', async () => {
|
|
await enableGitLabErrorTracking();
|
|
|
|
const clipBoardInput = findDsnSettings().findComponent(GlFormInputGroup);
|
|
const clipBoardButton = findDsnSettings().findComponent(ClipboardButton);
|
|
|
|
expect(clipBoardInput.props('value')).toBe(TEST_GITLAB_DSN);
|
|
expect(clipBoardInput.attributes('readonly')).toBeTruthy();
|
|
expect(clipBoardButton.props('text')).toBe(TEST_GITLAB_DSN);
|
|
});
|
|
});
|
|
|
|
it.each([true, false])(
|
|
'calls the `updateIntegrated` action when the setting changes to `%s`',
|
|
(integrated) => {
|
|
jest.spyOn(store, 'dispatch').mockImplementation();
|
|
|
|
expect(store.dispatch).toHaveBeenCalledTimes(0);
|
|
|
|
findBackendSettingsRadioGroup().vm.$emit('change', integrated);
|
|
|
|
expect(store.dispatch).toHaveBeenCalledTimes(1);
|
|
expect(store.dispatch).toHaveBeenCalledWith('updateIntegrated', integrated);
|
|
},
|
|
);
|
|
});
|
|
});
|
|
});
|