79aa5a5d7f
# Pull Request Template ## Description This PR will replace the usage of `alertMixin` from the code base with the `useAlert` composable. Fixes https://linear.app/chatwoot/issue/CW-3462/replace-alertmixin-usage-with-usealert ## Type of change - [x] Breaking change (fix or feature that would cause existing functionality not to work as expected) ## How Has This Been Tested? Please refer this issue description https://linear.app/chatwoot/issue/CW-3462/replace-alertmixin-usage-with-usealert ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [ ] 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 --------- Co-authored-by: Sojan Jose <sojan@pepalo.com>
52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
import { getCurrentInstance } from 'vue';
|
|
import { emitter } from 'shared/helpers/mitt';
|
|
import { useTrack, useAlert } from '../index';
|
|
|
|
vi.mock('vue', () => ({
|
|
getCurrentInstance: vi.fn(),
|
|
}));
|
|
vi.mock('shared/helpers/mitt', () => ({
|
|
emitter: {
|
|
emit: vi.fn(),
|
|
},
|
|
}));
|
|
|
|
describe('useTrack', () => {
|
|
it('should return $track from the current instance proxy', () => {
|
|
const mockProxy = { $track: vi.fn() };
|
|
getCurrentInstance.mockReturnValue({ proxy: mockProxy });
|
|
const track = useTrack();
|
|
expect(track).toBe(mockProxy.$track);
|
|
});
|
|
|
|
it('should throw an error if called outside of setup', () => {
|
|
getCurrentInstance.mockReturnValue(null);
|
|
expect(useTrack).toThrowError('must be called in setup');
|
|
});
|
|
});
|
|
|
|
describe('useAlert', () => {
|
|
it('should emit a newToastMessage event with the provided message and action', () => {
|
|
const message = 'Toast message';
|
|
const action = {
|
|
type: 'link',
|
|
to: '/app/accounts/1/conversations/1',
|
|
message: 'Navigate',
|
|
};
|
|
useAlert(message, action);
|
|
expect(emitter.emit).toHaveBeenCalledWith('newToastMessage', {
|
|
message,
|
|
action,
|
|
});
|
|
});
|
|
|
|
it('should emit a newToastMessage event with the provided message and no action if action is null', () => {
|
|
const message = 'Toast message';
|
|
useAlert(message);
|
|
expect(emitter.emit).toHaveBeenCalledWith('newToastMessage', {
|
|
message,
|
|
action: null,
|
|
});
|
|
});
|
|
});
|