mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 Packages Projects Releases Wiki Activity

fix: 4.0 Table with emptyText is not centered (#22548)

Browse Source 
* fix #22176

* update table test
This commit is contained in:
Tom Xu 2020-03-24 19:51:34 +08:00 committed by GitHub
parent 901f862117
commit c7add36de6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 49 additions and 4684 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

228
components/config-provider/__tests__/__snapshots__/components.test.js.snap
View File

@ -11892,82 +11892,6 @@ exports[`ConfigProvider components Table configProvider 1`] = `
</div> </div>
</div> </div>
</div> </div>
<ul
class="config-pagination config-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="config-pagination-prev config-pagination-disabled"
title="Previous Page"
>
<a
class="config-pagination-item-link"
disabled=""
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</a>
</li>
<li
class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
tabindex="0"
title="0"
>
<a>
0
</a>
</li>
<li
aria-disabled="true"
class="config-pagination-next config-pagination-disabled"
title="Next Page"
>
<a
class="config-pagination-item-link"
disabled=""
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
@ -12231,82 +12155,6 @@ exports[`ConfigProvider components Table normal 1`] = `
</div> </div>
</div> </div>
</div> </div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
tabindex="0"
title="0"
>
<a>
0
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
@ -12570,82 +12418,6 @@ exports[`ConfigProvider components Table prefixCls 1`] = `
</div> </div>
</div> </div>
</div> </div>
<ul
class="ant-pagination prefix-Table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
tabindex="0"
title="0"
>
<a>
0
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>

76
components/empty/__tests__/__snapshots__/demo.test.js.snap
View File

@ -597,82 +597,6 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
</div> </div>
</div> </div>
</div> </div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
tabindex="0"
title="0"
>
<a>
0
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>

3952
components/locale-provider/__tests__/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

2
components/table/Table.tsx
View File

@ -439,7 +439,7 @@ function Table<RecordType extends object = any>(props: TableProps<RecordType>) {
internalRefs={internalRefs as any} internalRefs={internalRefs as any}
transformColumns={transformColumns} transformColumns={transformColumns}
/> />
{bottomPaginationNode} {pageData && pageData.length > 0 && bottomPaginationNode}
</Spin> </Spin>
</div> </div>
); );

246
components/table/__tests__/Table.filter.test.js
View File

@ -61,12 +61,7 @@ describe('Table.filter', () => {
it('renders menu correctly', () => { it('renders menu correctly', () => {
const wrapper = mount(createTable()); const wrapper = mount(createTable());
const dropdownWrapper = mount( const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
wrapper
.find('Trigger')
.instance()
.getComponent(),
);
expect(dropdownWrapper.render()).toMatchSnapshot(); expect(dropdownWrapper.render()).toMatchSnapshot();
}); });
@ -81,12 +76,7 @@ describe('Table.filter', () => {
], ],
}), }),
); );
const dropdownWrapper = mount( const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
wrapper
.find('Trigger')
.instance()
.getComponent(),
);
expect(dropdownWrapper.render()).toMatchSnapshot(); expect(dropdownWrapper.render()).toMatchSnapshot();
}); });
@ -103,12 +93,7 @@ describe('Table.filter', () => {
}), }),
); );
const dropdownWrapper = mount( const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
wrapper
.find('Trigger')
.instance()
.getComponent(),
);
expect(dropdownWrapper.render()).toMatchSnapshot(); expect(dropdownWrapper.render()).toMatchSnapshot();
}); });
@ -166,20 +151,10 @@ describe('Table.filter', () => {
// try to use confirm btn // try to use confirm btn
wrapper.find('span.ant-dropdown-trigger').simulate('click', nativeEvent); wrapper.find('span.ant-dropdown-trigger').simulate('click', nativeEvent);
wrapper.find('#setSelectedKeys').simulate('click'); wrapper.find('#setSelectedKeys').simulate('click');
expect( expect(getFilterMenu().find('Dropdown').first().props().visible).toBeTruthy();
getFilterMenu()
.find('Dropdown')
.first()
.props().visible,
).toBeTruthy();
wrapper.find('#confirm').simulate('click'); wrapper.find('#confirm').simulate('click');
expect(getFilterMenu().props().filterState.filteredKeys).toEqual([42]); expect(getFilterMenu().props().filterState.filteredKeys).toEqual([42]);
expect( expect(getFilterMenu().find('Dropdown').first().props().visible).toBeFalsy();
getFilterMenu()
.find('Dropdown')
.first()
.props().visible,
).toBeFalsy();
// Simulate onSelect, setSelectedKeys & confirm // Simulate onSelect, setSelectedKeys & confirm
wrapper.find('span.ant-dropdown-trigger').simulate('click', nativeEvent); wrapper.find('span.ant-dropdown-trigger').simulate('click', nativeEvent);
@ -228,15 +203,8 @@ describe('Table.filter', () => {
); );
expect(wrapper.find('FilterDropdown').props().filterState.filteredKeys).toBeFalsy(); expect(wrapper.find('FilterDropdown').props().filterState.filteredKeys).toBeFalsy();
wrapper wrapper.find('FilterDropdown').find('input[type="checkbox"]').first().simulate('click');
.find('FilterDropdown') wrapper.find('FilterDropdown').find('.confirm').simulate('click');
.find('input[type="checkbox"]')
.first()
.simulate('click');
wrapper
.find('FilterDropdown')
.find('.confirm')
.simulate('click');
expect(wrapper.find('FilterDropdown').props().filterState.filteredKeys).toEqual(['boy']); expect(wrapper.find('FilterDropdown').props().filterState.filteredKeys).toEqual(['boy']);
wrapper.setProps({ dataSource: [...data, { key: 999, name: 'Chris' }] }); wrapper.setProps({ dataSource: [...data, { key: 999, name: 'Chris' }] });
expect(wrapper.find('FilterDropdown').props().filterState.filteredKeys).toEqual(['boy']); expect(wrapper.find('FilterDropdown').props().filterState.filteredKeys).toEqual(['boy']);
@ -255,10 +223,7 @@ describe('Table.filter', () => {
}), }),
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(handleChange).toHaveBeenCalledWith(true); expect(handleChange).toHaveBeenCalledWith(true);
}); });
@ -367,20 +332,10 @@ describe('Table.filter', () => {
const handleChange = jest.fn(); const handleChange = jest.fn();
const wrapper = mount(createTable({ onChange: handleChange })); const wrapper = mount(createTable({ onChange: handleChange }));
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
wrapper wrapper.find('FilterDropdown').find('MenuItem').first().simulate('click');
.find('FilterDropdown') wrapper.find('FilterDropdown').find('.confirm').simulate('click');
.find('MenuItem')
.first()
.simulate('click');
wrapper
.find('FilterDropdown')
.find('.confirm')
.simulate('click');
expect(handleChange).toHaveBeenCalledWith( expect(handleChange).toHaveBeenCalledWith(
{}, {},
@ -396,10 +351,7 @@ describe('Table.filter', () => {
const handleChange = jest.fn(); const handleChange = jest.fn();
const wrapper = mount(createTable({ onChange: handleChange })); const wrapper = mount(createTable({ onChange: handleChange }));
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
wrapper.find('.clear').simulate('click'); wrapper.find('.clear').simulate('click');
expect(handleChange).not.toHaveBeenCalled(); expect(handleChange).not.toHaveBeenCalled();
@ -490,27 +442,15 @@ describe('Table.filter', () => {
}), }),
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
jest.useFakeTimers(); jest.useFakeTimers();
wrapper wrapper.find('MenuItem').first().simulate('click');
.find('MenuItem')
.first()
.simulate('click');
// This test can be remove if refactor // This test can be remove if refactor
wrapper.find('.confirm').simulate('click'); wrapper.find('.confirm').simulate('click');
wrapper.update(); wrapper.update();
expect( expect(wrapper.find('FilterDropdown').find('Checkbox').at(0).props().checked).toEqual(true);
wrapper
.find('FilterDropdown')
.find('Checkbox')
.at(0)
.props().checked,
).toEqual(true);
expect(typeof wrapper.find('FilterDropdown').props().filterState.filteredKeys[0]).toEqual( expect(typeof wrapper.find('FilterDropdown').props().filterState.filteredKeys[0]).toEqual(
'string', 'string',
@ -522,17 +462,10 @@ describe('Table.filter', () => {
}); });
// Another time of Filter show // Another time of Filter show
// https://github.com/ant-design/ant-design/issues/15593 // https://github.com/ant-design/ant-design/issues/15593
wrapper wrapper.find('MenuItem').first().simulate('click');
.find('MenuItem') expect(wrapper.find('FilterDropdown').find('Checkbox').at(0).props().checked).toEqual(
.first() false,
.simulate('click'); );
expect(
wrapper
.find('FilterDropdown')
.find('Checkbox')
.at(0)
.props().checked,
).toEqual(false);
jest.useRealTimers(); jest.useRealTimers();
}); });
}); });
@ -572,15 +505,9 @@ describe('Table.filter', () => {
const wrapper = mount(<App />); const wrapper = mount(<App />);
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
wrapper wrapper.find('MenuItem').first().simulate('click');
.find('MenuItem')
.first()
.simulate('click');
wrapper.find('.confirm').simulate('click'); wrapper.find('.confirm').simulate('click');
wrapper.update(); wrapper.update();
expect(renderedNames(wrapper)).toEqual(['Jack']); expect(renderedNames(wrapper)).toEqual(['Jack']);
@ -643,18 +570,9 @@ describe('Table.filter', () => {
}), }),
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger') wrapper.find('.ant-dropdown-menu-item').first().simulate('click');
.first() wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.simulate('click');
wrapper
.find('.ant-dropdown-menu-item')
.first()
.simulate('click');
wrapper
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(handleChange).toHaveBeenCalled(); expect(handleChange).toHaveBeenCalled();
expect(handleChange.mock.calls[0][3].currentDataSource.length).toBe(1); expect(handleChange.mock.calls[0][3].currentDataSource.length).toBe(1);
@ -675,32 +593,14 @@ describe('Table.filter', () => {
}), }),
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger') wrapper.find('.ant-dropdown-menu-item').first().simulate('click');
.first() wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.simulate('click');
wrapper
.find('.ant-dropdown-menu-item')
.first()
.simulate('click');
wrapper
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(wrapper.find('.customize-icon').render()).toMatchSnapshot(); expect(wrapper.find('.customize-icon').render()).toMatchSnapshot();
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger') wrapper.find('.ant-dropdown-menu-item').first().simulate('click');
.first() wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.simulate('click');
wrapper
.find('.ant-dropdown-menu-item')
.first()
.simulate('click');
wrapper
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(wrapper.find('.customize-icon').render()).toMatchSnapshot(); expect(wrapper.find('.customize-icon').render()).toMatchSnapshot();
}); });
@ -776,18 +676,12 @@ describe('Table.filter', () => {
} }
const wrapper = mount(<Demo />); const wrapper = mount(<Demo />);
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
wrapper.find('.ant-input').simulate('change', { target: { value: 'test' } }); wrapper.find('.ant-input').simulate('change', { target: { value: 'test' } });
expect(wrapper.find('.ant-input').instance().value).toBe('test'); expect(wrapper.find('.ant-input').instance().value).toBe('test');
wrapper.find('.ant-btn').simulate('click'); wrapper.find('.ant-btn').simulate('click');
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(wrapper.find('.ant-input').instance().value).toBe(''); expect(wrapper.find('.ant-input').instance().value).toBe('');
}); });
@ -810,18 +704,12 @@ describe('Table.filter', () => {
], ],
}), }),
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
wrapper wrapper
.find('input') .find('input')
.first() .first()
.simulate('change', { target: { value: 'whatevervalue' } }); .simulate('change', { target: { value: 'whatevervalue' } });
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(onChange).not.toHaveBeenCalled(); expect(onChange).not.toHaveBeenCalled();
}); });
@ -864,14 +752,8 @@ describe('Table.filter', () => {
/>, />,
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger') wrapper.find('MenuItem').first().simulate('click');
.first()
.simulate('click');
wrapper
.find('MenuItem')
.first()
.simulate('click');
wrapper.find('.confirm').simulate('click'); wrapper.find('.confirm').simulate('click');
expect(onChange).toHaveBeenCalled(); expect(onChange).toHaveBeenCalled();
onChange.mockReset(); onChange.mockReset();
@ -886,10 +768,7 @@ describe('Table.filter', () => {
], ],
}); });
wrapper wrapper.find('MenuItem').first().simulate('click');
.find('MenuItem')
.first()
.simulate('click');
wrapper.find('.confirm').simulate('click'); wrapper.find('.confirm').simulate('click');
expect(onChange).toHaveBeenCalled(); expect(onChange).toHaveBeenCalled();
}); });
@ -986,20 +865,14 @@ describe('Table.filter', () => {
const wrapper = mount(<Test />); const wrapper = mount(<Test />);
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(filterDropdownMock).toHaveBeenCalledWith( expect(filterDropdownMock).toHaveBeenCalledWith(
expect.objectContaining({ expect.objectContaining({
visible: true, visible: true,
}), }),
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger')
.first()
.simulate('click');
expect(filterDropdownMock).toHaveBeenCalledWith( expect(filterDropdownMock).toHaveBeenCalledWith(
expect.objectContaining({ expect.objectContaining({
visible: false, visible: false,
@ -1017,14 +890,8 @@ describe('Table.filter', () => {
}), }),
); );
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger') wrapper.find('MenuItem').first().simulate('click');
.first()
.simulate('click');
wrapper
.find('MenuItem')
.first()
.simulate('click');
wrapper.find('.confirm').simulate('click'); wrapper.find('.confirm').simulate('click');
expect(handleChange).toHaveBeenCalledWith( expect(handleChange).toHaveBeenCalledWith(
@ -1038,7 +905,7 @@ describe('Table.filter', () => {
currentDataSource: [], currentDataSource: [],
}, },
); );
expect(wrapper.find('.ant-pagination-item').text()).toBe('0'); expect(wrapper.find('.ant-pagination-item')).toHaveLength(0);
}); });
it('should keep pagination current after filter', () => { it('should keep pagination current after filter', () => {
@ -1054,14 +921,8 @@ describe('Table.filter', () => {
); );
expect(wrapper.find('.ant-pagination-item-active').text()).toBe('3'); expect(wrapper.find('.ant-pagination-item-active').text()).toBe('3');
wrapper wrapper.find('.ant-dropdown-trigger').first().simulate('click');
.find('.ant-dropdown-trigger') wrapper.find('MenuItem').first().simulate('click');
.first()
.simulate('click');
wrapper
.find('MenuItem')
.first()
.simulate('click');
wrapper.find('.confirm').simulate('click'); wrapper.find('.confirm').simulate('click');
expect(handleChange).toHaveBeenCalledWith( expect(handleChange).toHaveBeenCalledWith(
@ -1151,10 +1012,7 @@ describe('Table.filter', () => {
// Filter it // Filter it
onChange.mockReset(); onChange.mockReset();
wrapper.find('span.ant-dropdown-trigger').simulate('click', nativeEvent); wrapper.find('span.ant-dropdown-trigger').simulate('click', nativeEvent);
wrapper wrapper.find('.ant-dropdown-menu-item').first().simulate('click');
.find('.ant-dropdown-menu-item')
.first()
.simulate('click');
wrapper.find('.ant-table-filter-dropdown-link.confirm').simulate('click'); wrapper.find('.ant-table-filter-dropdown-link.confirm').simulate('click');
expect(onChange).toHaveBeenCalledWith( expect(onChange).toHaveBeenCalledWith(
expect.anything(), expect.anything(),
@ -1185,18 +1043,8 @@ describe('Table.filter', () => {
}), }),
); );
expect( expect(wrapper.find('.ant-table-filter-dropdown-link').first().text()).toEqual('Bamboo');
wrapper expect(wrapper.find('.ant-table-filter-dropdown-link').last().text()).toEqual('Reset');
.find('.ant-table-filter-dropdown-link')
.first()
.text(),
).toEqual('Bamboo');
expect(
wrapper
.find('.ant-table-filter-dropdown-link')
.last()
.text(),
).toEqual('Reset');
}); });
it('filtered should work', () => { it('filtered should work', () => {

76
components/table/__tests__/__snapshots__/Table.test.js.snap
View File

@ -202,82 +202,6 @@ exports[`Table rtl render component should be rendered correctly in RTL directio
</div> </div>
</div> </div>
</div> </div>
<ul
class="ant-pagination ant-table-pagination ant-pagination-rtl"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
tabindex="0"
title="0"
>
<a>
0
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>

76
components/table/__tests__/__snapshots__/demo.test.js.snap
View File

@ -205,82 +205,6 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
</div> </div>
</div> </div>
</div> </div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
tabindex="0"
title="0"
>
<a>
0
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>

76
components/table/__tests__/__snapshots__/empty.test.js.snap
View File

@ -575,82 +575,6 @@ exports[`Table renders empty table without emptyText when loading 1`] = `
</div> </div>
</div> </div>
</div> </div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
tabindex="0"
title="0"
>
<a>
0
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<a
class="ant-pagination-item-link"
disabled=""
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>

1
components/table/style/index.less
View File

@ -462,6 +462,7 @@
// ========================= Placeholder ========================== // ========================= Placeholder ==========================
tbody > tr&-placeholder { tbody > tr&-placeholder {
text-align: center;
&:hover { &:hover {
> td { > td {
background: @component-background; background: @component-background;