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

259 lines
9.0 KiB
Plaintext

// 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-empty">
<!---->
<div class="ant-table-container">
<div class="ant-table-content">
<table style="table-layout: auto;">
<colgroup></colgroup>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" colstart="0" colend="0">
<!---->Column 1
</th>
<th class="ant-table-cell" colstart="1" colend="1">
<!---->Column 2
</th>
<th class="ant-table-cell" colstart="2" colend="2">
<!---->Column 3
</th>
<th class="ant-table-cell" colstart="3" colend="3">
<!---->Column 4
</th>
<th class="ant-table-cell" colstart="4" colend="4">
<!---->Column 5
</th>
<th class="ant-table-cell" colstart="5" colend="5">
<!---->Column 6
</th>
<th class="ant-table-cell" colstart="6" colend="6">
<!---->Column 7
</th>
<th class="ant-table-cell" colstart="7" colend="7">
<!---->Column 8
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<!---->
<tr class="ant-table-placeholder">
<td colspan="8" class="ant-table-cell">
<!---->No data
</td>
</tr>
</tbody>
<!---->
</table>
</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-empty">
<!---->
<div class="ant-table-container">
<div class="ant-table-content">
<table style="table-layout: auto;">
<colgroup></colgroup>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" colstart="0" colend="0">
<!---->Column 1
</th>
<th class="ant-table-cell" colstart="1" colend="1">
<!---->Column 2
</th>
<th class="ant-table-cell" colstart="2" colend="2">
<!---->Column 3
</th>
<th class="ant-table-cell" colstart="3" colend="3">
<!---->Column 4
</th>
<th class="ant-table-cell" colstart="4" colend="4">
<!---->Column 5
</th>
<th class="ant-table-cell" colstart="5" colend="5">
<!---->Column 6
</th>
<th class="ant-table-cell" colstart="6" colend="6">
<!---->Column 7
</th>
<th class="ant-table-cell" colstart="7" colend="7">
<!---->Column 8
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<!---->
<tr class="ant-table-placeholder">
<td colspan="8" class="ant-table-cell">
<!---->custom empty text
</td>
</tr>
</tbody>
<!---->
</table>
</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-has-fix-left ant-table-has-fix-right ant-table-empty">
<!---->
<div class="ant-table-container">
<div class="ant-table-content">
<table style="table-layout: auto;">
<colgroup>
<col style="width: 100px;">
<col style="width: 100px;">
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col style="width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell ant-table-cell-fix-left" style="position: sticky; left: 0px;" colstart="0" colend="0">
<!---->Full Name
</th>
<th class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last" style="position: sticky; left: 0px;" colstart="1" colend="1">
<!---->Age
</th>
<th class="ant-table-cell" colstart="2" colend="2">
<!---->Column 1
</th>
<th class="ant-table-cell" colstart="3" colend="3">
<!---->Column 2
</th>
<th class="ant-table-cell" colstart="4" colend="4">
<!---->Column 3
</th>
<th class="ant-table-cell" colstart="5" colend="5">
<!---->Column 4
</th>
<th class="ant-table-cell" colstart="6" colend="6">
<!---->Column 5
</th>
<th class="ant-table-cell" colstart="7" colend="7">
<!---->Column 6
</th>
<th class="ant-table-cell" colstart="8" colend="8">
<!---->Column 7
</th>
<th class="ant-table-cell" colstart="9" colend="9">
<!---->Column 8
</th>
<th class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first" style="position: sticky; right: 0px;" colstart="10" colend="10">
<!---->Action
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<!---->
<tr class="ant-table-placeholder">
<td colspan="11" class="ant-table-cell">
<!---->No data
</td>
</tr>
</tbody>
<!---->
</table>
</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"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
<!---->
</div>
</div>
<div class="ant-spin-container ant-spin-blur">
<div class="ant-table ant-table-empty">
<!---->
<div class="ant-table-container">
<div class="ant-table-content">
<table style="table-layout: auto;">
<colgroup></colgroup>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" colstart="0" colend="0">
<!---->Column 1
</th>
<th class="ant-table-cell" colstart="1" colend="1">
<!---->Column 2
</th>
<th class="ant-table-cell" colstart="2" colend="2">
<!---->Column 3
</th>
<th class="ant-table-cell" colstart="3" colend="3">
<!---->Column 4
</th>
<th class="ant-table-cell" colstart="4" colend="4">
<!---->Column 5
</th>
<th class="ant-table-cell" colstart="5" colend="5">
<!---->Column 6
</th>
<th class="ant-table-cell" colstart="6" colend="6">
<!---->Column 7
</th>
<th class="ant-table-cell" colstart="7" colend="7">
<!---->Column 8
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<!---->
<tr class="ant-table-placeholder">
<td colspan="8" class="ant-table-cell">
<!---->No data
</td>
</tr>
</tbody>
<!---->
</table>
</div>
</div>
<!---->
</div>
</div>
</div>
</div>
`;