ant-design/components/message/__tests__/static-warning.test.tsx

58 lines
1.4 KiB
TypeScript
Raw Normal View History

import React from 'react';
import message, { actWrapper } from '..';
import { act, render, waitFakeTimer } from '../../../tests/utils';
import ConfigProvider from '../../config-provider';
import { awaitPromise, triggerMotionEnd } from './util';
describe('message static warning', () => {
beforeAll(() => {
actWrapper(act);
});
beforeEach(() => {
jest.useFakeTimers();
});
afterEach(async () => {
// Clean up
message.destroy();
await triggerMotionEnd();
jest.useRealTimers();
await awaitPromise();
});
// Follow test need keep order
it('no warning', async () => {
const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
message.success({
content: <div className="bamboo" />,
duration: 0,
});
await waitFakeTimer();
expect(document.querySelector('.bamboo')).toBeTruthy();
expect(errSpy).not.toHaveBeenCalled();
});
it('warning if use theme', async () => {
const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
render(<ConfigProvider theme={{}} />);
message.success({
content: <div className="light" />,
duration: 0,
});
await waitFakeTimer();
expect(document.querySelector('.light')).toBeTruthy();
expect(errSpy).toHaveBeenCalledWith(
"Warning: [antd: message] Static function can not consume context like dynamic theme. Please use 'App' component instead.",
);
});
});