Files
chatwoot/app/javascript/dashboard/store/modules/specs/assignmentPolicies/mutations.spec.js
Sivin Varghese 55633ab063 feat: Agent assignment policy index page with CRUD actions (#12373)
# Pull Request Template

## Description

This PR incudes new Agent assignment policy index page with CRUD
actions.

Fixes
https://linear.app/chatwoot/issue/CW-5570/feat-assignment-policy-index-page-with-actions

## Type of change

- [x] New feature (non-breaking change which adds functionality)

## How Has This Been Tested?

### Loom

https://www.loom.com/share/17ab5ceca4854f179628a3b53f347e5a?sid=cb64e881-57fd-4ae1-921b-7648653cca33

### Screenshots

**Light mode**
<img width="1428" height="888" alt="image"
src="https://github.com/user-attachments/assets/fdbb83e9-1f4f-4432-9e8a-4a8f1b810d31"
/>


**Dark mode**
<img width="1428" height="888" alt="image"
src="https://github.com/user-attachments/assets/f1fb38b9-1150-482c-ba62-3fe63ee1c7d4"
/>
<img width="726" height="495" alt="image"
src="https://github.com/user-attachments/assets/90a6ad55-9ab6-4adb-93a7-2327f5f09c79"
/>


## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [x] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules

---------

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
2025-09-10 12:07:21 +05:30

268 lines
6.8 KiB
JavaScript

import { mutations } from '../../assignmentPolicies';
import types from '../../../mutation-types';
import assignmentPoliciesList from './fixtures';
describe('#mutations', () => {
describe('#SET_ASSIGNMENT_POLICIES_UI_FLAG', () => {
it('sets single ui flag', () => {
const state = {
uiFlags: {
isFetching: false,
isCreating: false,
},
};
mutations[types.SET_ASSIGNMENT_POLICIES_UI_FLAG](state, {
isFetching: true,
});
expect(state.uiFlags).toEqual({
isFetching: true,
isCreating: false,
});
});
it('sets multiple ui flags', () => {
const state = {
uiFlags: {
isFetching: false,
isCreating: false,
isUpdating: false,
},
};
mutations[types.SET_ASSIGNMENT_POLICIES_UI_FLAG](state, {
isFetching: true,
isCreating: true,
});
expect(state.uiFlags).toEqual({
isFetching: true,
isCreating: true,
isUpdating: false,
});
});
});
describe('#SET_ASSIGNMENT_POLICIES', () => {
it('sets assignment policies records', () => {
const state = { records: [] };
mutations[types.SET_ASSIGNMENT_POLICIES](state, assignmentPoliciesList);
expect(state.records).toEqual(assignmentPoliciesList);
});
it('replaces existing records', () => {
const state = { records: [{ id: 999, name: 'Old Policy' }] };
mutations[types.SET_ASSIGNMENT_POLICIES](state, assignmentPoliciesList);
expect(state.records).toEqual(assignmentPoliciesList);
});
});
describe('#ADD_ASSIGNMENT_POLICY', () => {
it('adds new policy to empty records', () => {
const state = { records: [] };
mutations[types.ADD_ASSIGNMENT_POLICY](state, assignmentPoliciesList[0]);
expect(state.records).toEqual([assignmentPoliciesList[0]]);
});
it('adds new policy to existing records', () => {
const state = { records: [assignmentPoliciesList[0]] };
mutations[types.ADD_ASSIGNMENT_POLICY](state, assignmentPoliciesList[1]);
expect(state.records).toEqual([
assignmentPoliciesList[0],
assignmentPoliciesList[1],
]);
});
});
describe('#EDIT_ASSIGNMENT_POLICY', () => {
it('updates existing policy by id', () => {
const state = {
records: [
{ ...assignmentPoliciesList[0] },
{ ...assignmentPoliciesList[1] },
],
};
const updatedPolicy = {
...assignmentPoliciesList[0],
name: 'Updated Policy Name',
description: 'Updated Description',
};
mutations[types.EDIT_ASSIGNMENT_POLICY](state, updatedPolicy);
expect(state.records[0]).toEqual(updatedPolicy);
expect(state.records[1]).toEqual(assignmentPoliciesList[1]);
});
it('updates policy with camelCase properties', () => {
const camelCasePolicy = {
id: 1,
name: 'Camel Case Policy',
assignmentOrder: 'round_robin',
conversationPriority: 'earliest_created',
};
const state = {
records: [camelCasePolicy],
};
const updatedPolicy = {
...camelCasePolicy,
name: 'Updated Camel Case',
assignmentOrder: 'balanced',
};
mutations[types.EDIT_ASSIGNMENT_POLICY](state, updatedPolicy);
expect(state.records[0]).toEqual(updatedPolicy);
});
it('does nothing if policy id not found', () => {
const state = {
records: [assignmentPoliciesList[0]],
};
const nonExistentPolicy = {
id: 999,
name: 'Non-existent',
};
const originalRecords = [...state.records];
mutations[types.EDIT_ASSIGNMENT_POLICY](state, nonExistentPolicy);
expect(state.records).toEqual(originalRecords);
});
});
describe('#DELETE_ASSIGNMENT_POLICY', () => {
it('deletes policy by id', () => {
const state = {
records: [assignmentPoliciesList[0], assignmentPoliciesList[1]],
};
mutations[types.DELETE_ASSIGNMENT_POLICY](state, 1);
expect(state.records).toEqual([assignmentPoliciesList[1]]);
});
it('does nothing if id not found', () => {
const state = {
records: [assignmentPoliciesList[0]],
};
mutations[types.DELETE_ASSIGNMENT_POLICY](state, 999);
expect(state.records).toEqual([assignmentPoliciesList[0]]);
});
it('handles empty records', () => {
const state = { records: [] };
mutations[types.DELETE_ASSIGNMENT_POLICY](state, 1);
expect(state.records).toEqual([]);
});
});
describe('#SET_ASSIGNMENT_POLICIES_INBOXES_UI_FLAG', () => {
it('sets inbox ui flags', () => {
const state = {
inboxUiFlags: {
isFetching: false,
},
};
mutations[types.SET_ASSIGNMENT_POLICIES_INBOXES_UI_FLAG](state, {
isFetching: true,
});
expect(state.inboxUiFlags).toEqual({
isFetching: true,
});
});
it('merges with existing flags', () => {
const state = {
inboxUiFlags: {
isFetching: false,
isLoading: true,
},
};
mutations[types.SET_ASSIGNMENT_POLICIES_INBOXES_UI_FLAG](state, {
isFetching: true,
});
expect(state.inboxUiFlags).toEqual({
isFetching: true,
isLoading: true,
});
});
});
describe('#SET_ASSIGNMENT_POLICIES_INBOXES', () => {
it('sets inboxes for existing policy', () => {
const mockInboxes = [
{ id: 1, name: 'Support Inbox' },
{ id: 2, name: 'Sales Inbox' },
];
const state = {
records: [
{ id: 1, name: 'Policy 1', inboxes: [] },
{ id: 2, name: 'Policy 2', inboxes: [] },
],
};
mutations[types.SET_ASSIGNMENT_POLICIES_INBOXES](state, {
policyId: 1,
inboxes: mockInboxes,
});
expect(state.records[0].inboxes).toEqual(mockInboxes);
expect(state.records[1].inboxes).toEqual([]);
});
it('replaces existing inboxes', () => {
const oldInboxes = [{ id: 99, name: 'Old Inbox' }];
const newInboxes = [{ id: 1, name: 'New Inbox' }];
const state = {
records: [{ id: 1, name: 'Policy 1', inboxes: oldInboxes }],
};
mutations[types.SET_ASSIGNMENT_POLICIES_INBOXES](state, {
policyId: 1,
inboxes: newInboxes,
});
expect(state.records[0].inboxes).toEqual(newInboxes);
});
it('does nothing if policy not found', () => {
const state = {
records: [{ id: 1, name: 'Policy 1', inboxes: [] }],
};
const originalState = JSON.parse(JSON.stringify(state));
mutations[types.SET_ASSIGNMENT_POLICIES_INBOXES](state, {
policyId: 999,
inboxes: [{ id: 1, name: 'Test' }],
});
expect(state).toEqual(originalState);
});
});
});