ant-design/components/drawer/__tests__/DrawerEvent.test.js

92 lines
2.3 KiB
JavaScript
Raw Normal View History

2018-06-21 12:32:13 +08:00
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 };
}
2018-06-26 00:22:50 +08:00
2018-06-21 12:32:13 +08:00
componentDidMount() {
this.setState({ visible: true }); // eslint-disable-line react/no-did-mount-set-state
}
2018-06-26 00:22:50 +08:00
2018-06-21 12:32:13 +08:00
onClose = () => {
this.setState({
visible: false,
});
};
2018-06-26 00:22:50 +08:00
2018-06-21 12:32:13 +08:00
open = () => {
this.setState({
visible: true,
});
}
2018-06-26 00:22:50 +08:00
2018-06-21 12:32:13 +08:00
render() {
2018-06-26 00:22:50 +08:00
const { visible } = this.state;
2018-06-21 12:32:13 +08:00
return (
<div>
<Button onClick={this.open}>open</Button>
<Drawer
2018-06-26 00:22:50 +08:00
visible={visible}
2018-06-21 12:32:13 +08:00
onClose={this.onClose}
destroyOnClose
2018-06-26 11:19:49 +08:00
getContainer={false}
2018-06-21 12:32:13 +08:00
{...this.props}
>
Here is content of Drawer
</Drawer>
</div>
);
}
}
describe('Drawer', () => {
it('render correctly', () => {
const wrapper = mount(<DrawerEventTester />);
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(<DrawerEventTester />);
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(<DrawerEventTester />);
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(<DrawerEventTester maskClosable={false} />);
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);
});
});