import React from 'react';
// import ReactDOM from 'react-dom';
import { render, shallow, mount } from 'enzyme';
import toJson from 'enzyme-to-json';
import Modal from '../index';
const { Header, Body, Footer } = Modal;
jest.mock('react-dom', () => ({
createPortal: node => node,
}));
describe('Modal', () => {
it('renders basic Modal correctly', () => {
const wrapper = render(
我是一个模态框
,
);
expect(toJson(wrapper)).toMatchSnapshot();
});
it('renders customized Modal correctly', () => {
const wrapper = render(
我是一个模态框
,
);
expect(toJson(wrapper)).toMatchSnapshot();
});
it('renders closable Modal correctly', () => {
const wrapper = render(
,
);
expect(toJson(wrapper)).toMatchSnapshot();
});
it('triggers onClose callback correctly when clicks on closable icon', () => {
const onClose = jest.fn();
const wrapper = mount(
我是一个模态框
,
);
wrapper.find('.ui-modal-close').simulate('click');
expect(onClose).toHaveBeenCalled();
});
it('triggers onMaskClick callback correctly', () => {
const onMaskClick = jest.fn();
const wrapper = shallow(
我是一个模态框
,
);
wrapper.find('.ui-modal').simulate('click');
expect(onMaskClick).toHaveBeenCalled();
});
});