mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-08 06:53:26 +00:00
Fixes https://github.com/chatwoot/chatwoot/issues/9600 **Summary** - Added manual WhatsApp templates sync functionality accessible via UI - Added refresh button in both inbox settings and template picker modal - Enhanced template picker to always show for WhatsApp Cloud channels (even when empty) **Preview** <img width="1456" height="798" alt="CleanShot 2025-07-22 at 14 15 28@2x" src="https://github.com/user-attachments/assets/8a04ff26-61fa-42ee-a1b8-5e06433ae6e0" /> <img width="2376" height="1574" alt="CleanShot 2025-07-22 at 14 19 24@2x" src="https://github.com/user-attachments/assets/1c772034-04ff-484d-88dd-ca8123e93065" /> --------- Co-authored-by: iamsivin <iamsivin@gmail.com>
259 lines
9.5 KiB
JavaScript
259 lines
9.5 KiB
JavaScript
import axios from 'axios';
|
|
import { actions } from '../../inboxes';
|
|
import * as types from '../../../mutation-types';
|
|
import inboxList from './fixtures';
|
|
|
|
const commit = vi.fn();
|
|
global.axios = axios;
|
|
vi.mock('axios');
|
|
|
|
describe('#actions', () => {
|
|
describe('#get', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
const mockedGet = vi.fn(url => {
|
|
if (url === '/api/v1/inboxes') {
|
|
return Promise.resolve({ data: { payload: inboxList } });
|
|
}
|
|
if (url === '/api/v1/accounts//cache_keys') {
|
|
return Promise.resolve({ data: { cache_keys: { inboxes: 0 } } });
|
|
}
|
|
// Return default value or throw an error for unexpected requests
|
|
return Promise.reject(new Error('Unexpected request: ' + url));
|
|
});
|
|
|
|
axios.get = mockedGet;
|
|
|
|
await actions.get({ commit });
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isFetching: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isFetching: false }],
|
|
[types.default.SET_INBOXES, inboxList],
|
|
]);
|
|
});
|
|
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_INBOXES_UI_FLAG, { isFetching: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isFetching: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#createWebsiteChannel', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
axios.post.mockResolvedValue({ data: inboxList[0] });
|
|
await actions.createWebsiteChannel({ commit }, inboxList[0]);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: true }],
|
|
[types.default.ADD_INBOXES, inboxList[0]],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: false }],
|
|
]);
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.post.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(actions.createWebsiteChannel({ commit })).rejects.toThrow(
|
|
Error
|
|
);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#createVoiceChannel', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
axios.post.mockResolvedValue({ data: inboxList[0] });
|
|
await actions.createVoiceChannel({ commit }, inboxList[0]);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: true }],
|
|
[types.default.ADD_INBOXES, inboxList[0]],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: false }],
|
|
]);
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.post.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(actions.createVoiceChannel({ commit })).rejects.toThrow(
|
|
Error
|
|
);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#createFBChannel', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
axios.post.mockResolvedValue({ data: inboxList[0] });
|
|
await actions.createFBChannel({ commit }, inboxList[0]);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: true }],
|
|
[types.default.ADD_INBOXES, inboxList[0]],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: false }],
|
|
]);
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.post.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(actions.createFBChannel({ commit })).rejects.toThrow(Error);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isCreating: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#updateInbox', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
const updatedInbox = inboxList[0];
|
|
updatedInbox.enable_auto_assignment = false;
|
|
|
|
axios.patch.mockResolvedValue({ data: updatedInbox });
|
|
await actions.updateInbox(
|
|
{ commit },
|
|
{ id: updatedInbox.id, inbox: { enable_auto_assignment: false } }
|
|
);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdating: true }],
|
|
[types.default.EDIT_INBOXES, updatedInbox],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdating: false }],
|
|
]);
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.patch.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(
|
|
actions.updateInbox(
|
|
{ commit },
|
|
{ id: inboxList[0].id, inbox: { enable_auto_assignment: false } }
|
|
)
|
|
).rejects.toThrow(Error);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdating: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdating: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#updateInboxIMAP', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
const updatedInbox = inboxList[0];
|
|
|
|
axios.patch.mockResolvedValue({ data: updatedInbox });
|
|
await actions.updateInboxIMAP(
|
|
{ commit },
|
|
{ id: updatedInbox.id, inbox: { channel: { imap_enabled: true } } }
|
|
);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingIMAP: true }],
|
|
[types.default.EDIT_INBOXES, updatedInbox],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingIMAP: false }],
|
|
]);
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.patch.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(
|
|
actions.updateInboxIMAP(
|
|
{ commit },
|
|
{ id: inboxList[0].id, inbox: { channel: { imap_enabled: true } } }
|
|
)
|
|
).rejects.toThrow(Error);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingIMAP: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingIMAP: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#updateInboxSMTP', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
const updatedInbox = inboxList[0];
|
|
|
|
axios.patch.mockResolvedValue({ data: updatedInbox });
|
|
await actions.updateInboxSMTP(
|
|
{ commit },
|
|
{ id: updatedInbox.id, inbox: { channel: { smtp_enabled: true } } }
|
|
);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingSMTP: true }],
|
|
[types.default.EDIT_INBOXES, updatedInbox],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingSMTP: false }],
|
|
]);
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.patch.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(
|
|
actions.updateInboxSMTP(
|
|
{ commit },
|
|
{ id: inboxList[0].id, inbox: { channel: { smtp_enabled: true } } }
|
|
)
|
|
).rejects.toThrow(Error);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingSMTP: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isUpdatingSMTP: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#delete', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
axios.delete.mockResolvedValue({ data: inboxList[0] });
|
|
await actions.delete({ commit }, inboxList[0].id);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isDeleting: true }],
|
|
[types.default.DELETE_INBOXES, inboxList[0].id],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isDeleting: false }],
|
|
]);
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.delete.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(actions.delete({ commit }, inboxList[0].id)).rejects.toThrow(
|
|
Error
|
|
);
|
|
expect(commit.mock.calls).toEqual([
|
|
[types.default.SET_INBOXES_UI_FLAG, { isDeleting: true }],
|
|
[types.default.SET_INBOXES_UI_FLAG, { isDeleting: false }],
|
|
]);
|
|
});
|
|
});
|
|
|
|
describe('#deleteInboxAvatar', () => {
|
|
it('sends correct actions if API is success', async () => {
|
|
axios.delete.mockResolvedValue();
|
|
await expect(
|
|
actions.deleteInboxAvatar({}, inboxList[0].id)
|
|
).resolves.toBe();
|
|
});
|
|
it('sends correct actions if API is error', async () => {
|
|
axios.delete.mockRejectedValue({ message: 'Incorrect header' });
|
|
await expect(
|
|
actions.deleteInboxAvatar({}, inboxList[0].id)
|
|
).rejects.toThrow(Error);
|
|
});
|
|
});
|
|
|
|
describe('#syncTemplates', () => {
|
|
it('sends correct API call when sync is successful', async () => {
|
|
axios.post.mockResolvedValue({
|
|
data: { message: 'Template sync initiated successfully' },
|
|
});
|
|
|
|
await actions.syncTemplates({ commit }, 123);
|
|
|
|
expect(axios.post).toHaveBeenCalledWith(
|
|
'/api/v1/inboxes/123/sync_templates'
|
|
);
|
|
});
|
|
|
|
it('throws error when API call fails', async () => {
|
|
const errorMessage =
|
|
'Template sync is only available for WhatsApp channels';
|
|
axios.post.mockRejectedValue(new Error(errorMessage));
|
|
|
|
await expect(actions.syncTemplates({ commit }, 123)).rejects.toThrow(
|
|
errorMessage
|
|
);
|
|
});
|
|
});
|
|
});
|