import React from 'react'; import { mount } from 'enzyme'; import Drawer from '..'; import Button from '../../button'; class DrawerEventTester extends React.Component { constructor(props) { super(props); this.state = { visible: false }; } componentDidMount() { this.setState({ visible: true }); // eslint-disable-line react/no-did-mount-set-state } onClose = () => { this.setState({ visible: false, }); }; open = () => { this.setState({ visible: true, }); } render() { const { visible } = this.state; return (
Here is content of Drawer
); } } describe('Drawer', () => { it('render correctly', () => { const wrapper = mount(); const body = wrapper.find('.ant-drawer-body').exists(); expect(body).toBe(true); wrapper.find('button.ant-btn').simulate('click'); const content = wrapper.find('.ant-drawer-body').getDOMNode().innerHTML; expect(content).toBe('Here is content of Drawer'); expect(wrapper.render()).toMatchSnapshot(); }); it('mask trigger onClose', () => { const wrapper = mount(); wrapper.find('button.ant-btn').simulate('click'); expect(wrapper.instance().state.visible).toBe(true); wrapper.find('.ant-drawer-mask').simulate('click'); expect(wrapper.instance().state.visible).toBe(false); }); it('close button trigger onClose', () => { const wrapper = mount(); wrapper.find('button.ant-btn').simulate('click'); expect(wrapper.instance().state.visible).toBe(true); wrapper.find('.ant-drawer-close').simulate('click'); expect(wrapper.instance().state.visible).toBe(false); }); it('maskClosable no trigger onClose', () => { const wrapper = mount(); wrapper.find('button.ant-btn').simulate('click'); expect(wrapper.instance().state.visible).toBe(true); wrapper.find('.ant-drawer-mask').simulate('click'); expect(wrapper.instance().state.visible).toBe(true); }); });