amis/__tests__/renderers/__snapshots__/CRUD.test.tsx.snap
吴多益 ed69ac05aa
chore: 补充部分组件的单测,行覆盖率到 56% (#3567)
* 补充部分单测

* 补充部分单元测试

* 补充部分组件的单元测试
2022-02-11 19:36:45 +08:00

1038 lines
34 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Renderer:crud 1`] = `
<div>
<div
class="cxd-Page"
>
<div
class="cxd-Page-content"
>
<div
class="cxd-Page-main"
>
<div
class="cxd-Page-body"
>
<div
class="cxd-Crud"
>
<div
class="cxd-Table cxd-Crud-body"
>
<div
class="cxd-Table-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</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>
ID
</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>
Rendering engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform(s)
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="7"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
CSS grade
</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"
>
1
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</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"
>
2
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Internet Explorer 4.2
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="3"
data-index="2"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 95+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="4"
data-index="3"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
3
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="5"
data-index="4"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Trident
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
AOL browser (AOL desktop)
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="6"
data-index="5"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
6
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
4
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="7"
data-index="6"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
7
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 1.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
A
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="8"
data-index="7"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
8
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
B
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--odd cxd-Table-tr--1th"
data-id="9"
data-index="8"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
9
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
C
</span>
</td>
</tr>
<tr
class="cxd-Table-tr--even cxd-Table-tr--1th"
data-id="10"
data-index="9"
>
<td
class=""
>
<span
class="cxd-PlainField"
>
10
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Gecko
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Firefox 2.0
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
Win 98+ / OSX.2+
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
5
</span>
</td>
<td
class=""
>
<span
class="cxd-PlainField"
>
D
</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-toolbar cxd-Table-headToolbar"
>
<div
class="cxd-Table-actions"
>
<div
class="cxd-ColumnToggler"
>
<button
class="cxd-Button cxd-Button--default cxd-Button--sm"
>
<icon-mock
classname="icon m-r-none icon-columns"
icon="columns"
/>
<span
class="cxd-ColumnToggler-caret"
>
<icon-mock
classname="icon icon-caret"
icon="caret"
/>
</span>
</button>
</div>
</div>
</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"
/>
<col
data-index="5"
width="0"
/>
<col
data-index="6"
width="0"
/>
<col
data-index="7"
width="0"
/>
<col
data-index="8"
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>
ID
</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>
Rendering engine
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="5"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Browser
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="6"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Platform(s)
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="7"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
Engine version
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
<th
class=""
data-index="8"
style="width: 0px; height: 0px;"
>
<div
class="cxd-TableCell--title"
>
<span
class="cxd-TplField"
>
<span>
CSS grade
</span>
</span>
</div>
<div
class="cxd-Table-content-colDragLine"
/>
</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;