debian-mirror-gitlab/spec/frontend/monitoring/store/actions_spec.js

1009 lines
28 KiB
JavaScript
Raw Normal View History

2019-09-04 21:01:54 +05:30
import MockAdapter from 'axios-mock-adapter';
2019-12-26 22:10:19 +05:30
import testAction from 'helpers/vuex_action_helper';
2020-01-01 13:55:28 +05:30
import Tracking from '~/tracking';
2019-12-26 22:10:19 +05:30
import axios from '~/lib/utils/axios_utils';
import statusCodes from '~/lib/utils/http_status';
2020-04-08 14:13:33 +05:30
import * as commonUtils from '~/lib/utils/common_utils';
2020-01-01 13:55:28 +05:30
import createFlash from '~/flash';
2020-04-22 19:07:51 +05:30
import { defaultTimeRange } from '~/vue_shared/constants';
import { ENVIRONMENT_AVAILABLE_STATE } from '~/monitoring/constants';
2019-12-26 22:10:19 +05:30
2020-06-23 00:09:42 +05:30
import { createStore } from '~/monitoring/stores';
2019-09-04 21:01:54 +05:30
import * as types from '~/monitoring/stores/mutation_types';
import {
2020-05-24 23:13:21 +05:30
fetchData,
2019-09-04 21:01:54 +05:30
fetchDashboard,
receiveMetricsDashboardSuccess,
fetchDeploymentsData,
fetchEnvironmentsData,
2020-04-22 19:07:51 +05:30
fetchDashboardData,
fetchAnnotations,
2020-05-24 23:13:21 +05:30
toggleStarredValue,
2019-09-04 21:01:54 +05:30
fetchPrometheusMetric,
2020-04-22 19:07:51 +05:30
setInitialState,
2020-03-13 15:44:24 +05:30
filterEnvironments,
2020-05-24 23:13:21 +05:30
setExpandedPanel,
clearExpandedPanel,
2019-09-04 21:01:54 +05:30
setGettingStartedEmptyState,
2020-03-13 15:44:24 +05:30
duplicateSystemDashboard,
2020-06-23 00:09:42 +05:30
updateVariablesAndFetchData,
2019-09-04 21:01:54 +05:30
} from '~/monitoring/stores/actions';
2020-04-22 19:07:51 +05:30
import {
gqClient,
parseEnvironmentsResponse,
parseAnnotationsResponse,
} from '~/monitoring/stores/utils';
2020-03-13 15:44:24 +05:30
import getEnvironments from '~/monitoring/queries/getEnvironments.query.graphql';
2020-04-22 19:07:51 +05:30
import getAnnotations from '~/monitoring/queries/getAnnotations.query.graphql';
2019-09-04 21:01:54 +05:30
import storeState from '~/monitoring/stores/state';
import {
deploymentData,
environmentData,
2020-04-22 19:07:51 +05:30
annotationsData,
2020-05-24 23:13:21 +05:30
mockTemplatingData,
2019-09-30 21:07:59 +05:30
dashboardGitResponse,
2020-04-08 14:13:33 +05:30
mockDashboardsErrorResponse,
2019-09-04 21:01:54 +05:30
} from '../mock_data';
2020-04-22 19:07:51 +05:30
import {
metricsDashboardResponse,
metricsDashboardViewModel,
metricsDashboardPanelCount,
} from '../fixture_data';
2019-09-04 21:01:54 +05:30
2020-01-01 13:55:28 +05:30
jest.mock('~/flash');
2019-12-26 22:10:19 +05:30
2020-01-01 13:55:28 +05:30
describe('Monitoring store actions', () => {
2020-04-08 14:13:33 +05:30
const { convertObjectPropsToCamelCase } = commonUtils;
2019-09-04 21:01:54 +05:30
let mock;
2020-06-23 00:09:42 +05:30
let store;
let state;
2020-04-08 14:13:33 +05:30
2019-09-04 21:01:54 +05:30
beforeEach(() => {
2020-06-23 00:09:42 +05:30
store = createStore();
state = store.state.monitoringDashboard;
2019-09-04 21:01:54 +05:30
mock = new MockAdapter(axios);
2020-04-08 14:13:33 +05:30
jest.spyOn(commonUtils, 'backOff').mockImplementation(callback => {
2020-01-01 13:55:28 +05:30
const q = new Promise((resolve, reject) => {
const stop = arg => (arg instanceof Error ? reject(arg) : resolve(arg));
const next = () => callback(next, stop);
// Define a timeout based on a mock timer
setTimeout(() => {
callback(next, stop);
2019-12-26 22:10:19 +05:30
});
2020-01-01 13:55:28 +05:30
});
// Run all resolved promises in chain
jest.runOnlyPendingTimers();
return q;
2019-12-26 22:10:19 +05:30
});
});
afterEach(() => {
2020-01-01 13:55:28 +05:30
mock.reset();
2020-04-08 14:13:33 +05:30
commonUtils.backOff.mockReset();
2020-01-01 13:55:28 +05:30
createFlash.mockReset();
2019-09-04 21:01:54 +05:30
});
2020-01-01 13:55:28 +05:30
2020-05-24 23:13:21 +05:30
describe('fetchData', () => {
it('dispatches fetchEnvironmentsData and fetchEnvironmentsData', () => {
return testAction(
fetchData,
null,
state,
[],
[
{ type: 'fetchEnvironmentsData' },
{ type: 'fetchDashboard' },
{ type: 'fetchAnnotations' },
],
);
});
it('dispatches when feature metricsDashboardAnnotations is on', () => {
const origGon = window.gon;
window.gon = { features: { metricsDashboardAnnotations: true } };
return testAction(
fetchData,
null,
state,
[],
[
{ type: 'fetchEnvironmentsData' },
{ type: 'fetchDashboard' },
{ type: 'fetchAnnotations' },
],
).then(() => {
window.gon = origGon;
});
});
});
2019-09-04 21:01:54 +05:30
describe('fetchDeploymentsData', () => {
2020-04-22 19:07:51 +05:30
it('dispatches receiveDeploymentsDataSuccess on success', () => {
2019-09-04 21:01:54 +05:30
state.deploymentsEndpoint = '/success';
mock.onGet(state.deploymentsEndpoint).reply(200, {
deployments: deploymentData,
});
2020-04-22 19:07:51 +05:30
return testAction(
fetchDeploymentsData,
null,
2019-12-26 22:10:19 +05:30
state,
2020-04-22 19:07:51 +05:30
[],
[{ type: 'receiveDeploymentsDataSuccess', payload: deploymentData }],
);
2019-09-04 21:01:54 +05:30
});
2020-04-22 19:07:51 +05:30
it('dispatches receiveDeploymentsDataFailure on error', () => {
2019-09-04 21:01:54 +05:30
state.deploymentsEndpoint = '/error';
mock.onGet(state.deploymentsEndpoint).reply(500);
2020-04-22 19:07:51 +05:30
return testAction(
fetchDeploymentsData,
null,
2019-12-26 22:10:19 +05:30
state,
2020-04-22 19:07:51 +05:30
[],
[{ type: 'receiveDeploymentsDataFailure' }],
() => {
expect(createFlash).toHaveBeenCalled();
},
);
2019-09-04 21:01:54 +05:30
});
});
2020-03-13 15:44:24 +05:30
2019-09-04 21:01:54 +05:30
describe('fetchEnvironmentsData', () => {
2020-06-23 00:09:42 +05:30
beforeEach(() => {
state.projectPath = 'gitlab-org/gitlab-test';
2020-03-13 15:44:24 +05:30
});
it('setting SET_ENVIRONMENTS_FILTER should dispatch fetchEnvironmentsData', () => {
2020-04-22 19:07:51 +05:30
jest.spyOn(gqClient, 'mutate').mockReturnValue({
data: {
project: {
data: {
environments: [],
2020-03-13 15:44:24 +05:30
},
},
2020-04-22 19:07:51 +05:30
},
});
2020-03-13 15:44:24 +05:30
return testAction(
filterEnvironments,
{},
state,
[
{
type: 'SET_ENVIRONMENTS_FILTER',
payload: {},
},
],
[
{
type: 'fetchEnvironmentsData',
},
],
);
});
it('fetch environments data call takes in search param', () => {
const mockMutate = jest.spyOn(gqClient, 'mutate');
const searchTerm = 'Something';
const mutationVariables = {
mutation: getEnvironments,
variables: {
projectPath: state.projectPath,
search: searchTerm,
2020-04-22 19:07:51 +05:30
states: [ENVIRONMENT_AVAILABLE_STATE],
2020-03-13 15:44:24 +05:30
},
};
state.environmentsSearchTerm = searchTerm;
2020-04-22 19:07:51 +05:30
mockMutate.mockResolvedValue({});
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
return testAction(
fetchEnvironmentsData,
null,
2020-03-13 15:44:24 +05:30
state,
2020-04-22 19:07:51 +05:30
[],
[
{ type: 'requestEnvironmentsData' },
{ type: 'receiveEnvironmentsDataSuccess', payload: [] },
],
() => {
expect(mockMutate).toHaveBeenCalledWith(mutationVariables);
},
);
2020-03-13 15:44:24 +05:30
});
2020-04-22 19:07:51 +05:30
it('dispatches receiveEnvironmentsDataSuccess on success', () => {
jest.spyOn(gqClient, 'mutate').mockResolvedValue({
data: {
project: {
data: {
environments: environmentData,
2020-03-13 15:44:24 +05:30
},
},
2020-04-22 19:07:51 +05:30
},
});
return testAction(
fetchEnvironmentsData,
null,
state,
[],
[
{ type: 'requestEnvironmentsData' },
{
type: 'receiveEnvironmentsDataSuccess',
payload: parseEnvironmentsResponse(environmentData, state.projectPath),
},
],
2020-03-13 15:44:24 +05:30
);
2020-04-22 19:07:51 +05:30
});
it('dispatches receiveEnvironmentsDataFailure on error', () => {
jest.spyOn(gqClient, 'mutate').mockRejectedValue({});
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
return testAction(
fetchEnvironmentsData,
null,
2019-12-26 22:10:19 +05:30
state,
2020-04-22 19:07:51 +05:30
[],
[{ type: 'requestEnvironmentsData' }, { type: 'receiveEnvironmentsDataFailure' }],
);
});
});
describe('fetchAnnotations', () => {
2020-06-23 00:09:42 +05:30
beforeEach(() => {
state.timeRange = {
start: '2020-04-15T12:54:32.137Z',
end: '2020-08-15T12:54:32.137Z',
};
state.projectPath = 'gitlab-org/gitlab-test';
state.currentEnvironmentName = 'production';
state.currentDashboard = '.gitlab/dashboards/custom_dashboard.yml';
2020-04-22 19:07:51 +05:30
});
it('fetches annotations data and dispatches receiveAnnotationsSuccess', () => {
const mockMutate = jest.spyOn(gqClient, 'mutate');
const mutationVariables = {
mutation: getAnnotations,
variables: {
projectPath: state.projectPath,
environmentName: state.currentEnvironmentName,
dashboardPath: state.currentDashboard,
startingFrom: state.timeRange.start,
},
};
const parsedResponse = parseAnnotationsResponse(annotationsData);
mockMutate.mockResolvedValue({
data: {
project: {
environments: {
nodes: [
{
metricsDashboard: {
annotations: {
nodes: parsedResponse,
},
},
},
],
},
},
},
2020-03-13 15:44:24 +05:30
});
2020-04-22 19:07:51 +05:30
return testAction(
fetchAnnotations,
null,
state,
[],
[{ type: 'receiveAnnotationsSuccess', payload: parsedResponse }],
() => {
expect(mockMutate).toHaveBeenCalledWith(mutationVariables);
},
);
2019-09-04 21:01:54 +05:30
});
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
it('dispatches receiveAnnotationsFailure if the annotations API call fails', () => {
const mockMutate = jest.spyOn(gqClient, 'mutate');
const mutationVariables = {
mutation: getAnnotations,
variables: {
projectPath: state.projectPath,
environmentName: state.currentEnvironmentName,
dashboardPath: state.currentDashboard,
startingFrom: state.timeRange.start,
},
};
2020-03-13 15:44:24 +05:30
2020-04-22 19:07:51 +05:30
mockMutate.mockRejectedValue({});
return testAction(
fetchAnnotations,
null,
2019-12-26 22:10:19 +05:30
state,
2020-04-22 19:07:51 +05:30
[],
[{ type: 'receiveAnnotationsFailure' }],
() => {
expect(mockMutate).toHaveBeenCalledWith(mutationVariables);
},
);
2019-09-04 21:01:54 +05:30
});
});
2020-03-13 15:44:24 +05:30
2020-05-24 23:13:21 +05:30
describe('Toggles starred value of current dashboard', () => {
let unstarredDashboard;
let starredDashboard;
beforeEach(() => {
state.isUpdatingStarredValue = false;
[unstarredDashboard, starredDashboard] = dashboardGitResponse;
});
describe('toggleStarredValue', () => {
it('performs no changes if no dashboard is selected', () => {
return testAction(toggleStarredValue, null, state, [], []);
});
it('performs no changes if already changing starred value', () => {
state.selectedDashboard = unstarredDashboard;
state.isUpdatingStarredValue = true;
return testAction(toggleStarredValue, null, state, [], []);
});
it('stars dashboard if it is not starred', () => {
state.selectedDashboard = unstarredDashboard;
mock.onPost(unstarredDashboard.user_starred_path).reply(200);
return testAction(toggleStarredValue, null, state, [
{ type: types.REQUEST_DASHBOARD_STARRING },
2020-06-23 00:09:42 +05:30
{
type: types.RECEIVE_DASHBOARD_STARRING_SUCCESS,
payload: {
newStarredValue: true,
selectedDashboard: unstarredDashboard,
},
},
2020-05-24 23:13:21 +05:30
]);
});
it('unstars dashboard if it is starred', () => {
state.selectedDashboard = starredDashboard;
mock.onPost(starredDashboard.user_starred_path).reply(200);
return testAction(toggleStarredValue, null, state, [
{ type: types.REQUEST_DASHBOARD_STARRING },
{ type: types.RECEIVE_DASHBOARD_STARRING_FAILURE },
]);
});
});
});
2020-04-22 19:07:51 +05:30
describe('Set initial state', () => {
it('should commit SET_INITIAL_STATE mutation', done => {
2019-09-04 21:01:54 +05:30
testAction(
2020-04-22 19:07:51 +05:30
setInitialState,
2019-09-04 21:01:54 +05:30
{
2020-06-23 00:09:42 +05:30
currentDashboard: '.gitlab/dashboards/dashboard.yml',
2019-09-04 21:01:54 +05:30
deploymentsEndpoint: 'deployments.json',
},
2020-06-23 00:09:42 +05:30
state,
2019-09-04 21:01:54 +05:30
[
{
2020-04-22 19:07:51 +05:30
type: types.SET_INITIAL_STATE,
2019-09-04 21:01:54 +05:30
payload: {
2020-06-23 00:09:42 +05:30
currentDashboard: '.gitlab/dashboards/dashboard.yml',
2019-09-04 21:01:54 +05:30
deploymentsEndpoint: 'deployments.json',
},
},
],
[],
done,
);
});
});
describe('Set empty states', () => {
it('should commit SET_METRICS_ENDPOINT mutation', done => {
testAction(
setGettingStartedEmptyState,
null,
2020-06-23 00:09:42 +05:30
state,
2019-12-26 22:10:19 +05:30
[
{
type: types.SET_GETTING_STARTED_EMPTY_STATE,
},
],
2019-09-04 21:01:54 +05:30
[],
done,
);
});
});
2020-05-24 23:13:21 +05:30
2020-06-23 00:09:42 +05:30
describe('updateVariablesAndFetchData', () => {
it('should commit UPDATE_VARIABLES mutation and fetch data', done => {
2020-05-24 23:13:21 +05:30
testAction(
2020-06-23 00:09:42 +05:30
updateVariablesAndFetchData,
2020-05-24 23:13:21 +05:30
{ pod: 'POD' },
2020-06-23 00:09:42 +05:30
state,
2020-05-24 23:13:21 +05:30
[
{
2020-06-23 00:09:42 +05:30
type: types.UPDATE_VARIABLES,
2020-05-24 23:13:21 +05:30
payload: { pod: 'POD' },
},
],
2020-06-23 00:09:42 +05:30
[
{
type: 'fetchDashboardData',
},
],
2020-05-24 23:13:21 +05:30
done,
);
});
});
2019-09-04 21:01:54 +05:30
describe('fetchDashboard', () => {
let dispatch;
2020-04-08 14:13:33 +05:30
let commit;
2019-09-04 21:01:54 +05:30
const response = metricsDashboardResponse;
beforeEach(() => {
2019-12-26 22:10:19 +05:30
dispatch = jest.fn();
2020-04-08 14:13:33 +05:30
commit = jest.fn();
2019-09-04 21:01:54 +05:30
state.dashboardEndpoint = '/dashboard';
});
2020-04-22 19:07:51 +05:30
it('on success, dispatches receive and success actions', () => {
2020-01-01 13:55:28 +05:30
document.body.dataset.page = 'projects:environments:metrics';
2019-09-04 21:01:54 +05:30
mock.onGet(state.dashboardEndpoint).reply(200, response);
2020-04-22 19:07:51 +05:30
return testAction(
fetchDashboard,
null,
state,
[],
[
{ type: 'requestMetricsDashboard' },
{
type: 'receiveMetricsDashboardSuccess',
payload: { response },
},
],
);
2019-09-04 21:01:54 +05:30
});
2020-01-01 13:55:28 +05:30
describe('on failure', () => {
let result;
beforeEach(() => {
const params = {};
result = () => {
2020-04-08 14:13:33 +05:30
mock.onGet(state.dashboardEndpoint).replyOnce(500, mockDashboardsErrorResponse);
return fetchDashboard({ state, commit, dispatch }, params);
2020-01-01 13:55:28 +05:30
};
});
2020-04-22 19:07:51 +05:30
it('dispatches a failure', done => {
2020-01-01 13:55:28 +05:30
result()
.then(() => {
2020-04-08 14:13:33 +05:30
expect(commit).toHaveBeenCalledWith(
types.SET_ALL_DASHBOARDS,
mockDashboardsErrorResponse.all_dashboards,
);
2020-01-01 13:55:28 +05:30
expect(dispatch).toHaveBeenCalledWith(
'receiveMetricsDashboardFailure',
new Error('Request failed with status code 500'),
);
expect(createFlash).toHaveBeenCalled();
done();
})
.catch(done.fail);
});
it('dispatches a failure action when a message is returned', done => {
result()
.then(() => {
expect(dispatch).toHaveBeenCalledWith(
'receiveMetricsDashboardFailure',
new Error('Request failed with status code 500'),
);
2020-04-08 14:13:33 +05:30
expect(createFlash).toHaveBeenCalledWith(
expect.stringContaining(mockDashboardsErrorResponse.message),
);
2020-01-01 13:55:28 +05:30
done();
})
.catch(done.fail);
});
it('does not show a flash error when showErrorBanner is disabled', done => {
state.showErrorBanner = false;
result()
.then(() => {
expect(dispatch).toHaveBeenCalledWith(
'receiveMetricsDashboardFailure',
new Error('Request failed with status code 500'),
);
expect(createFlash).not.toHaveBeenCalled();
done();
})
.catch(done.fail);
});
2019-09-04 21:01:54 +05:30
});
});
describe('receiveMetricsDashboardSuccess', () => {
let commit;
let dispatch;
2020-04-22 19:07:51 +05:30
2019-09-04 21:01:54 +05:30
beforeEach(() => {
2019-12-26 22:10:19 +05:30
commit = jest.fn();
dispatch = jest.fn();
2019-09-04 21:01:54 +05:30
});
2020-04-22 19:07:51 +05:30
it('stores groups', () => {
2019-09-04 21:01:54 +05:30
const response = metricsDashboardResponse;
2020-04-22 19:07:51 +05:30
receiveMetricsDashboardSuccess({ state, commit, dispatch }, { response });
2019-09-04 21:01:54 +05:30
expect(commit).toHaveBeenCalledWith(
2020-04-22 19:07:51 +05:30
types.RECEIVE_METRICS_DASHBOARD_SUCCESS,
2020-04-08 14:13:33 +05:30
2020-03-13 15:44:24 +05:30
metricsDashboardResponse.dashboard,
2019-09-04 21:01:54 +05:30
);
2020-04-22 19:07:51 +05:30
expect(dispatch).toHaveBeenCalledWith('fetchDashboardData');
2019-09-04 21:01:54 +05:30
});
2020-05-24 23:13:21 +05:30
it('stores templating variables', () => {
const response = {
...metricsDashboardResponse.dashboard,
...mockTemplatingData.allVariableTypes.dashboard,
};
receiveMetricsDashboardSuccess(
{ state, commit, dispatch },
{
response: {
...metricsDashboardResponse,
dashboard: {
...metricsDashboardResponse.dashboard,
...mockTemplatingData.allVariableTypes.dashboard,
},
},
},
);
expect(commit).toHaveBeenCalledWith(
types.RECEIVE_METRICS_DASHBOARD_SUCCESS,
response,
);
});
2019-09-30 21:07:59 +05:30
it('sets the dashboards loaded from the repository', () => {
const params = {};
const response = metricsDashboardResponse;
response.all_dashboards = dashboardGitResponse;
2019-12-26 22:10:19 +05:30
receiveMetricsDashboardSuccess(
{
state,
commit,
dispatch,
},
{
response,
params,
},
);
2019-09-30 21:07:59 +05:30
expect(commit).toHaveBeenCalledWith(types.SET_ALL_DASHBOARDS, dashboardGitResponse);
});
2019-09-04 21:01:54 +05:30
});
2020-04-22 19:07:51 +05:30
describe('fetchDashboardData', () => {
2019-09-04 21:01:54 +05:30
let commit;
let dispatch;
2020-01-01 13:55:28 +05:30
2019-09-04 21:01:54 +05:30
beforeEach(() => {
2020-01-01 13:55:28 +05:30
jest.spyOn(Tracking, 'event');
2019-12-26 22:10:19 +05:30
commit = jest.fn();
dispatch = jest.fn();
2020-04-22 19:07:51 +05:30
state.timeRange = defaultTimeRange;
2019-09-04 21:01:54 +05:30
});
2020-01-01 13:55:28 +05:30
2019-09-04 21:01:54 +05:30
it('commits empty state when state.groups is empty', done => {
2020-01-01 13:55:28 +05:30
const getters = {
metricsWithData: () => [],
};
2020-04-22 19:07:51 +05:30
fetchDashboardData({ state, commit, dispatch, getters })
2019-09-04 21:01:54 +05:30
.then(() => {
2020-01-01 13:55:28 +05:30
expect(Tracking.event).toHaveBeenCalledWith(
document.body.dataset.page,
'dashboard_fetch',
{
label: 'custom_metrics_dashboard',
property: 'count',
value: 0,
},
);
2020-04-22 19:07:51 +05:30
expect(dispatch).toHaveBeenCalledTimes(1);
expect(dispatch).toHaveBeenCalledWith('fetchDeploymentsData');
2020-01-01 13:55:28 +05:30
expect(createFlash).not.toHaveBeenCalled();
2019-09-04 21:01:54 +05:30
done();
})
.catch(done.fail);
});
it('dispatches fetchPrometheusMetric for each panel query', done => {
2020-04-08 14:13:33 +05:30
state.dashboard.panelGroups = convertObjectPropsToCamelCase(
metricsDashboardResponse.dashboard.panel_groups,
);
const [metric] = state.dashboard.panelGroups[0].panels[0].metrics;
2020-01-01 13:55:28 +05:30
const getters = {
metricsWithData: () => [metric.id],
};
2020-04-22 19:07:51 +05:30
fetchDashboardData({ state, commit, dispatch, getters })
2019-09-04 21:01:54 +05:30
.then(() => {
2019-12-26 22:10:19 +05:30
expect(dispatch).toHaveBeenCalledWith('fetchPrometheusMetric', {
metric,
2020-04-22 19:07:51 +05:30
defaultQueryParams: {
start_time: expect.any(String),
end_time: expect.any(String),
step: expect.any(Number),
},
2019-12-26 22:10:19 +05:30
});
2020-01-01 13:55:28 +05:30
expect(Tracking.event).toHaveBeenCalledWith(
document.body.dataset.page,
'dashboard_fetch',
{
label: 'custom_metrics_dashboard',
property: 'count',
value: 1,
},
);
2019-09-04 21:01:54 +05:30
done();
})
.catch(done.fail);
done();
});
2020-01-01 13:55:28 +05:30
it('dispatches fetchPrometheusMetric for each panel query, handles an error', done => {
2020-04-08 14:13:33 +05:30
state.dashboard.panelGroups = metricsDashboardViewModel.panelGroups;
const metric = state.dashboard.panelGroups[0].panels[0].metrics[0];
2020-01-01 13:55:28 +05:30
2020-04-22 19:07:51 +05:30
dispatch.mockResolvedValueOnce(); // fetchDeploymentsData
2020-04-08 14:13:33 +05:30
// Mock having one out of four metrics failing
2020-01-01 13:55:28 +05:30
dispatch.mockRejectedValueOnce(new Error('Error fetching this metric'));
dispatch.mockResolvedValue();
2020-04-22 19:07:51 +05:30
fetchDashboardData({ state, commit, dispatch })
2019-12-26 22:10:19 +05:30
.then(() => {
2020-04-22 19:07:51 +05:30
expect(dispatch).toHaveBeenCalledTimes(metricsDashboardPanelCount + 1); // plus 1 for deployments
expect(dispatch).toHaveBeenCalledWith('fetchDeploymentsData');
2020-01-01 13:55:28 +05:30
expect(dispatch).toHaveBeenCalledWith('fetchPrometheusMetric', {
metric,
2020-04-22 19:07:51 +05:30
defaultQueryParams: {
start_time: expect.any(String),
end_time: expect.any(String),
step: expect.any(Number),
},
2019-12-26 22:10:19 +05:30
});
2020-01-01 13:55:28 +05:30
expect(createFlash).toHaveBeenCalledTimes(1);
2019-12-26 22:10:19 +05:30
done();
})
.catch(done.fail);
2020-01-01 13:55:28 +05:30
done();
});
});
describe('fetchPrometheusMetric', () => {
2020-04-22 19:07:51 +05:30
const defaultQueryParams = {
start_time: '2019-08-06T12:40:02.184Z',
end_time: '2019-08-06T20:40:02.184Z',
step: 60,
2020-01-01 13:55:28 +05:30
};
let metric;
let data;
2020-04-22 19:07:51 +05:30
let prometheusEndpointPath;
2020-01-01 13:55:28 +05:30
beforeEach(() => {
state = storeState();
2020-04-22 19:07:51 +05:30
[metric] = metricsDashboardViewModel.panelGroups[0].panels[0].metrics;
prometheusEndpointPath = metric.prometheusEndpointPath;
2020-04-08 14:13:33 +05:30
data = {
metricId: metric.metricId,
result: [1582065167.353, 5, 1582065599.353],
};
2020-01-01 13:55:28 +05:30
});
it('commits result', done => {
2020-04-22 19:07:51 +05:30
mock.onGet(prometheusEndpointPath).reply(200, { data }); // One attempt
2020-01-01 13:55:28 +05:30
testAction(
fetchPrometheusMetric,
2020-04-22 19:07:51 +05:30
{ metric, defaultQueryParams },
2020-01-01 13:55:28 +05:30
state,
[
{
type: types.REQUEST_METRIC_RESULT,
payload: {
2020-04-08 14:13:33 +05:30
metricId: metric.metricId,
2020-01-01 13:55:28 +05:30
},
},
{
type: types.RECEIVE_METRIC_RESULT_SUCCESS,
payload: {
2020-04-08 14:13:33 +05:30
metricId: metric.metricId,
2020-01-01 13:55:28 +05:30
result: data.result,
},
},
],
[],
() => {
expect(mock.history.get).toHaveLength(1);
done();
},
).catch(done.fail);
});
2020-04-22 19:07:51 +05:30
describe('without metric defined step', () => {
const expectedParams = {
start_time: '2019-08-06T12:40:02.184Z',
end_time: '2019-08-06T20:40:02.184Z',
step: 60,
};
it('uses calculated step', done => {
mock.onGet(prometheusEndpointPath).reply(200, { data }); // One attempt
testAction(
fetchPrometheusMetric,
{ metric, defaultQueryParams },
state,
[
{
type: types.REQUEST_METRIC_RESULT,
payload: {
metricId: metric.metricId,
},
},
{
type: types.RECEIVE_METRIC_RESULT_SUCCESS,
payload: {
metricId: metric.metricId,
result: data.result,
},
},
],
[],
() => {
expect(mock.history.get[0].params).toEqual(expectedParams);
done();
},
).catch(done.fail);
});
});
describe('with metric defined step', () => {
beforeEach(() => {
metric.step = 7;
});
const expectedParams = {
start_time: '2019-08-06T12:40:02.184Z',
end_time: '2019-08-06T20:40:02.184Z',
step: 7,
};
it('uses metric step', done => {
mock.onGet(prometheusEndpointPath).reply(200, { data }); // One attempt
testAction(
fetchPrometheusMetric,
{ metric, defaultQueryParams },
state,
[
{
type: types.REQUEST_METRIC_RESULT,
payload: {
metricId: metric.metricId,
},
},
{
type: types.RECEIVE_METRIC_RESULT_SUCCESS,
payload: {
metricId: metric.metricId,
result: data.result,
},
},
],
[],
() => {
expect(mock.history.get[0].params).toEqual(expectedParams);
done();
},
).catch(done.fail);
});
});
2020-01-01 13:55:28 +05:30
it('commits result, when waiting for results', done => {
// Mock multiple attempts while the cache is filling up
2020-04-22 19:07:51 +05:30
mock.onGet(prometheusEndpointPath).replyOnce(statusCodes.NO_CONTENT);
mock.onGet(prometheusEndpointPath).replyOnce(statusCodes.NO_CONTENT);
mock.onGet(prometheusEndpointPath).replyOnce(statusCodes.NO_CONTENT);
mock.onGet(prometheusEndpointPath).reply(200, { data }); // 4th attempt
2020-01-01 13:55:28 +05:30
testAction(
fetchPrometheusMetric,
2020-04-22 19:07:51 +05:30
{ metric, defaultQueryParams },
2020-01-01 13:55:28 +05:30
state,
[
{
type: types.REQUEST_METRIC_RESULT,
payload: {
2020-04-08 14:13:33 +05:30
metricId: metric.metricId,
2020-01-01 13:55:28 +05:30
},
},
{
type: types.RECEIVE_METRIC_RESULT_SUCCESS,
payload: {
2020-04-08 14:13:33 +05:30
metricId: metric.metricId,
2020-01-01 13:55:28 +05:30
result: data.result,
},
},
],
[],
() => {
expect(mock.history.get).toHaveLength(4);
done();
},
).catch(done.fail);
});
it('commits failure, when waiting for results and getting a server error', done => {
// Mock multiple attempts while the cache is filling up and fails
2020-04-22 19:07:51 +05:30
mock.onGet(prometheusEndpointPath).replyOnce(statusCodes.NO_CONTENT);
mock.onGet(prometheusEndpointPath).replyOnce(statusCodes.NO_CONTENT);
mock.onGet(prometheusEndpointPath).replyOnce(statusCodes.NO_CONTENT);
mock.onGet(prometheusEndpointPath).reply(500); // 4th attempt
2020-01-01 13:55:28 +05:30
const error = new Error('Request failed with status code 500');
testAction(
fetchPrometheusMetric,
2020-04-22 19:07:51 +05:30
{ metric, defaultQueryParams },
2020-01-01 13:55:28 +05:30
state,
[
{
type: types.REQUEST_METRIC_RESULT,
payload: {
2020-04-08 14:13:33 +05:30
metricId: metric.metricId,
2020-01-01 13:55:28 +05:30
},
},
{
type: types.RECEIVE_METRIC_RESULT_FAILURE,
payload: {
2020-04-08 14:13:33 +05:30
metricId: metric.metricId,
2020-01-01 13:55:28 +05:30
error,
},
},
],
[],
).catch(e => {
expect(mock.history.get).toHaveLength(4);
expect(e).toEqual(error);
done();
});
2019-09-04 21:01:54 +05:30
});
});
2020-03-13 15:44:24 +05:30
describe('duplicateSystemDashboard', () => {
beforeEach(() => {
state.dashboardsEndpoint = '/dashboards.json';
});
it('Succesful POST request resolves', done => {
mock.onPost(state.dashboardsEndpoint).reply(statusCodes.CREATED, {
dashboard: dashboardGitResponse[1],
});
testAction(duplicateSystemDashboard, {}, state, [], [])
.then(() => {
expect(mock.history.post).toHaveLength(1);
done();
})
.catch(done.fail);
});
it('Succesful POST request resolves to a dashboard', done => {
const mockCreatedDashboard = dashboardGitResponse[1];
const params = {
dashboard: 'my-dashboard',
fileName: 'file-name.yml',
branch: 'my-new-branch',
commitMessage: 'A new commit message',
};
const expectedPayload = JSON.stringify({
dashboard: 'my-dashboard',
file_name: 'file-name.yml',
branch: 'my-new-branch',
commit_message: 'A new commit message',
});
mock.onPost(state.dashboardsEndpoint).reply(statusCodes.CREATED, {
dashboard: mockCreatedDashboard,
});
testAction(duplicateSystemDashboard, params, state, [], [])
.then(result => {
expect(mock.history.post).toHaveLength(1);
expect(mock.history.post[0].data).toEqual(expectedPayload);
expect(result).toEqual(mockCreatedDashboard);
done();
})
.catch(done.fail);
});
it('Failed POST request throws an error', done => {
mock.onPost(state.dashboardsEndpoint).reply(statusCodes.BAD_REQUEST);
testAction(duplicateSystemDashboard, {}, state, [], []).catch(err => {
expect(mock.history.post).toHaveLength(1);
expect(err).toEqual(expect.any(String));
done();
});
});
it('Failed POST request throws an error with a description', done => {
const backendErrorMsg = 'This file already exists!';
mock.onPost(state.dashboardsEndpoint).reply(statusCodes.BAD_REQUEST, {
error: backendErrorMsg,
});
testAction(duplicateSystemDashboard, {}, state, [], []).catch(err => {
expect(mock.history.post).toHaveLength(1);
expect(err).toEqual(expect.any(String));
expect(err).toEqual(expect.stringContaining(backendErrorMsg));
done();
});
});
});
2020-05-24 23:13:21 +05:30
describe('setExpandedPanel', () => {
it('Sets a panel as expanded', () => {
const group = 'group_1';
const panel = { title: 'A Panel' };
return testAction(
setExpandedPanel,
{ group, panel },
state,
[{ type: types.SET_EXPANDED_PANEL, payload: { group, panel } }],
[],
);
});
});
describe('clearExpandedPanel', () => {
it('Clears a panel as expanded', () => {
return testAction(
clearExpandedPanel,
undefined,
state,
[{ type: types.SET_EXPANDED_PANEL, payload: { group: null, panel: null } }],
[],
);
});
});
2019-09-04 21:01:54 +05:30
});