feat: Ability to add label for contact page (#2350)

* feat: Ability to add label for contact page

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
This commit is contained in:
Sivin Varghese
2021-06-14 10:36:00 +05:30
committed by GitHub
parent fe2af370e0
commit d21c1c773b
17 changed files with 562 additions and 32 deletions

View File

@@ -0,0 +1,73 @@
import axios from 'axios';
import { actions } from '../../contactLabels';
import * as types from '../../../mutation-types';
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: ['customer-success', 'on-hold'] },
});
await actions.get({ commit }, 1);
expect(commit.mock.calls).toEqual([
[types.default.SET_CONTACT_LABELS_UI_FLAG, { isFetching: true }],
[
types.default.SET_CONTACT_LABELS,
{ id: 1, data: ['customer-success', 'on-hold'] },
],
[types.default.SET_CONTACT_LABELS_UI_FLAG, { isFetching: 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_CONTACT_LABELS_UI_FLAG, { isFetching: true }],
[types.default.SET_CONTACT_LABELS_UI_FLAG, { isFetching: false }],
]);
});
});
describe('#update', () => {
it('updates correct actions if API is success', async () => {
axios.post.mockResolvedValue({
data: { payload: { contactId: '1', labels: ['on-hold'] } },
});
await actions.update({ commit }, { contactId: '1', labels: ['on-hold'] });
expect(commit.mock.calls).toEqual([
[types.default.SET_CONTACT_LABELS_UI_FLAG, { isUpdating: true }],
[
types.default.SET_CONTACT_LABELS,
{
id: '1',
data: { contactId: '1', labels: ['on-hold'] },
},
],
[
types.default.SET_CONTACT_LABELS_UI_FLAG,
{ isUpdating: false, isError: false },
],
]);
});
it('sends correct actions if API is error', async () => {
axios.post.mockRejectedValue({ message: 'Incorrect header' });
await expect(
actions.update({ commit }, { contactId: '1', labels: ['on-hold'] })
).rejects.toThrow(Error);
expect(commit.mock.calls).toEqual([
[types.default.SET_CONTACT_LABELS_UI_FLAG, { isUpdating: true }],
[
types.default.SET_CONTACT_LABELS_UI_FLAG,
{ isUpdating: false, isError: true },
],
]);
});
});
});

View File

@@ -0,0 +1,24 @@
import { getters } from '../../contactLabels';
describe('#getters', () => {
it('getContactLabels', () => {
const state = {
records: { 1: ['customer-success', 'on-hold'] },
};
expect(getters.getContactLabels(state)(1)).toEqual([
'customer-success',
'on-hold',
]);
});
it('getUIFlags', () => {
const state = {
uiFlags: {
isFetching: true,
},
};
expect(getters.getUIFlags(state)).toEqual({
isFetching: true,
});
});
});

View File

@@ -0,0 +1,29 @@
import * as types from '../../../mutation-types';
import { mutations } from '../../contactLabels';
describe('#mutations', () => {
describe('#SET_CONTACT_LABELS_UI_FLAG', () => {
it('set ui flags', () => {
const state = { uiFlags: { isFetching: true } };
mutations[types.default.SET_CONTACT_LABELS_UI_FLAG](state, {
isFetching: false,
});
expect(state.uiFlags).toEqual({
isFetching: false,
});
});
});
describe('#SET_CONTACT_LABELS', () => {
it('set contact labels', () => {
const state = { records: {} };
mutations[types.default.SET_CONTACT_LABELS](state, {
id: 1,
data: ['customer-success', 'on-hold'],
});
expect(state.records).toEqual({
1: ['customer-success', 'on-hold'],
});
});
});
});