mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

test: replace notification part test with testing lib (#36924)

Browse Source
This commit is contained in:
尾宿君 2022-08-08 22:43:39 +08:00 committed by GitHub
parent 8129bfee8b
commit 7bbdd0d282
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/notification/__tests__/index.test.js → components/notification/__tests__/index.test.tsx
View File

@ -1,10 +1,15 @@
import { UserOutlined } from '@ant-design/icons';
import React from 'react';
import notification, { getInstance } from '..';
import { UserOutlined } from '@ant-design/icons';
import notification, { getInstance, type NotificationInstance } from '..';
import { sleep, act } from '../../../tests/utils';
import ConfigProvider from '../../config-provider';
globalThis.IS_REACT_ACT_ENVIRONMENT = true;
Object.defineProperty(globalThis, 'IS_REACT_ACT_ENVIRONMENT', {
writable: true,
value: true,
});
type NotificationWithIconType = keyof Omit<NotificationInstance, 'open'>;
describe('notification', () => {
beforeEach(() => {
@ -80,7 +85,7 @@ describe('notification', () => {
await act(async () => {
await Promise.resolve();
});
expect((await getInstance('ant-notification-topRight')).component.state.notices).toHaveLength(
expect((await getInstance('ant-notification-topRight'))!.component.state.notices).toHaveLength(
1,
);
@ -93,7 +98,7 @@ describe('notification', () => {
await Promise.resolve();
});
expect((await getInstance('ant-notification-topRight')).component.state.notices).toHaveLength(
expect((await getInstance('ant-notification-topRight'))!.component.state.notices).toHaveLength(
0,
);
});
@ -170,7 +175,7 @@ describe('notification', () => {
expect(document.querySelectorAll('.ant-notification-notice')).toHaveLength(0);
expect(document.querySelectorAll('.prefix-test-notification-notice')).toHaveLength(1);
expect(document.querySelectorAll('.bamboo-check-circle')).toHaveLength(1);
ConfigProvider.config({ prefixCls: 'ant', iconPrefixCls: null });
ConfigProvider.config({ prefixCls: 'ant', iconPrefixCls: '' });
});
it('should be able to config prefixCls', () => {
@ -196,7 +201,7 @@ describe('notification', () => {
it('should be able to open with icon', async () => {
const iconPrefix = '.ant-notification-notice-icon';
const openNotificationWithIcon = async type => {
const openNotificationWithIcon = async (type: NotificationWithIconType) => {
act(() => {
notification[type]({
message: 'Notification Title',
@ -207,7 +212,7 @@ describe('notification', () => {
});
};
const list = ['success', 'info', 'warning', 'error'];
const list: Array<NotificationWithIconType> = ['success', 'info', 'warning', 'error'];
const promises = list.map(type => openNotificationWithIcon(type));
@ -221,7 +226,7 @@ describe('notification', () => {
});
it('should be able to add parent class for different notification types', async () => {
const openNotificationWithIcon = async type => {
const openNotificationWithIcon = async (type: NotificationWithIconType) => {
act(() => {
notification[type]({
message: 'Notification Title',
@ -232,7 +237,7 @@ describe('notification', () => {
});
};
const list = ['success', 'info', 'warning', 'error'];
const list: Array<NotificationWithIconType> = ['success', 'info', 'warning', 'error'];
const promises = list.map(type => openNotificationWithIcon(type));
await act(async () => {
@ -284,7 +289,7 @@ describe('notification', () => {
});
it('closeIcon should be update', async () => {
const openNotificationWithCloseIcon = async type => {
const openNotificationWithCloseIcon = async (type: '1' | '2') => {
act(() => {
notification.open({
message: 'Notification Title',
@ -294,7 +299,7 @@ describe('notification', () => {
});
};
const list = ['1', '2'];
const list: Array<'1' | '2'> = ['1', '2'];
const promises = list.map(type => openNotificationWithCloseIcon(type));
await act(async () => {