import React from 'react'; import { act } from 'react-dom/test-utils'; import Drawer from '..'; import mountTest from '../../../tests/shared/mountTest'; import rtlTest from '../../../tests/shared/rtlTest'; import { fireEvent, render } from '../../../tests/utils'; import ConfigProvider from '../../config-provider'; const DrawerTest = ({ getContainer }) => (
Here is content of Drawer
); describe('Drawer', () => { mountTest(Drawer); rtlTest(Drawer); beforeEach(() => { jest.useFakeTimers(); }); afterEach(() => { jest.useRealTimers(); }); function triggerMotion() { act(() => { jest.runAllTimers(); }); const mask = document.querySelector('.ant-drawer-mask'); if (mask) { fireEvent.animationEnd(mask); } const panel = document.querySelector('.ant-drawer-content'); if (panel) { fireEvent.animationEnd(panel); } act(() => { jest.runAllTimers(); }); } it('render correctly', () => { const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('getContainer return undefined', () => { const { container: wrapper, rerender } = render( undefined} />); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); rerender(); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('render top drawer', () => { const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('have a title', () => { const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('closable is false', () => { const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('destroyOnClose is true', () => { const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('className is test_drawer', () => { const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('style/drawerStyle/headerStyle/bodyStyle should work', () => { const style = { backgroundColor: '#08c', }; const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('have a footer', () => { const { container: wrapper } = render( Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('forceRender works', () => { const { baseElement, rerender } = render( , ); expect(baseElement.querySelectorAll('button.forceRender').length).toBe(0); rerender( , ); expect(baseElement.querySelectorAll('button.forceRender').length).toBe(1); }); it('support closeIcon', () => { const { container: wrapper } = render( close} width={400} getContainer={false}> Here is content of Drawer , ); triggerMotion(); expect(wrapper.firstChild).toMatchSnapshot(); }); it('ConfigProvider should not warning', () => { const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); render( Bamboo is Light , ); expect(errorSpy).not.toHaveBeenCalled(); errorSpy.mockRestore(); }); });