amis/__tests__/renderers/__snapshots__/Pagination.test.tsx.snap
wf等待花开 dd1d66c93f
feat:Pagination (#4046)
* feat:Pagination

* feat:Pagination完善

* feat:Pagination外层样式

* feat:Pagination兼容showPageInput

* feat:Pagination完善

* feat:Pagination snap

Co-authored-by: 王飞龙 <wangfeilong02@baidu.com>
2022-04-19 12:18:56 +08:00

329 lines
8.5 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Renderer:Pagination 1`] = `
<div>
<div
class="cxd-Service"
>
<div
class="cxd-PaginationWrapper"
>
<div
class="cxd-Pagination-wrap cxd-PaginationWrapper-pager"
>
<ul
class="cxd-Pagination cxd-Pagination--sm cxd-Pagination-item"
>
<li
class="cxd-Pagination-prev is-disabled"
>
<span>
<icon-mock
classname="icon icon-left-arrow"
icon="left-arrow"
/>
</span>
</li>
<li
class="cxd-Pagination-pager-item is-active"
>
<a
role="button"
>
1
</a>
</li>
<li
class="cxd-Pagination-pager-item"
>
<a
role="button"
>
2
</a>
</li>
<li
class="cxd-Pagination-pager-item"
>
<a
role="button"
>
3
</a>
</li>
<li
class="cxd-Pagination-pager-item"
>
<a
role="button"
>
4
</a>
</li>
<li
class="cxd-Pagination-pager-item"
>
<a
role="button"
>
5
</a>
</li>
<li
class="cxd-Pagination-next"
>
<span>
<icon-mock
classname="icon icon-right-arrow"
icon="right-arrow"
/>
</span>
</li>
</ul>
</div>
<div
class="cxd-Table"
>
<div
class="cxd-Table-heading"
>
分页表格
</div>
<div
class="cxd-Table-contentWrap"
>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-content"
style="position: relative;"
>
<table
class="cxd-Table-table"
>
<thead>
<tr
class=""
>
<th
class=""
data-index="3"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
<tbody>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="1"
data-index="0"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="2"
data-index="1"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
</tr>
</tbody>
</table>
<div
class="resize-sensor"
style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
class="resize-sensor-expand"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
/>
</div>
<div
class="resize-sensor-shrink"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
>
<div
style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
/>
</div>
<div
class="resize-sensor-appear"
style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;animation-name: apearSensor; animation-duration: 0.2s;"
/>
</div>
</div>
</div>
<div
class="cxd-Table-fixedTop"
style="top: 0px; width: 0px;"
>
<div
class="cxd-Table-heading"
>
分页表格
</div>
<div
class="cxd-Table-fixedLeft"
/>
<div
class="cxd-Table-fixedRight"
/>
<div
class="cxd-Table-wrapper"
style="width: 0px;"
>
<table
class="cxd-Table-table"
style="width: 0px; table-layout: auto; transform: translateX(-0px);"
>
<colgroup>
<col
data-index="3"
width="0"
/>
<col
data-index="4"
width="0"
/>
</colgroup>
<thead>
<tr>
<th
class=""
data-index="3"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="4"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;