ant-design/components/table/__tests__/Table.expand.test.js

90 lines
1.7 KiB
JavaScript
Raw Normal View History

/* eslint-disable react/no-multi-comp */
import React from 'react';
import { mount } from 'enzyme';
import Table from '..';
2019-09-28 15:22:27 +08:00
const columns = [
{
title: 'Name',
key: 'name',
dataIndex: 'name',
},
];
const John = {
key: '1',
firstName: 'John',
lastName: 'Brown',
age: 32,
};
const Jim = {
key: '2',
firstName: 'Jim',
lastName: 'Green',
age: 42,
};
2019-09-28 15:22:27 +08:00
const data = [
{
...John,
2019-09-28 15:22:27 +08:00
children: [
{
...Jim,
},
2019-09-28 15:22:27 +08:00
],
},
];
2019-09-28 15:22:27 +08:00
describe('Table.expand', () => {
it('click to expand', () => {
const wrapper = mount(<Table columns={columns} dataSource={data} />);
wrapper
.find('.ant-table-row-expand-icon')
.last()
.simulate('click');
expect(wrapper.render()).toMatchSnapshot();
});
2019-09-28 15:22:27 +08:00
it('should support expandIconColumnIndex', () => {
const wrapper = mount(<Table columns={[]} dataSource={data} expandIconColumnIndex={1} />);
expect(wrapper.render()).toMatchSnapshot();
});
it('expandRowByClick should not block click icon', () => {
const wrapper = mount(
<Table
columns={columns}
dataSource={[John, Jim]}
expandable={{
expandRowByClick: true,
expandedRowRender: () => '',
}}
/>,
);
wrapper
.find('.ant-table-row-expand-icon')
.first()
.simulate('click');
expect(
wrapper
.find('.ant-table-row-expand-icon')
.first()
.hasClass('ant-table-row-expand-icon-expanded'),
).toBeTruthy();
wrapper
.find('.ant-table-row-expand-icon')
.first()
.simulate('click');
expect(
wrapper
.find('.ant-table-row-expand-icon')
.first()
.hasClass('ant-table-row-expand-icon-collapsed'),
).toBeTruthy();
});
});