Fix: Populate only agents part of the inbox in conversations (#2060)

* Fix: Show only agents part of the inbox in conversations

* Show only verified agents

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>

app/javascript/dashboard/store/modules/specs/inboxMembers/actions.spec.js

@@ -0,0 +1,31 @@
+import axios from 'axios';
+import { actions, types } from '../../inboxMembers';
+import inboxMembers from './fixtures';
+
+const commit = jest.fn();
+global.axios = axios;
+jest.mock('axios');
+
+describe('#actions', () => {
+  describe('#fetch', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.get.mockResolvedValue({ data: { payload: inboxMembers } });
+      await actions.fetch({ commit }, { inboxId: 1 });
+      expect(commit.mock.calls).toEqual([
+        [types.SET_INBOX_MEMBERS_UI_FLAG, { isFetching: true }],
+        [types.SET_INBOX_MEMBERS, { inboxId: 1, members: inboxMembers }],
+        [types.SET_INBOX_MEMBERS_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.get.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(actions.fetch({ commit }, { inboxId: 1 })).rejects.toThrow(
+        Error
+      );
+      expect(commit.mock.calls).toEqual([
+        [types.SET_INBOX_MEMBERS_UI_FLAG, { isFetching: true }],
+        [types.SET_INBOX_MEMBERS_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+  });
+});

app/javascript/dashboard/store/modules/specs/inboxMembers/fixtures.js

@@ -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,
+  },
+];

app/javascript/dashboard/store/modules/specs/inboxMembers/getters.spec.js

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

app/javascript/dashboard/store/modules/specs/inboxMembers/mutations.spec.js

@@ -0,0 +1,16 @@
+import { mutations, types } from '../../inboxMembers';
+import inboxMembers from './fixtures';
+
+describe('#mutations', () => {
+  describe('#SET_INBOX_MEMBERS', () => {
+    it('Adds inbox members to records', () => {
+      const state = { records: {} };
+      mutations[types.SET_INBOX_MEMBERS](state, {
+        members: [...inboxMembers],
+        inboxId: 1,
+      });
+
+      expect(state.records).toEqual({ 1: inboxMembers });
+    });
+  });
+});