storj/web/satellite/tests/unit/notifications/Notification.spec.ts
2018-12-12 15:44:01 +02:00

44 lines
1.2 KiB
TypeScript

// Copyright (C) 2018 Storj Labs, Inc.
// See LICENSE for copying information.
import { shallowMount, mount } from '@vue/test-utils';
import Notification from '@/components/notifications/Notification.vue';
import { NOTIFICATION_TYPES } from '@/utils/constants/notification';
describe('Notification.vue', () => {
it('renders correctly', () => {
const wrapper = shallowMount(Notification);
expect(wrapper).toMatchSnapshot();
});
it('renders correctly with props', () => {
const testMessage = 'testMessage';
const wrapper = mount(Notification, {
propsData: {
type: NOTIFICATION_TYPES.SUCCESS,
message: testMessage,
},
});
expect(wrapper).toMatchSnapshot();
expect(wrapper.find(".notification-wrap__text").text()).toMatch(testMessage);
wrapper.setProps({
type: NOTIFICATION_TYPES.ERROR,
message: testMessage,
});
expect(wrapper).toMatchSnapshot();
wrapper.setProps({
type: NOTIFICATION_TYPES.NOTIFICATION,
message: testMessage,
});
expect(wrapper).toMatchSnapshot();
});
});