import React from 'react'; import ConfigProvider from '..'; import { fireEvent, render } from '../../../tests/utils'; import Cascader from '../../cascader'; import DatePicker from '../../date-picker'; import Drawer from '../../drawer'; import Slider from '../../slider'; describe('ConfigProvider.GetPopupContainer', () => { it('Datepicker', () => { const getPopupContainer = jest.fn((node) => node.parentNode); render( <ConfigProvider getPopupContainer={getPopupContainer}> <DatePicker open /> </ConfigProvider>, ); expect(getPopupContainer).toHaveBeenCalled(); }); it('Slider', () => { const getPopupContainer = jest.fn((node) => node.parentNode); const wrapper = render( <ConfigProvider getPopupContainer={getPopupContainer}> <Slider /> </ConfigProvider>, ); fireEvent.mouseEnter(wrapper.container.querySelector('.ant-slider-handle')!); expect(getPopupContainer).toHaveBeenCalled(); }); it('Drawer', () => { const getPopupContainer = jest.fn((node) => node.parentNode); const Demo: React.FC<{ open?: boolean }> = ({ open }) => ( <ConfigProvider getPopupContainer={getPopupContainer}> <Drawer open={open} /> </ConfigProvider> ); render(<Demo open />); expect(getPopupContainer).toHaveBeenCalled(); }); it('Cascader', () => { const getPopupContainer = jest.fn((node) => node.parentNode); render(<Cascader getPopupContainer={getPopupContainer} open />); expect(getPopupContainer).toHaveBeenCalled(); }); });