ant-design/components/grid/__tests__/index.test.js

90 lines
2.4 KiB
JavaScript
Raw Normal View History

2016-12-14 14:48:09 +08:00
import React from 'react';
2019-03-01 15:59:32 +08:00
import { render, mount } from 'enzyme';
2016-12-14 14:48:09 +08:00
import { Col, Row } from '..';
2019-08-26 22:53:20 +08:00
import mountTest from '../../../tests/shared/mountTest';
2016-12-14 14:48:09 +08:00
describe('Grid', () => {
2019-08-26 22:53:20 +08:00
mountTest(Row);
mountTest(Col);
2016-12-14 14:48:09 +08:00
it('should render Col', () => {
const wrapper = render(<Col span={2} />);
2017-09-15 10:56:00 +08:00
expect(wrapper).toMatchSnapshot();
2016-12-14 14:48:09 +08:00
});
2016-12-14 14:48:09 +08:00
it('should render Row', () => {
2018-12-07 16:17:45 +08:00
const wrapper = render(<Row />);
2017-09-15 10:56:00 +08:00
expect(wrapper).toMatchSnapshot();
2016-12-14 14:48:09 +08:00
});
2019-10-20 14:38:35 +08:00
it('when typeof gutter is object', () => {
const wrapper = mount(<Row gutter={{ xs: 8, sm: 16, md: 24 }} />);
expect(wrapper.instance().getGutter()).toEqual([8, 0]);
2019-10-20 14:38:35 +08:00
});
it('when typeof gutter is object array', () => {
const wrapper = mount(
<Row
gutter={[
{ xs: 8, sm: 16, md: 24, lg: 32, xl: 40 },
{ xs: 8, sm: 16, md: 24, lg: 32, xl: 40 },
]}
/>,
);
expect(wrapper.instance().getGutter()).toEqual([8, 8]);
});
it('when typeof gutter is object array in large screen', () => {
const wrapper = mount(
<Row
gutter={[
{ xs: 8, sm: 16, md: 24, lg: 32, xl: 40 },
{ xs: 8, sm: 16, md: 24, lg: 100, xl: 400 },
]}
/>,
);
wrapper.setState({
screens: { md: true, lg: true, xl: true },
});
expect(wrapper.instance().getGutter()).toEqual([40, 400]);
2019-03-01 15:59:32 +08:00
});
it('renders wrapped Col correctly', () => {
const MyCol = () => <Col span={12} />;
const wrapper = render(
<Row gutter={20}>
<div>
<Col span={12} />
</div>
<MyCol />
2018-12-07 16:17:45 +08:00
</Row>,
);
expect(wrapper).toMatchSnapshot();
});
2019-03-04 11:49:29 +08:00
it('when component has been unmounted, componentWillUnmount should be called', () => {
const wrapper = mount(<Row />);
const willUnmount = jest.spyOn(wrapper.instance(), 'componentWillUnmount');
wrapper.unmount();
expect(willUnmount).toHaveBeenCalled();
});
it('should work correct when gutter is object', () => {
const wrapper = mount(<Row gutter={{ xs: 20 }} />);
expect(wrapper.find('div').prop('style')).toEqual({
marginLeft: -10,
marginRight: -10,
});
2019-03-04 11:49:29 +08:00
});
it('should work currect when gutter is array', () => {
const wrapper = mount(<Row gutter={[16, 20]} />);
expect(wrapper.find('div').prop('style')).toEqual({
marginLeft: -8,
marginRight: -8,
marginTop: -10,
marginBottom: 10,
});
});
2016-12-14 14:48:09 +08:00
});