ant-design/components/notification/__tests__/index.test.js
2019-12-01 15:29:53 +08:00

105 lines
2.9 KiB
JavaScript

import React from 'react';
import notification from '..';
import Icon from '../../icon';
describe('notification', () => {
beforeAll(() => {
jest.useFakeTimers();
});
afterAll(() => {
jest.useRealTimers();
});
afterEach(() => {
notification.destroy();
});
it('should be able to hide manually', () => {
notification.open({
message: 'Notification Title',
duration: 0,
key: '1',
});
notification.open({
message: 'Notification Title',
duration: 0,
key: '2',
});
expect(document.querySelectorAll('.ant-notification-notice').length).toBe(2);
notification.close('1');
jest.runAllTimers();
expect(document.querySelectorAll('.ant-notification-notice').length).toBe(1);
notification.close('2');
jest.runAllTimers();
expect(document.querySelectorAll('.ant-notification-notice').length).toBe(0);
});
it('should be able to destroy globally', () => {
notification.open({
message: 'Notification Title',
duration: 0,
});
notification.open({
message: 'Notification Title',
duration: 0,
});
expect(document.querySelectorAll('.ant-notification').length).toBe(1);
expect(document.querySelectorAll('.ant-notification-notice').length).toBe(2);
notification.destroy();
expect(document.querySelectorAll('.ant-notification').length).toBe(0);
expect(document.querySelectorAll('.ant-notification-notice').length).toBe(0);
});
it('should be able to destroy after config', () => {
notification.config({
bottom: 100,
});
notification.destroy();
});
it('should be able to open with icon', () => {
const openNotificationWithIcon = type => {
const iconPrefix = '.ant-notification-notice-icon';
notification[type]({
message: 'Notification Title',
duration: 0,
description: 'This is the content of the notification.',
});
expect(document.querySelectorAll(`${iconPrefix}-${type}`).length).toBe(1);
};
['success', 'info', 'warning', 'error'].forEach(type => {
openNotificationWithIcon(type);
});
});
it('trigger onClick', () => {
notification.open({
message: 'Notification Title',
duration: 0,
});
expect(document.querySelectorAll('.ant-notification').length).toBe(1);
});
it('support closeIcon', () => {
notification.open({
message: 'Notification Title',
duration: 0,
closeIcon: <Icon type="step-backward" />,
});
expect(document.querySelectorAll('.anticon-step-backward').length).toBe(1);
});
it('support config closeIcon', () => {
notification.config({
closeIcon: <Icon type="step-backward" />,
});
notification.open({
message: 'Notification Title',
duration: 0,
closeIcon: <Icon type="step-backward" />,
});
expect(document.querySelectorAll('.anticon-step-backward').length).toBe(1);
});
});