2016-12-14 14:48:09 +08:00
|
|
|
import React from 'react';
|
2017-02-13 15:48:08 +08:00
|
|
|
import { render, shallow, mount } from 'enzyme';
|
2016-12-14 15:38:26 +08:00
|
|
|
import Table from '..';
|
2019-08-26 22:53:20 +08:00
|
|
|
import mountTest from '../../../tests/shared/mountTest';
|
2016-12-14 14:48:09 +08:00
|
|
|
|
|
|
|
const { Column, ColumnGroup } = Table;
|
|
|
|
|
|
|
|
describe('Table', () => {
|
2019-08-26 22:53:20 +08:00
|
|
|
mountTest(Table);
|
|
|
|
|
2019-01-08 20:52:31 +08:00
|
|
|
const warnSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
|
|
|
|
|
|
|
|
afterAll(() => {
|
|
|
|
warnSpy.mockRestore();
|
|
|
|
});
|
|
|
|
|
2016-12-14 14:48:09 +08:00
|
|
|
it('renders JSX correctly', () => {
|
2018-12-07 16:17:45 +08:00
|
|
|
const data = [
|
|
|
|
{
|
|
|
|
key: '1',
|
|
|
|
firstName: 'John',
|
|
|
|
lastName: 'Brown',
|
|
|
|
age: 32,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
key: '2',
|
|
|
|
firstName: 'Jim',
|
|
|
|
lastName: 'Green',
|
|
|
|
age: 42,
|
|
|
|
},
|
|
|
|
];
|
2016-12-14 14:48:09 +08:00
|
|
|
|
|
|
|
const wrapper = render(
|
|
|
|
<Table dataSource={data} pagination={false}>
|
|
|
|
<ColumnGroup title="Name">
|
2018-12-07 16:17:45 +08:00
|
|
|
<Column title="First Name" dataIndex="firstName" key="firstName" />
|
|
|
|
<Column title="Last Name" dataIndex="lastName" key="lastName" />
|
2016-12-14 14:48:09 +08:00
|
|
|
</ColumnGroup>
|
2018-12-07 16:17:45 +08:00
|
|
|
<Column title="Age" dataIndex="age" key="age" />
|
|
|
|
</Table>,
|
2016-12-14 14:48:09 +08:00
|
|
|
);
|
|
|
|
|
2017-04-02 18:09:23 +08:00
|
|
|
expect(wrapper).toMatchSnapshot();
|
2016-12-14 14:48:09 +08:00
|
|
|
});
|
|
|
|
|
|
|
|
it('updates columns when receiving props', () => {
|
2018-12-07 16:17:45 +08:00
|
|
|
const columns = [
|
|
|
|
{
|
|
|
|
title: 'Name',
|
|
|
|
key: 'name',
|
|
|
|
dataIndex: 'name',
|
|
|
|
},
|
|
|
|
];
|
2016-12-14 14:48:09 +08:00
|
|
|
const wrapper = shallow(<Table columns={columns} />);
|
2018-12-07 16:17:45 +08:00
|
|
|
const newColumns = [
|
|
|
|
{
|
|
|
|
title: 'Title',
|
|
|
|
key: 'title',
|
|
|
|
dataIndex: 'title',
|
|
|
|
},
|
|
|
|
];
|
2016-12-14 14:48:09 +08:00
|
|
|
wrapper.setProps({ columns: newColumns });
|
|
|
|
|
|
|
|
expect(wrapper.instance().columns).toBe(newColumns);
|
|
|
|
});
|
2017-02-13 15:48:08 +08:00
|
|
|
|
|
|
|
it('loading with Spin', async () => {
|
|
|
|
const loading = {
|
|
|
|
spinning: false,
|
|
|
|
delay: 500,
|
|
|
|
};
|
|
|
|
const wrapper = mount(<Table loading={loading} />);
|
|
|
|
expect(wrapper.find('.ant-spin')).toHaveLength(0);
|
2018-02-14 12:27:00 +08:00
|
|
|
expect(wrapper.find('.ant-table-placeholder').text()).not.toEqual('');
|
2017-02-13 15:48:08 +08:00
|
|
|
|
|
|
|
loading.spinning = true;
|
|
|
|
wrapper.setProps({ loading });
|
|
|
|
expect(wrapper.find('.ant-spin')).toHaveLength(0);
|
|
|
|
|
|
|
|
await new Promise(resolve => setTimeout(resolve, 500));
|
2017-09-20 16:26:18 +08:00
|
|
|
wrapper.update();
|
2017-02-13 15:48:08 +08:00
|
|
|
expect(wrapper.find('.ant-spin')).toHaveLength(1);
|
|
|
|
});
|
2018-07-12 16:39:46 +08:00
|
|
|
|
|
|
|
it('renders custom components correctly when it changes', () => {
|
|
|
|
const BodyWrapper1 = props => <tbody id="wrapper1" {...props} />;
|
|
|
|
const BodyWrapper2 = props => <tbody id="wrapper2" {...props} />;
|
|
|
|
const wrapper = mount(<Table components={{ body: { wrapper: BodyWrapper1 } }} />);
|
|
|
|
wrapper.setProps({ components: { body: { wrapper: BodyWrapper2 } } });
|
|
|
|
expect(wrapper.find('tbody').props().id).toBe('wrapper2');
|
|
|
|
});
|
2019-01-08 20:52:31 +08:00
|
|
|
|
2019-04-17 17:31:39 +08:00
|
|
|
it('warning if both `expandedRowRender` & `Column.fixed` are used', () => {
|
|
|
|
mount(<Table expandedRowRender={() => null} columns={[{ fixed: true }]} />);
|
2019-04-03 15:54:26 +08:00
|
|
|
expect(warnSpy).toHaveBeenCalledWith(
|
2019-04-17 17:31:39 +08:00
|
|
|
'Warning: [antd: Table] `expandedRowRender` and `Column.fixed` are not compatible. Please use one of them at one time.',
|
2019-01-08 20:52:31 +08:00
|
|
|
);
|
|
|
|
});
|
2016-12-14 14:48:09 +08:00
|
|
|
});
|