ant-design/components/input/__tests__/__snapshots__/demo.test.js.snap
2018-03-02 15:26:05 +08:00

775 lines
17 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/input/demo/addon.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px"
>
<span
class="ant-input-group-wrapper"
>
<span
class="ant-input-wrapper ant-input-group"
>
<span
class="ant-input-group-addon"
>
Http://
</span>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
.com
</span>
</span>
</span>
</div>
<div
style="margin-bottom:16px"
>
<span
class="ant-input-group-wrapper"
>
<span
class="ant-input-wrapper ant-input-group"
>
<span
class="ant-input-group-addon"
>
<div
class="ant-select ant-select-enabled"
style="width:90px"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Http://"
>
Http://
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
<div
class="ant-select ant-select-enabled"
style="width:80px"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title=".com"
>
.com
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
</span>
</span>
</div>
<div
style="margin-bottom:16px"
>
<span
class="ant-input-group-wrapper"
>
<span
class="ant-input-wrapper ant-input-group"
>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
<i
class="anticon anticon-setting"
/>
</span>
</span>
</span>
</div>
</div>
`;
exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
<div>
<textarea
class="ant-input"
placeholder="Autosize height based on content lines"
/>
<div
style="margin:24px 0"
/>
<textarea
class="ant-input"
placeholder="Autosize height with minimum and maximum number of lines"
/>
</div>
`;
exports[`renders ./components/input/demo/basic.md correctly 1`] = `
<input
class="ant-input"
placeholder="Basic usage"
type="text"
/>
`;
exports[`renders ./components/input/demo/group.md correctly 1`] = `
<div>
<span
class="ant-input-group ant-input-group-lg"
>
<div
class="ant-col-5"
>
<input
class="ant-input"
type="text"
value="0571"
/>
</div>
<div
class="ant-col-8"
>
<input
class="ant-input"
type="text"
value="26888888"
/>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<input
class="ant-input"
style="width:20%"
type="text"
value="0571"
/>
<input
class="ant-input"
style="width:30%"
type="text"
value="26888888"
/>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Zhejiang"
>
Zhejiang
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
class="ant-input"
style="width:50%"
type="text"
value="Xihu District, Hangzhou"
/>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Option1"
>
Option1
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
class="ant-input"
style="width:50%"
type="text"
value="input content"
/>
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
aria-disabled="false"
aria-label="Increase Value"
class="ant-input-number-handler ant-input-number-handler-up "
role="button"
unselectable="unselectable"
>
<span
class="ant-input-number-handler-up-inner"
unselectable="unselectable"
/>
</span>
<span
aria-disabled="false"
aria-label="Decrease Value"
class="ant-input-number-handler ant-input-number-handler-down "
role="button"
unselectable="unselectable"
>
<span
class="ant-input-number-handler-down-inner"
unselectable="unselectable"
/>
</span>
</div>
<div
aria-valuemin="-9007199254740991"
class="ant-input-number-input-wrap"
role="spinbutton"
>
<input
autocomplete="off"
class="ant-input-number-input"
min="-9007199254740991"
step="1"
value=""
/>
</div>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<input
class="ant-input"
style="width:50%"
type="text"
value="input content"
/>
<span
class="ant-calendar-picker"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Option1-1"
>
Option1-1
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Option2-2"
>
Option2-2
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Between"
>
Between
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<input
class="ant-input"
placeholder="Minimum"
style="width:100px;text-align:center"
type="text"
/>
<input
class="ant-input ant-input-disabled"
disabled=""
placeholder="~"
style="width:30px;border-left:0;pointer-events:none;background-color:#fff"
type="text"
/>
<input
class="ant-input"
placeholder="Maximum"
style="width:100px;text-align:center;border-left:0"
type="text"
/>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Sign Up"
>
Sign Up
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Email
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
style="width:30%"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Home"
>
Home
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
<span
class="ant-cascader-picker"
style="width:70%"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Select Address"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</span>
</div>
`;
exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
<span
class="ant-input-affix-wrapper"
>
<span
class="ant-input-prefix"
>
<i
class="anticon anticon-user"
style="color:rgba(0,0,0,.25)"
/>
</span>
<input
class="ant-input"
placeholder="Enter your username"
type="text"
value=""
/>
</span>
`;
exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
<div>
<span
class="ant-input-search ant-input-affix-wrapper"
style="width:200px"
>
<input
class="ant-input"
placeholder="input search text"
type="text"
/>
<span
class="ant-input-suffix"
>
<i
class="anticon anticon-search ant-input-search-icon"
/>
</span>
</span>
<br />
<br />
<span
class="ant-input-search ant-input-search-enter-button ant-input-affix-wrapper"
>
<input
class="ant-input"
placeholder="input search text"
type="text"
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn ant-input-search-button ant-btn-primary"
type="button"
>
<i
class="anticon anticon-search"
/>
</button>
</span>
</span>
<br />
<br />
<span
class="ant-input-search ant-input-search-enter-button ant-input-search-large ant-input-affix-wrapper ant-input-affix-wrapper-lg"
>
<input
class="ant-input ant-input-lg"
placeholder="input search text"
type="text"
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn ant-input-search-button ant-btn-primary ant-btn-lg"
type="button"
>
<span>
Search
</span>
</button>
</span>
</span>
</div>
`;
exports[`renders ./components/input/demo/size.md correctly 1`] = `
<div
class="example-input"
>
<input
class="ant-input ant-input-lg"
placeholder="large size"
type="text"
/>
<input
class="ant-input"
placeholder="default size"
type="text"
/>
<input
class="ant-input ant-input-sm"
placeholder="small size"
type="text"
/>
</div>
`;
exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
<textarea
class="ant-input"
rows="4"
/>
`;
exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
<input
class="ant-input"
maxlength="25"
placeholder="Input a number"
style="width:120px"
type="text"
value=""
/>
`;