LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Feature: As a admin, I should be able to add webhooks to account (#572)

Browse Source 
Co-authored-by: Pranav Raj S <pranavrajs@gmail.com>
This commit is contained in:
Nithin David Thomas
2020-02-29 17:43:49 +05:30
committed by GitHub
parent e8cf59c661
commit c119c6577b
36 changed files with 845 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/dashboard/store/index.js
View File

@@ -15,6 +15,7 @@ import conversations from './modules/conversations';
import inboxes from './modules/inboxes';
import inboxMembers from './modules/inboxMembers';
import reports from './modules/reports';
import webhooks from './modules/webhooks';
Vue.use(Vuex);
export default new Vuex.Store({
@@ -33,5 +34,6 @@ export default new Vuex.Store({
inboxes,
inboxMembers,
reports,
webhooks,
},
});

76
app/javascript/dashboard/store/modules/specs/webhooks/actions.spec.js Normal file
View File

@@ -0,0 +1,76 @@
import axios from 'axios';
import { actions } from '../../webhooks';
import * as types from '../../../mutation-types';
import webhooks from './fixtures';
const commit = jest.fn();
global.axios = axios;
jest.mock('axios');
describe('#actions', () => {
describe('#get', () => {
it('sends correct actions if API is success', async () => {
axios.get.mockResolvedValue({ data: { payload: { webhooks } } });
await actions.get({ commit });
expect(commit.mock.calls).toEqual([
[types.default.SET_WEBHOOK_UI_FLAG, { fetchingList: true }],
[types.default.SET_WEBHOOK, webhooks],
[types.default.SET_WEBHOOK_UI_FLAG, { fetchingList: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.get.mockRejectedValue({ message: 'Incorrect header' });
await actions.get({ commit });
expect(commit.mock.calls).toEqual([
[types.default.SET_WEBHOOK_UI_FLAG, { fetchingList: true }],
[types.default.SET_WEBHOOK_UI_FLAG, { fetchingList: false }],
]);
});
});
describe('#create', () => {
it('sends correct actions if API is success', async () => {
axios.post.mockResolvedValue({
data: { payload: { webhook: webhooks[0] } },
});
await actions.create({ commit }, webhooks[0]);
expect(commit.mock.calls).toEqual([
[types.default.SET_WEBHOOK_UI_FLAG, { creatingItem: true }],
[types.default.ADD_WEBHOOK, webhooks[0]],
[types.default.SET_WEBHOOK_UI_FLAG, { creatingItem: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.post.mockRejectedValue({ message: 'Incorrect header' });
await expect(actions.create({ commit }, webhooks[0].id)).rejects.toEqual({
message: 'Incorrect header',
});
expect(commit.mock.calls).toEqual([
[types.default.SET_WEBHOOK_UI_FLAG, { creatingItem: true }],
[types.default.SET_WEBHOOK_UI_FLAG, { creatingItem: false }],
]);
});
});
describe('#delete', () => {
it('sends correct actions if API is success', async () => {
axios.delete.mockResolvedValue({ data: webhooks[0] });
await actions.delete({ commit }, webhooks[0].id);
expect(commit.mock.calls).toEqual([
[types.default.SET_WEBHOOK_UI_FLAG, { deletingItem: true }],
[types.default.DELETE_WEBHOOK, webhooks[0].id],
[types.default.SET_WEBHOOK_UI_FLAG, { deletingItem: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.delete.mockRejectedValue({ message: 'Incorrect header' });
await expect(actions.delete({ commit }, webhooks[0].id)).rejects.toEqual({
message: 'Incorrect header',
});
expect(commit.mock.calls).toEqual([
[types.default.SET_WEBHOOK_UI_FLAG, { deletingItem: true }],
[types.default.SET_WEBHOOK_UI_FLAG, { deletingItem: false }],
]);
});
});
});

17
app/javascript/dashboard/store/modules/specs/webhooks/fixtures.js Normal file
View File

@@ -0,0 +1,17 @@
export default [
{
id: 4,
url: 'https://1.chatwoot.com',
account_id: 1,
},
{
id: 5,
url: 'https://2.chatwoot.com',
account_id: 1,
},
{
id: 6,
url: 'https://3.chatwoot.com',
account_id: 1,
},
];

30
app/javascript/dashboard/store/modules/specs/webhooks/getters.spec.js Normal file
View File

@@ -0,0 +1,30 @@
import { getters } from '../../webhooks';
import webhooks from './fixtures';
describe('#getters', () => {
it('getInboxes', () => {
const state = {
records: webhooks,
};
expect(getters.getWebhooks(state)).toEqual(webhooks);
});
it('getUIFlags', () => {
const state = {
uiFlags: {
fetchingList: false,
fetchingItem: false,
creatingItem: false,
updatingItem: false,
deletingItem: false,
},
};
expect(getters.getUIFlags(state)).toEqual({
fetchingList: false,
fetchingItem: false,
creatingItem: false,
updatingItem: false,
deletingItem: false,
});
});
});

33
app/javascript/dashboard/store/modules/specs/webhooks/mutations.spec.js Normal file
View File

@@ -0,0 +1,33 @@
import * as types from '../../../mutation-types';
import { mutations } from '../../webhooks';
import webhooks from './fixtures';
describe('#mutations', () => {
describe('#SET_WEBHOOK', () => {
it('set webhook records', () => {
const state = { records: [] };
mutations[types.default.SET_WEBHOOK](state, webhooks);
expect(state.records).toEqual(webhooks);
});
});
describe('#ADD_WEBHOOK', () => {
it('push newly created webhook data to the store', () => {
const state = {
records: [],
};
mutations[types.default.ADD_WEBHOOK](state, webhooks[0]);
expect(state.records).toEqual([webhooks[0]]);
});
});
describe('#DELETE_WEBHOOK', () => {
it('delete webhook record', () => {
const state = {
records: [webhooks[0]],
};
mutations[types.default.DELETE_WEBHOOK](state, webhooks[0].id);
expect(state.records).toEqual([]);
});
});
});

79
app/javascript/dashboard/store/modules/webhooks.js Normal file
View File

@@ -0,0 +1,79 @@
import * as MutationHelpers from 'shared/helpers/vuex/mutationHelpers';
import * as types from '../mutation-types';
import webHookAPI from '../../api/webhooks';
const state = {
records: [],
uiFlags: {
fetchingList: false,
creatingItem: false,
deletingItem: false,
},
};
export const getters = {
getWebhooks(_state) {
return _state.records;
},
getUIFlags(_state) {
return _state.uiFlags;
},
};
export const actions = {
async get({ commit }) {
commit(types.default.SET_WEBHOOK_UI_FLAG, { fetchingList: true });
try {
const response = await webHookAPI.get();
commit(types.default.SET_WEBHOOK, response.data.payload.webhooks);
commit(types.default.SET_WEBHOOK_UI_FLAG, { fetchingList: false });
} catch (error) {
commit(types.default.SET_WEBHOOK_UI_FLAG, { fetchingList: false });
}
},
async create({ commit }, params) {
commit(types.default.SET_WEBHOOK_UI_FLAG, { creatingItem: true });
try {
const response = await webHookAPI.create(params);
commit(types.default.ADD_WEBHOOK, response.data.payload.webhook);
commit(types.default.SET_WEBHOOK_UI_FLAG, { creatingItem: false });
} catch (error) {
commit(types.default.SET_WEBHOOK_UI_FLAG, { creatingItem: false });
throw error;
}
},
async delete({ commit }, id) {
commit(types.default.SET_WEBHOOK_UI_FLAG, { deletingItem: true });
try {
await webHookAPI.delete(id);
commit(types.default.DELETE_WEBHOOK, id);
commit(types.default.SET_WEBHOOK_UI_FLAG, { deletingItem: false });
} catch (error) {
commit(types.default.SET_WEBHOOK_UI_FLAG, { deletingItem: false });
throw error;
}
},
};
export const mutations = {
[types.default.SET_WEBHOOK_UI_FLAG](_state, data) {
_state.uiFlags = {
..._state.uiFlags,
...data,
};
},
[types.default.SET_WEBHOOK]: MutationHelpers.set,
[types.default.ADD_WEBHOOK]: MutationHelpers.create,
[types.default.DELETE_WEBHOOK]: MutationHelpers.destroy,
};
export default {
namespaced: true,
state,
getters,
actions,
mutations,
};

6
app/javascript/dashboard/store/mutation-types.js
View File

@@ -56,6 +56,12 @@ export default {
EDIT_CANNED: 'EDIT_CANNED',
DELETE_CANNED: 'DELETE_CANNED',
// WebHook
SET_WEBHOOK_UI_FLAG: 'SET_WEBHOOK_UI_FLAG',
SET_WEBHOOK: 'SET_WEBHOOK',
ADD_WEBHOOK: 'ADD_WEBHOOK',
DELETE_WEBHOOK: 'DELETE_WEBHOOK',
// Contacts
SET_CONTACT_UI_FLAG: 'SET_CONTACT_UI_FLAG',
SET_CONTACT_ITEM: 'SET_CONTACT_ITEM',