ant-design/components/table/__tests__/__snapshots__/empty.test.js.snap

1054 lines
33 KiB
Plaintext
Raw Normal View History

2017-08-27 17:29:51 +08:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Table renders empty table 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
2018-06-27 18:57:04 +08:00
class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left"
2017-08-27 17:29:51 +08:00
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 1
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 2
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 3
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 4
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 5
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 6
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 7
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 8
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
</table>
</div>
<div
class="ant-table-placeholder"
>
2018-12-26 16:01:00 +08:00
<div
class="ant-empty ant-empty-normal"
>
<div
class="ant-empty-image"
>
<img
alt="No Data"
2019-01-07 15:48:35 +08:00
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
2018-12-26 16:01:00 +08:00
/>
</div>
<p
class="ant-empty-description"
>
No Data
</p>
</div>
2017-08-27 17:29:51 +08:00
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Table renders empty table with custom emptyText 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
2018-06-27 18:57:04 +08:00
class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left"
2017-08-27 17:29:51 +08:00
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 1
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 2
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 3
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 4
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 5
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 6
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 7
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 8
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
</table>
</div>
<div
class="ant-table-placeholder"
>
custom empty text
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Table renders empty table with fixed columns 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
2018-06-27 18:57:04 +08:00
class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left"
2017-08-27 17:29:51 +08:00
>
<div
class="ant-table-content"
>
<div
class="ant-table-scroll"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
2017-09-20 16:26:18 +08:00
style="width:100px;min-width:100px"
2017-08-27 17:29:51 +08:00
/>
<col
2017-09-20 16:26:18 +08:00
style="width:100px;min-width:100px"
2017-08-27 17:29:51 +08:00
/>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col
2017-09-20 16:26:18 +08:00
style="width:100px;min-width:100px"
2017-08-27 17:29:51 +08:00
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-fixed-columns-in-body"
2017-08-27 17:29:51 +08:00
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Full Name
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class="ant-table-fixed-columns-in-body"
2017-08-27 17:29:51 +08:00
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Age
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 1
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 2
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 3
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 4
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 5
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 6
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 7
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 8
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class="ant-table-fixed-columns-in-body"
2017-08-27 17:29:51 +08:00
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Action
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
2017-08-27 17:29:51 +08:00
</table>
</div>
<div
class="ant-table-placeholder"
2017-08-27 17:29:51 +08:00
>
2018-12-26 16:01:00 +08:00
<div
class="ant-empty ant-empty-normal"
>
<div
class="ant-empty-image"
>
<img
alt="No Data"
2019-01-07 15:48:35 +08:00
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
2018-12-26 16:01:00 +08:00
/>
</div>
<p
class="ant-empty-description"
>
No Data
</p>
</div>
2017-08-27 17:29:51 +08:00
</div>
</div>
<div
class="ant-table-fixed-left"
>
<div
class="ant-table-body-outer"
2017-09-20 16:26:18 +08:00
style="-webkit-transform:translate3d (0, 0, 0)"
2017-08-27 17:29:51 +08:00
>
<div
class="ant-table-body-inner"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
2017-09-20 16:26:18 +08:00
style="width:100px;min-width:100px"
2017-08-27 17:29:51 +08:00
/>
<col
2017-09-20 16:26:18 +08:00
style="width:100px;min-width:100px"
2017-08-27 17:29:51 +08:00
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Full Name
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Age
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
2017-08-27 17:29:51 +08:00
</table>
</div>
</div>
</div>
<div
class="ant-table-fixed-right"
>
<div
class="ant-table-body-outer"
2017-09-20 16:26:18 +08:00
style="-webkit-transform:translate3d (0, 0, 0)"
2017-08-27 17:29:51 +08:00
>
<div
class="ant-table-body-inner"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
2017-09-20 16:26:18 +08:00
style="width:100px;min-width:100px"
2017-08-27 17:29:51 +08:00
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Action
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
2017-08-27 17:29:51 +08:00
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
2017-08-27 17:29:51 +08:00
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Table renders empty table without emptyText when loading 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div>
<div
class="ant-spin ant-spin-spinning ant-table-without-pagination ant-table-spin-holder"
>
<span
class="ant-spin-dot ant-spin-dot-spin"
>
2019-03-28 12:25:44 +08:00
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
<i
class="ant-spin-dot-item"
/>
</span>
</div>
</div>
<div
class="ant-spin-container ant-spin-blur"
>
<div
2018-06-27 18:57:04 +08:00
class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 1
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 2
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 3
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 4
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 5
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 6
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 7
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
<th
class=""
>
2019-04-06 13:07:32 +08:00
<span
class="ant-table-header-column"
>
<div>
<span
class="ant-table-column-title"
>
Column 8
</span>
<span
class="ant-table-column-sorter"
/>
</div>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
</table>
</div>
<div
class="ant-table-placeholder"
>
<div
class="ant-empty ant-empty-normal"
>
<div
class="ant-empty-image"
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;