Browse Source

test: add test case for #33487 (#33492)

pull/33511/head
afc163 3 years ago
committed by GitHub
parent
commit
0976e9e6a4
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 21
      components/table/__tests__/Table.pagination.test.js
  2. 99
      components/table/__tests__/__snapshots__/Table.pagination.test.js.snap

21
components/table/__tests__/Table.pagination.test.js

@ -83,6 +83,27 @@ describe('Table.pagination', () => {
expect(renderedNames(wrapper)).toEqual(['Jack']);
});
// https://github.com/ant-design/ant-design/issues/33487
it('should not crash when trigger onChange in render', () => {
function App() {
const [page, setPage] = React.useState({ current: 1, pageSize: 10 });
const onChange = (current, pageSize) => {
setPage({ current, pageSize });
};
return (
<Table
dataSource={[]}
pagination={{
...page,
onChange,
}}
/>
);
}
const wrapper = mount(<App />);
expect(wrapper.render()).toMatchSnapshot();
});
it('should accept pagination size', () => {
const wrapper = mount(
createTable({

99
components/table/__tests__/__snapshots__/Table.pagination.test.js.snap

@ -491,3 +491,102 @@ exports[`Table.pagination renders pagination topLeft and bottomRight 1`] = `
</div>
</div>
`;
exports[`Table.pagination should not crash when trigger onChange in render 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-empty"
>
<div
class="ant-table-container"
>
<div
class="ant-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-cell"
/>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-placeholder"
>
<td
class="ant-table-cell"
>
<div
class="ant-empty ant-empty-normal"
>
<div
class="ant-empty-image"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<div
class="ant-empty-description"
>
No Data
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;

Loading…
Cancel
Save