feat: Add Integration hooks UI (#2301)

This commit is contained in:
Muhsin Keloth
2021-06-06 16:59:05 +05:30
committed by GitHub
parent c6487877bf
commit 14b51e108a
35 changed files with 1108 additions and 31 deletions

View File

@@ -1,29 +1,30 @@
import axios from 'axios';
import { actions } from '../../integrations';
import * as types from '../../../mutation-types';
import types from '../../../mutation-types';
import integrationsList from './fixtures';
const commit = jest.fn();
global.axios = axios;
jest.mock('axios');
const errorMessage = { message: 'Incorrect header' };
describe('#actions', () => {
describe('#get', () => {
it('sends correct actions if API is success', async () => {
axios.get.mockResolvedValue({ data: integrationsList });
await actions.get({ commit });
expect(commit.mock.calls).toEqual([
[types.default.SET_INTEGRATIONS_UI_FLAG, { isFetching: true }],
[types.default.SET_INTEGRATIONS, integrationsList.payload],
[types.default.SET_INTEGRATIONS_UI_FLAG, { isFetching: false }],
[types.SET_INTEGRATIONS_UI_FLAG, { isFetching: true }],
[types.SET_INTEGRATIONS, integrationsList.payload],
[types.SET_INTEGRATIONS_UI_FLAG, { isFetching: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.get.mockRejectedValue({ message: 'Incorrect header' });
axios.get.mockRejectedValue(errorMessage);
await actions.get({ commit });
expect(commit.mock.calls).toEqual([
[types.default.SET_INTEGRATIONS_UI_FLAG, { isFetching: true }],
[types.default.SET_INTEGRATIONS_UI_FLAG, { isFetching: false }],
[types.SET_INTEGRATIONS_UI_FLAG, { isFetching: true }],
[types.SET_INTEGRATIONS_UI_FLAG, { isFetching: false }],
]);
});
});
@@ -34,17 +35,17 @@ describe('#actions', () => {
axios.post.mockResolvedValue({ data: data });
await actions.connectSlack({ commit });
expect(commit.mock.calls).toEqual([
[types.default.SET_INTEGRATIONS_UI_FLAG, { isUpdating: true }],
[types.default.ADD_INTEGRATION, data],
[types.default.SET_INTEGRATIONS_UI_FLAG, { isUpdating: false }],
[types.SET_INTEGRATIONS_UI_FLAG, { isUpdating: true }],
[types.ADD_INTEGRATION, data],
[types.SET_INTEGRATIONS_UI_FLAG, { isUpdating: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.post.mockRejectedValue({ message: 'Incorrect header' });
axios.post.mockRejectedValue(errorMessage);
await actions.connectSlack({ commit });
expect(commit.mock.calls).toEqual([
[types.default.SET_INTEGRATIONS_UI_FLAG, { isUpdating: true }],
[types.default.SET_INTEGRATIONS_UI_FLAG, { isUpdating: false }],
[types.SET_INTEGRATIONS_UI_FLAG, { isUpdating: true }],
[types.SET_INTEGRATIONS_UI_FLAG, { isUpdating: false }],
]);
});
});
@@ -55,17 +56,59 @@ describe('#actions', () => {
axios.delete.mockResolvedValue({ data: data });
await actions.deleteIntegration({ commit }, data.id);
expect(commit.mock.calls).toEqual([
[types.default.SET_INTEGRATIONS_UI_FLAG, { isDeleting: true }],
[types.default.DELETE_INTEGRATION, data],
[types.default.SET_INTEGRATIONS_UI_FLAG, { isDeleting: false }],
[types.SET_INTEGRATIONS_UI_FLAG, { isDeleting: true }],
[types.DELETE_INTEGRATION, data],
[types.SET_INTEGRATIONS_UI_FLAG, { isDeleting: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.delete.mockRejectedValue({ message: 'Incorrect header' });
axios.delete.mockRejectedValue(errorMessage);
await actions.deleteIntegration({ commit });
expect(commit.mock.calls).toEqual([
[types.default.SET_INTEGRATIONS_UI_FLAG, { isDeleting: true }],
[types.default.SET_INTEGRATIONS_UI_FLAG, { isDeleting: false }],
[types.SET_INTEGRATIONS_UI_FLAG, { isDeleting: true }],
[types.SET_INTEGRATIONS_UI_FLAG, { isDeleting: false }],
]);
});
});
describe('#createHooks', () => {
it('sends correct actions if API is success', async () => {
let data = { id: 'slack', enabled: false };
axios.post.mockResolvedValue({ data: data });
await actions.createHook({ commit }, data);
expect(commit.mock.calls).toEqual([
[types.SET_INTEGRATIONS_UI_FLAG, { isCreatingHook: true }],
[types.ADD_INTEGRATION_HOOKS, data],
[types.SET_INTEGRATIONS_UI_FLAG, { isCreatingHook: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.post.mockRejectedValue(errorMessage);
await expect(actions.createHook({ commit })).rejects.toThrow(Error);
expect(commit.mock.calls).toEqual([
[types.SET_INTEGRATIONS_UI_FLAG, { isCreatingHook: true }],
[types.SET_INTEGRATIONS_UI_FLAG, { isCreatingHook: false }],
]);
});
});
describe('#deleteHook', () => {
it('sends correct actions if API is success', async () => {
let data = { appId: 'dialogflow', hookId: 2 };
axios.delete.mockResolvedValue({ data });
await actions.deleteHook({ commit }, data);
expect(commit.mock.calls).toEqual([
[types.SET_INTEGRATIONS_UI_FLAG, { isDeletingHook: true }],
[types.DELETE_INTEGRATION_HOOKS, { appId: 'dialogflow', hookId: 2 }],
[types.SET_INTEGRATIONS_UI_FLAG, { isDeletingHook: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.delete.mockRejectedValue(errorMessage);
await expect(actions.deleteHook({ commit }, {})).rejects.toThrow(Error);
expect(commit.mock.calls).toEqual([
[types.SET_INTEGRATIONS_UI_FLAG, { isDeletingHook: true }],
[types.SET_INTEGRATIONS_UI_FLAG, { isDeletingHook: false }],
]);
});
});