You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/table/__tests__/__snapshots__/empty.test.js.snap

305 lines
10 KiB

// 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 class="ant-table ant-table-scroll-position-left ant-table-default ant-table-empty">
<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 key="1" class="">
<div>Column 1</div>
</th>
<th key="2" class="">
<div>Column 2</div>
</th>
<th key="3" class="">
<div>Column 3</div>
</th>
<th key="4" class="">
<div>Column 4</div>
</th>
<th key="5" class="">
<div>Column 5</div>
</th>
<th key="6" class="">
<div>Column 6</div>
</th>
<th key="7" class="">
<div>Column 7</div>
</th>
<th key="8" class="">
<div>Column 8</div>
</th>
</tr>
</thead>
<tbody class="ant-table-tbody"></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=""></div>
<p class="ant-empty-description">No Data</p>
</div>
</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 class="ant-table ant-table-scroll-position-left ant-table-default ant-table-empty">
<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 key="1" class="">
<div>Column 1</div>
</th>
<th key="2" class="">
<div>Column 2</div>
</th>
<th key="3" class="">
<div>Column 3</div>
</th>
<th key="4" class="">
<div>Column 4</div>
</th>
<th key="5" class="">
<div>Column 5</div>
</th>
<th key="6" class="">
<div>Column 6</div>
</th>
<th key="7" class="">
<div>Column 7</div>
</th>
<th key="8" class="">
<div>Column 8</div>
</th>
</tr>
</thead>
<tbody class="ant-table-tbody"></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 class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left ant-table-scroll-position-right">
<div class="ant-table-content">
<div class="ant-table-scroll">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="ant-table-fixed-columns-in-body">
<div>Full Name</div>
</th>
<th key="age" class="ant-table-fixed-columns-in-body">
<div>Age</div>
</th>
<th key="1" class="">
<div>Column 1</div>
</th>
<th key="2" class="">
<div>Column 2</div>
</th>
<th key="3" class="">
<div>Column 3</div>
</th>
<th key="4" class="">
<div>Column 4</div>
</th>
<th key="5" class="">
<div>Column 5</div>
</th>
<th key="6" class="">
<div>Column 6</div>
</th>
<th key="7" class="">
<div>Column 7</div>
</th>
<th key="8" class="">
<div>Column 8</div>
</th>
<th key="address" class="ant-table-fixed-columns-in-body">
<div>Action</div>
</th>
</tr>
</thead>
<tbody class="ant-table-tbody"></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=""></div>
<p class="ant-empty-description">No Data</p>
</div>
</div>
</div>
<div class="ant-table-fixed-left">
<!---->
<div class="ant-table-body-outer">
<div class="ant-table-body-inner">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="">
<div>Full Name</div>
</th>
<th key="age" class="">
<div>Age</div>
</th>
</tr>
</thead>
<tbody class="ant-table-tbody"></tbody>
</table>
</div>
</div>
</div>
<div class="ant-table-fixed-right">
<!---->
<div class="ant-table-body-outer">
<div class="ant-table-body-inner">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="address" class="">
<div>Action</div>
</th>
</tr>
</thead>
<tbody class="ant-table-tbody"></tbody>
</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 ant-table-without-pagination ant-table-spin-holder">
<div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i></i><i></i><i></i><i></i></span></div>
</div>
<div class="ant-spin-container ant-spin-blur">
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-empty">
<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 key="1" class="">
<div>Column 1</div>
</th>
<th key="2" class="">
<div>Column 2</div>
</th>
<th key="3" class="">
<div>Column 3</div>
</th>
<th key="4" class="">
<div>Column 4</div>
</th>
<th key="5" class="">
<div>Column 5</div>
</th>
<th key="6" class="">
<div>Column 6</div>
</th>
<th key="7" class="">
<div>Column 7</div>
</th>
<th key="8" class="">
<div>Column 8</div>
</th>
</tr>
</thead>
<tbody class="ant-table-tbody"></tbody>
</table>
</div>
<div class="ant-table-placeholder"></div>
</div>
</div>
</div>
</div>
</div>
`;