ant-design/components/table/__tests__/Table.test.js
2016-12-14 14:48:09 +08:00

64 lines
1.4 KiB
JavaScript

import React from 'react';
import { render, shallow } from 'enzyme';
import { renderToJson } from 'enzyme-to-json';
import Table from '../table';
const { Column, ColumnGroup } = Table;
describe('Table', () => {
it('renders JSX correctly', () => {
const data = [{
key: '1',
firstName: 'John',
lastName: 'Brown',
age: 32,
}, {
key: '2',
firstName: 'Jim',
lastName: 'Green',
age: 42,
}];
const wrapper = render(
<Table dataSource={data} pagination={false}>
<ColumnGroup title="Name">
<Column
title="First Name"
dataIndex="firstName"
key="firstName"
/>
<Column
title="Last Name"
dataIndex="lastName"
key="lastName"
/>
</ColumnGroup>
<Column
title="Age"
dataIndex="age"
key="age"
/>
</Table>
);
expect(renderToJson(wrapper)).toMatchSnapshot();
});
it('updates columns when receiving props', () => {
const columns = [{
title: 'Name',
key: 'name',
dataIndex: 'name',
}];
const wrapper = shallow(<Table columns={columns} />);
const newColumns = [{
title: 'Title',
key: 'title',
dataIndex: 'title',
}];
wrapper.setProps({ columns: newColumns });
expect(wrapper.instance().columns).toBe(newColumns);
});
});