ant-design/components/transfer/__tests__/__snapshots__/demo.test.js.snap
Benjy Cui d7498c0af6 Test transfer (#4191)
* refactor: use Checkbox directly

* test: add test case for Transfer
2016-12-16 17:59:52 +08:00

629 lines
14 KiB
Plaintext

exports[`test renders ./components/transfer/demo/advanced.md correctly 1`] = `
<div
class="ant-transfer">
<div
class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div
class="ant-transfer-list-body-search-wrapper">
<div>
<input
class="ant-input ant-transfer-list-search"
placeholder="Search"
type="text"
value="" />
<span
class="ant-transfer-list-search-action">
<i
class="anticon anticon-search" />
</span>
</div>
</div>
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
<div
class="ant-transfer-list-footer">
<button
class="ant-btn ant-btn-ghost ant-btn-sm"
style="float:right;margin:5px;"
type="button">
<span>
reload
</span>
</button>
</div>
</div>
<div
class="ant-transfer-operation">
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-left" />
to left
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
to right
<i
class="anticon anticon-right" />
</span>
</button>
</div>
<div
class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div
class="ant-transfer-list-body-search-wrapper">
<div>
<input
class="ant-input ant-transfer-list-search"
placeholder="Search"
type="text"
value="" />
<span
class="ant-transfer-list-search-action">
<i
class="anticon anticon-search" />
</span>
</div>
</div>
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
<div
class="ant-transfer-list-footer">
<button
class="ant-btn ant-btn-ghost ant-btn-sm"
style="float:right;margin:5px;"
type="button">
<span>
reload
</span>
</button>
</div>
</div>
</div>
`;
exports[`test renders ./components/transfer/demo/basic.md correctly 1`] = `
<div
class="ant-transfer">
<div
class="ant-transfer-list">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
14
</span>
<span
class="ant-transfer-list-header-title">
Source
</span>
</span>
</div>
<div
class="ant-transfer-list-body">
<ul
class="ant-transfer-list-content">
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
</ul>
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
<div
class="ant-transfer-operation">
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-left" />
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-right" />
</span>
</button>
</div>
<div
class="ant-transfer-list">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
6
</span>
<span
class="ant-transfer-list-header-title">
Target
</span>
</span>
</div>
<div
class="ant-transfer-list-body">
<ul
class="ant-transfer-list-content">
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
<div
class="LazyLoad"
style="height:32px;" />
</ul>
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
</div>
`;
exports[`test renders ./components/transfer/demo/custom-item.md correctly 1`] = `
<div
class="ant-transfer">
<div
class="ant-transfer-list"
style="width:300px;height:300px;">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body">
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
<div
class="ant-transfer-operation">
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-left" />
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-right" />
</span>
</button>
</div>
<div
class="ant-transfer-list"
style="width:300px;height:300px;">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body">
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
</div>
`;
exports[`test renders ./components/transfer/demo/large-data.md correctly 1`] = `
<div
class="ant-transfer">
<div
class="ant-transfer-list">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body">
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
<div
class="ant-transfer-operation">
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-left" />
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-right" />
</span>
</button>
</div>
<div
class="ant-transfer-list">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body">
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
</div>
`;
exports[`test renders ./components/transfer/demo/search.md correctly 1`] = `
<div
class="ant-transfer">
<div
class="ant-transfer-list">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div
class="ant-transfer-list-body-search-wrapper">
<div>
<input
class="ant-input ant-transfer-list-search"
placeholder="Search"
type="text"
value="" />
<span
class="ant-transfer-list-search-action">
<i
class="anticon anticon-search" />
</span>
</div>
</div>
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
<div
class="ant-transfer-operation">
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-left" />
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button">
<span>
<i
class="anticon anticon-right" />
</span>
</button>
</div>
<div
class="ant-transfer-list">
<div
class="ant-transfer-list-header">
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<span
class="ant-checkbox-inner" />
<input
class="ant-checkbox-input"
type="checkbox" />
</span>
</label>
<span
class="ant-transfer-list-header-selected">
<span>
0
</span>
<span
class="ant-transfer-list-header-title" />
</span>
</div>
<div
class="ant-transfer-list-body ant-transfer-list-body-with-search">
<div
class="ant-transfer-list-body-search-wrapper">
<div>
<input
class="ant-input ant-transfer-list-search"
placeholder="Search"
type="text"
value="" />
<span
class="ant-transfer-list-search-action">
<i
class="anticon anticon-search" />
</span>
</div>
</div>
<ul
class="ant-transfer-list-content" />
<div
class="ant-transfer-list-body-not-found">
Not Found
</div>
</div>
</div>
</div>
`;