88 lines
1.8 KiB
JavaScript
88 lines
1.8 KiB
JavaScript
import NotificationBell from '../NotificationBell';
|
|
import { createLocalVue, shallowMount } from '@vue/test-utils';
|
|
import Vuex from 'vuex';
|
|
import VueI18n from 'vue-i18n';
|
|
|
|
import i18n from 'dashboard/i18n';
|
|
|
|
const localVue = createLocalVue();
|
|
localVue.use(Vuex);
|
|
localVue.use(VueI18n);
|
|
|
|
const i18nConfig = new VueI18n({
|
|
locale: 'en',
|
|
messages: i18n,
|
|
});
|
|
|
|
const $route = {
|
|
name: 'notifications_index',
|
|
};
|
|
|
|
describe('notificationBell', () => {
|
|
const accountId = 1;
|
|
const notificationMetadata = { unreadCount: 19 };
|
|
let store = null;
|
|
let actions = null;
|
|
let modules = null;
|
|
|
|
beforeEach(() => {
|
|
actions = {
|
|
showNotification: jest.fn(),
|
|
};
|
|
modules = {
|
|
auth: {
|
|
getters: {
|
|
getCurrentAccountId: () => accountId,
|
|
},
|
|
},
|
|
notifications: {
|
|
getters: {
|
|
'notifications/getMeta': () => notificationMetadata,
|
|
},
|
|
},
|
|
};
|
|
|
|
store = new Vuex.Store({
|
|
actions,
|
|
modules,
|
|
});
|
|
});
|
|
|
|
it('it should return unread count 19 ', () => {
|
|
const wrapper = shallowMount(NotificationBell, {
|
|
localVue,
|
|
i18n: i18nConfig,
|
|
store,
|
|
mocks: {
|
|
$route,
|
|
},
|
|
});
|
|
expect(wrapper.vm.unreadCount).toBe('19');
|
|
});
|
|
|
|
it('it should return unread count 99+ ', async () => {
|
|
notificationMetadata.unreadCount = 100;
|
|
const wrapper = shallowMount(NotificationBell, {
|
|
localVue,
|
|
i18n: i18nConfig,
|
|
store,
|
|
mocks: {
|
|
$route,
|
|
},
|
|
});
|
|
expect(wrapper.vm.unreadCount).toBe('99+');
|
|
});
|
|
|
|
it('isNotificationPanelActive', async () => {
|
|
const notificationBell = shallowMount(NotificationBell, {
|
|
store,
|
|
localVue,
|
|
i18n: i18nConfig,
|
|
mocks: {
|
|
$route,
|
|
},
|
|
});
|
|
|
|
expect(notificationBell.vm.isNotificationPanelActive).toBe(true);
|
|
});
|
|
});
|