mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 05:57:49 +00:00
4c6572c2c9
# Pull Request Template ## Description This PR will replace the usage of `conversation/labelMixin` with a composable Fixes https://linear.app/chatwoot/issue/CW-3439/rewrite-conversationlabelmixin-mixin-to-a-composable ## Type of change - [x] New feature (non-breaking change which adds functionality) ## How Has This Been Tested? **Test cases** 1. Add/remove labels from conversation sidebar 2. See labels are showing up dynamically 3. Check add/remove labels working fine with CMD bar 4. Check card labels in conversation card and SLA reports table. ## 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 - [x] 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
88 lines
2.5 KiB
JavaScript
88 lines
2.5 KiB
JavaScript
import { useConversationLabels } from '../useConversationLabels';
|
|
import { useStore, useStoreGetters } from 'dashboard/composables/store';
|
|
|
|
vi.mock('dashboard/composables/store');
|
|
|
|
describe('useConversationLabels', () => {
|
|
let store;
|
|
let getters;
|
|
|
|
beforeEach(() => {
|
|
store = {
|
|
getters: {
|
|
'conversationLabels/getConversationLabels': vi.fn(),
|
|
},
|
|
dispatch: vi.fn(),
|
|
};
|
|
getters = {
|
|
getSelectedChat: { value: { id: 1 } },
|
|
'labels/getLabels': {
|
|
value: [
|
|
{ id: 1, title: 'Label 1' },
|
|
{ id: 2, title: 'Label 2' },
|
|
{ id: 3, title: 'Label 3' },
|
|
],
|
|
},
|
|
};
|
|
|
|
useStore.mockReturnValue(store);
|
|
useStoreGetters.mockReturnValue(getters);
|
|
});
|
|
|
|
it('should return the correct computed properties', () => {
|
|
store.getters['conversationLabels/getConversationLabels'].mockReturnValue([
|
|
'Label 1',
|
|
'Label 2',
|
|
]);
|
|
const { accountLabels, savedLabels, activeLabels, inactiveLabels } =
|
|
useConversationLabels();
|
|
|
|
expect(accountLabels.value).toEqual(getters['labels/getLabels'].value);
|
|
expect(savedLabels.value).toEqual(['Label 1', 'Label 2']);
|
|
expect(activeLabels.value).toEqual([
|
|
{ id: 1, title: 'Label 1' },
|
|
{ id: 2, title: 'Label 2' },
|
|
]);
|
|
expect(inactiveLabels.value).toEqual([{ id: 3, title: 'Label 3' }]);
|
|
});
|
|
|
|
it('should update labels correctly', async () => {
|
|
const { onUpdateLabels } = useConversationLabels();
|
|
await onUpdateLabels(['Label 1', 'Label 3']);
|
|
|
|
expect(store.dispatch).toHaveBeenCalledWith('conversationLabels/update', {
|
|
conversationId: 1,
|
|
labels: ['Label 1', 'Label 3'],
|
|
});
|
|
});
|
|
|
|
it('should add a label to the conversation', () => {
|
|
store.getters['conversationLabels/getConversationLabels'].mockReturnValue([
|
|
'Label 1',
|
|
]);
|
|
const { addLabelToConversation } = useConversationLabels();
|
|
|
|
addLabelToConversation({ title: 'Label 2' });
|
|
|
|
expect(store.dispatch).toHaveBeenCalledWith('conversationLabels/update', {
|
|
conversationId: 1,
|
|
labels: ['Label 1', 'Label 2'],
|
|
});
|
|
});
|
|
|
|
it('should remove a label from the conversation', () => {
|
|
store.getters['conversationLabels/getConversationLabels'].mockReturnValue([
|
|
'Label 1',
|
|
'Label 2',
|
|
]);
|
|
const { removeLabelFromConversation } = useConversationLabels();
|
|
|
|
removeLabelFromConversation('Label 2');
|
|
|
|
expect(store.dispatch).toHaveBeenCalledWith('conversationLabels/update', {
|
|
conversationId: 1,
|
|
labels: ['Label 1'],
|
|
});
|
|
});
|
|
});
|