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

chore: Sets up store for teams settings page (#1727)

Browse Source 
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Nithin David Thomas
2021-02-04 13:19:59 +05:30
committed by GitHub
parent c61edff189
commit 6a614a520b
17 changed files with 608 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
app/javascript/dashboard/store/modules/specs/teamMembers/actions.spec.js Normal file
View File

@@ -0,0 +1,59 @@
import axios from 'axios';
import {
actions,
SET_TEAM_MEMBERS_UI_FLAG,
ADD_AGENTS_TO_TEAM,
} from '../../teamMembers';
import teamMembers 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: teamMembers[1] });
await actions.get({ commit }, { teamId: 1 });
expect(commit.mock.calls).toEqual([
[SET_TEAM_MEMBERS_UI_FLAG, { isFetching: true }],
[ADD_AGENTS_TO_TEAM, { data: teamMembers[1], teamId: 1 }],
[SET_TEAM_MEMBERS_UI_FLAG, { isFetching: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.get.mockRejectedValue({ message: 'Incorrect header' });
await expect(actions.get({ commit }, { teamId: 1 })).rejects.toThrow(
Error
);
expect(commit.mock.calls).toEqual([
[SET_TEAM_MEMBERS_UI_FLAG, { isFetching: true }],
[SET_TEAM_MEMBERS_UI_FLAG, { isFetching: false }],
]);
});
});
describe('#create', () => {
it('sends correct actions if API is success', async () => {
axios.post.mockResolvedValue({ data: teamMembers });
await actions.create({ commit }, { agentsList: teamMembers, teamId: 1 });
expect(commit.mock.calls).toEqual([
[SET_TEAM_MEMBERS_UI_FLAG, { isCreating: true }],
[ADD_AGENTS_TO_TEAM, { data: teamMembers, teamId: 1 }],
[SET_TEAM_MEMBERS_UI_FLAG, { isCreating: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.post.mockRejectedValue({ message: 'Incorrect header' });
await expect(
actions.create({ commit }, { agentsList: teamMembers, teamId: 1 })
).rejects.toThrow(Error);
expect(commit.mock.calls).toEqual([
[SET_TEAM_MEMBERS_UI_FLAG, { isCreating: true }],
[SET_TEAM_MEMBERS_UI_FLAG, { isCreating: false }],
]);
});
});
});

28
app/javascript/dashboard/store/modules/specs/teamMembers/fixtures.js Normal file
View File

@@ -0,0 +1,28 @@
export default [
{
id: 1,
provider: 'email',
uid: 'agent1@chatwoot.com',
name: 'Agent1',
email: 'agent1@chatwoot.com',
account_id: 1,
created_at: '2019-11-18T02:21:06.225Z',
updated_at: '2019-12-20T07:43:35.794Z',
pubsub_token: 'random-1',
role: 'agent',
confirmed: true,
},
{
id: 2,
provider: 'email',
uid: 'agent2@chatwoot.com',
name: 'Agent2',
email: 'agent2@chatwoot.com',
account_id: 1,
created_at: '2019-11-18T02:21:06.225Z',
updated_at: '2019-12-20T07:43:35.794Z',
pubsub_token: 'random-2',
role: 'agent',
confirmed: true,
},
];

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

@@ -0,0 +1,30 @@
import { getters } from '../../teamMembers';
import teamMembers from './fixtures';
describe('#getters', () => {
it('getTeamMembers', () => {
const state = {
records: {
1: [teamMembers[0]],
},
};
expect(getters.getTeamMembers(state)(1)).toEqual([teamMembers[0]]);
});
it('getUIFlags', () => {
const state = {
uiFlags: {
isFetching: false,
isCreating: false,
isUpdating: false,
isDeleting: false,
},
};
expect(getters.getUIFlags(state)).toEqual({
isFetching: false,
isCreating: false,
isUpdating: false,
isDeleting: false,
});
});
});

12
app/javascript/dashboard/store/modules/specs/teamMembers/mutations.spec.js Normal file
View File

@@ -0,0 +1,12 @@
import { mutations, ADD_AGENTS_TO_TEAM } from '../../teamMembers';
import teamMembers from './fixtures';
describe('#mutations', () => {
describe('#ADD_AGENTS_TO_TEAM', () => {
it('Adds team members to records', () => {
const state = { records: {} };
mutations[ADD_AGENTS_TO_TEAM](state, { data: teamMembers[0], teamId: 1 });
expect(state.records).toEqual({ 1: teamMembers[0] });
});
});
});

103
app/javascript/dashboard/store/modules/specs/teams/actions.spec.js Normal file
View File

@@ -0,0 +1,103 @@
import axios from 'axios';
import { actions } from '../../teams/actions';
import {
SET_TEAM_UI_FLAG,
CLEAR_TEAMS,
SET_TEAMS,
SET_TEAM_ITEM,
EDIT_TEAM,
DELETE_TEAM,
} from '../../teams/types';
import teamsList 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: teamsList[1] });
await actions.get({ commit });
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isFetching: true }],
[CLEAR_TEAMS],
[SET_TEAMS, teamsList[1]],
[SET_TEAM_UI_FLAG, { isFetching: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.get.mockRejectedValue({ message: 'Incorrect header' });
await expect(actions.get({ commit })).rejects.toThrow(Error);
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isFetching: true }],
[SET_TEAM_UI_FLAG, { isFetching: false }],
]);
});
});
describe('#create', () => {
it('sends correct actions if API is success', async () => {
axios.post.mockResolvedValue({ data: teamsList[1] });
await actions.create({ commit }, teamsList[1]);
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isCreating: true }],
[SET_TEAM_ITEM, teamsList[1]],
[SET_TEAM_UI_FLAG, { isCreating: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.post.mockRejectedValue({ message: 'Incorrect header' });
await expect(actions.create({ commit })).rejects.toThrow(Error);
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isCreating: true }],
[SET_TEAM_UI_FLAG, { isCreating: false }],
]);
});
});
describe('#update', () => {
it('sends correct actions if API is success', async () => {
axios.patch.mockResolvedValue({ data: { payload: teamsList[1] } });
await actions.update({ commit }, teamsList[1]);
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isUpdating: true }],
[EDIT_TEAM, teamsList[1]],
[SET_TEAM_UI_FLAG, { isUpdating: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.patch.mockRejectedValue({ message: 'Incorrect header' });
await expect(actions.update({ commit }, teamsList[1])).rejects.toThrow(
Error
);
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isUpdating: true }],
[SET_TEAM_UI_FLAG, { isUpdating: false }],
]);
});
});
describe('#delete', () => {
it('sends correct actions if API is success', async () => {
axios.delete.mockResolvedValue();
await actions.delete({ commit }, 1);
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isDeleting: true }],
[DELETE_TEAM, 1],
[SET_TEAM_UI_FLAG, { isDeleting: false }],
]);
});
it('sends correct actions if API is error', async () => {
axios.delete.mockRejectedValue({ message: 'Incorrect header' });
await expect(actions.delete({ commit }, 1)).rejects.toThrow(Error);
expect(commit.mock.calls).toEqual([
[SET_TEAM_UI_FLAG, { isDeleting: true }],
[SET_TEAM_UI_FLAG, { isDeleting: false }],
]);
});
});
});

8
app/javascript/dashboard/store/modules/specs/teams/fixtures.js Normal file
View File

@@ -0,0 +1,8 @@
export default {
1: {
id: 1,
account_id: 1,
name: 'Test',
description: 'Some team',
},
};

40
app/javascript/dashboard/store/modules/specs/teams/getters.spec.js Normal file
View File

@@ -0,0 +1,40 @@
import { getters } from '../../teams/getters';
import teamsList from './fixtures';
describe('#getters', () => {
it('getTeams', () => {
const state = {
records: teamsList,
};
expect(getters.getTeams(state)).toEqual([teamsList[1]]);
});
it('getTeam', () => {
const state = {
records: teamsList,
};
expect(getters.getTeam(state)(1)).toEqual({
id: 1,
account_id: 1,
name: 'Test',
description: 'Some team',
});
});
it('getUIFlags', () => {
const state = {
uiFlags: {
isFetching: false,
isCreating: false,
isUpdating: false,
isDeleting: false,
},
};
expect(getters.getUIFlags(state)).toEqual({
isFetching: false,
isCreating: false,
isUpdating: false,
isDeleting: false,
});
});
});

53
app/javascript/dashboard/store/modules/specs/teams/mutations.spec.js Normal file
View File

@@ -0,0 +1,53 @@
import {
CLEAR_TEAMS,
SET_TEAMS,
SET_TEAM_ITEM,
EDIT_TEAM,
DELETE_TEAM,
} from '../../teams/types';
import { mutations } from '../../teams/mutations';
import teams from './fixtures';
describe('#mutations', () => {
describe('#SET_teams', () => {
it('set teams records', () => {
const state = { records: {} };
mutations[SET_TEAMS](state, [teams[1]]);
expect(state.records).toEqual(teams);
});
});
describe('#ADD_TEAM', () => {
it('push newly created teams to the store', () => {
const state = { records: {} };
mutations[SET_TEAM_ITEM](state, teams[1]);
expect(state.records).toEqual({ 1: teams[1] });
});
});
describe('#EDIT_TEAM', () => {
it('update teams record', () => {
const state = { records: [teams[1]] };
mutations[EDIT_TEAM](state, {
id: 1,
name: 'customer-support',
});
expect(state.records[1].name).toEqual('customer-support');
});
});
describe('#DELETE_TEAM', () => {
it('delete teams record', () => {
const state = { records: { 1: teams[1] } };
mutations[DELETE_TEAM](state, 1);
expect(state.records).toEqual({});
});
});
describe('#CLEAR_TEAMS', () => {
it('delete teams record', () => {
const state = { records: { 1: teams[1] } };
mutations[CLEAR_TEAMS](state);
expect(state.records).toEqual({});
});
});
});