ant-design/components/input/__tests__/__snapshots__/demo.test.js.snap

1206 lines
35 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/input/demo/addon.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
2017-09-20 16:26:18 +08:00
style="margin-bottom:16px"
>
2016-11-22 14:28:05 +08:00
<span
2017-05-28 15:30:43 +08:00
class="ant-input-group-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
2017-05-28 15:30:43 +08:00
class="ant-input-wrapper ant-input-group"
>
2017-05-28 15:30:43 +08:00
<span
class="ant-input-group-addon"
>
Http://
</span>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
.com
</span>
2016-11-22 14:28:05 +08:00
</span>
</span>
</div>
<div
2017-09-20 16:26:18 +08:00
style="margin-bottom:16px"
>
2016-11-22 14:28:05 +08:00
<span
2017-05-28 15:30:43 +08:00
class="ant-input-group-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
2017-05-28 15:30:43 +08:00
class="ant-input-wrapper ant-input-group"
>
2017-05-28 15:30:43 +08:00
<span
class="ant-input-group-addon"
>
2016-11-22 14:28:05 +08:00
<div
2017-05-28 15:30:43 +08:00
class="ant-select ant-select-enabled"
style="width:90px"
>
2016-11-22 14:28:05 +08:00
<div
2017-05-28 15:30:43 +08:00
aria-autocomplete="list"
aria-controls=""
2017-05-28 15:30:43 +08:00
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2017-05-28 15:30:43 +08:00
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
2017-05-28 15:30:43 +08:00
class="ant-select-selection__rendered"
>
2017-05-28 15:30:43 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
2017-05-28 15:30:43 +08:00
title="Http://"
>
Http://
</div>
2016-11-22 14:28:05 +08:00
</div>
2017-05-28 15:30:43 +08:00
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
2017-05-28 15:30:43 +08:00
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
2017-05-28 15:30:43 +08:00
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
2017-05-28 15:30:43 +08:00
</span>
<input
class="ant-input"
type="text"
value="mysite"
/>
<span
class="ant-input-group-addon"
>
2016-11-22 14:28:05 +08:00
<div
2017-05-28 15:30:43 +08:00
class="ant-select ant-select-enabled"
style="width:80px"
>
2016-11-22 14:28:05 +08:00
<div
2017-05-28 15:30:43 +08:00
aria-autocomplete="list"
aria-controls=""
2017-05-28 15:30:43 +08:00
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2017-05-28 15:30:43 +08:00
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
2017-05-28 15:30:43 +08:00
class="ant-select-selection__rendered"
>
2017-05-28 15:30:43 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
2017-05-28 15:30:43 +08:00
title=".com"
>
.com
</div>
2016-11-22 14:28:05 +08:00
</div>
2017-05-28 15:30:43 +08:00
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
2017-05-28 15:30:43 +08:00
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
2017-05-28 15:30:43 +08:00
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
2017-05-28 15:30:43 +08:00
</span>
2016-11-22 14:28:05 +08:00
</span>
</span>
</div>
<div
2017-09-20 16:26:18 +08:00
style="margin-bottom:16px"
>
2016-11-22 14:28:05 +08:00
<span
2017-05-28 15:30:43 +08:00
class="ant-input-group-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
2017-05-28 15:30:43 +08:00
class="ant-input-wrapper ant-input-group"
>
2017-05-28 15:30:43 +08:00
<input
class="ant-input"
type="text"
value="mysite"
/>
2017-05-28 15:30:43 +08:00
<span
class="ant-input-group-addon"
>
2018-07-19 20:37:47 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: setting"
2018-08-13 20:51:01 +08:00
class="anticon anticon-setting"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="setting"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
2018-09-06 20:55:23 +08:00
d="M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.74 443.74 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.86 351.86 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446.02 446.02 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2017-05-28 15:30:43 +08:00
</span>
2016-11-22 14:28:05 +08:00
</span>
</span>
</div>
</div>
`;
2018-12-26 22:34:29 +08:00
exports[`renders ./components/input/demo/allowClear.md correctly 1`] = `
<span
class="ant-input-affix-wrapper"
>
<input
class="ant-input"
placeholder="input with clear icon"
type="text"
value=""
/>
<span
class="ant-input-suffix"
/>
</span>
`;
exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
2016-12-04 16:57:38 +08:00
<textarea
class="ant-input"
placeholder="Autosize height based on content lines"
/>
2016-11-22 14:28:05 +08:00
<div
2017-09-20 16:26:18 +08:00
style="margin:24px 0"
/>
2016-12-04 16:57:38 +08:00
<textarea
class="ant-input"
placeholder="Autosize height with minimum and maximum number of lines"
/>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/input/demo/basic.md correctly 1`] = `
2016-12-04 16:57:38 +08:00
<input
class="ant-input"
placeholder="Basic usage"
type="text"
value=""
/>
2016-11-22 14:28:05 +08:00
`;
exports[`renders ./components/input/demo/group.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
class="ant-input-group ant-input-group-lg"
>
2016-11-22 14:28:05 +08:00
<div
2019-02-20 15:31:41 +08:00
class="ant-row"
style="margin-left:-4px;margin-right:-4px"
>
2019-02-20 15:31:41 +08:00
<div
class="ant-col ant-col-5"
2019-02-20 15:31:41 +08:00
style="padding-left:4px;padding-right:4px"
>
<input
class="ant-input"
type="text"
value="0571"
/>
</div>
<div
class="ant-col ant-col-8"
2019-02-20 15:31:41 +08:00
style="padding-left:4px;padding-right:4px"
>
<input
class="ant-input"
type="text"
value="26888888"
/>
</div>
2016-11-22 14:28:05 +08:00
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<input
class="ant-input"
2017-09-20 16:26:18 +08:00
style="width:20%"
type="text"
value="0571"
/>
<input
class="ant-input"
2017-09-20 16:26:18 +08:00
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-controls=""
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Zhejiang"
>
Zhejiang
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
</span>
</div>
</div>
<input
class="ant-input"
2017-09-20 16:26:18 +08:00
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-controls=""
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Option1"
>
Option1
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
</span>
</div>
</div>
<input
class="ant-input"
2017-09-20 16:26:18 +08:00
style="width:50%"
type="text"
value="input content"
/>
<div
class="ant-input-number"
>
<div
class="ant-input-number-handler-wrap"
>
<span
2017-04-24 17:08:56 +08:00
aria-disabled="false"
aria-label="Increase Value"
2017-04-10 13:21:15 +08:00
class="ant-input-number-handler ant-input-number-handler-up "
2017-04-24 17:08:56 +08:00
role="button"
unselectable="unselectable"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: up"
2018-08-13 20:51:01 +08:00
class="anticon anticon-up ant-input-number-handler-up-inner"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="up"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
2018-09-06 20:55:23 +08:00
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
</span>
<span
2017-04-24 17:08:56 +08:00
aria-disabled="false"
aria-label="Decrease Value"
2017-04-10 13:21:15 +08:00
class="ant-input-number-handler ant-input-number-handler-down "
2017-04-24 17:08:56 +08:00
role="button"
unselectable="unselectable"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-input-number-handler-down-inner"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
</span>
</div>
<div
aria-valuemin="-9007199254740991"
class="ant-input-number-input-wrap"
2017-04-24 17:08:56 +08:00
role="spinbutton"
>
<input
autocomplete="off"
class="ant-input-number-input"
min="-9007199254740991"
2017-08-18 12:17:07 +08:00
step="1"
value=""
/>
</div>
</div>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<input
class="ant-input"
2017-09-20 16:26:18 +08:00
style="width:50%"
type="text"
value="input content"
/>
<span
class="ant-calendar-picker"
2019-03-04 21:57:30 +08:00
style="width:50%"
>
2017-06-03 01:38:26 +08:00
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
value=""
/>
2018-07-25 11:51:19 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: calendar"
2018-08-13 20:51:01 +08:00
class="anticon anticon-calendar ant-calendar-picker-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="calendar"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</i>
2017-06-03 01:38:26 +08:00
</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-controls=""
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Option1-1"
>
Option1-1
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
</span>
</div>
</div>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-controls=""
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Option2-2"
>
Option2-2
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
</span>
</div>
</div>
</span>
<br />
2017-04-19 11:31:28 +08:00
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-controls=""
2017-04-19 11:31:28 +08:00
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2017-04-19 11:31:28 +08:00
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Between"
2017-04-19 11:31:28 +08:00
>
Between
2017-04-19 11:31:28 +08:00
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
2017-04-19 11:31:28 +08:00
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
2017-04-19 11:31:28 +08:00
</span>
</div>
</div>
<input
class="ant-input"
placeholder="Minimum"
2017-09-20 16:26:18 +08:00
style="width:100px;text-align:center"
2017-04-19 11:31:28 +08:00
type="text"
value=""
2017-04-19 11:31:28 +08:00
/>
<input
2017-08-04 21:25:21 +08:00
class="ant-input ant-input-disabled"
disabled=""
2017-04-19 11:31:28 +08:00
placeholder="~"
2018-01-10 17:07:54 +08:00
style="width:30px;border-left:0;pointer-events:none;background-color:#fff"
2017-04-19 11:31:28 +08:00
type="text"
value=""
2017-04-19 11:31:28 +08:00
/>
<input
class="ant-input"
placeholder="Maximum"
2017-09-20 16:26:18 +08:00
style="width:100px;text-align:center;border-left:0"
2017-04-19 11:31:28 +08:00
type="text"
value=""
2017-04-19 11:31:28 +08:00
/>
</span>
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-controls=""
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Sign Up"
>
Sign Up
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
</span>
</div>
</div>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
<div
aria-autocomplete="list"
aria-controls=""
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="on"
>
Email
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
2017-07-12 21:44:46 +08:00
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
2018-12-02 07:38:12 +08:00
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
</span>
</div>
</div>
</span>
2017-04-26 15:17:35 +08:00
<br />
<span
class="ant-input-group ant-input-group-compact"
>
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:30%"
2017-04-26 15:17:35 +08:00
>
<div
aria-autocomplete="list"
aria-controls=""
2017-04-26 15:17:35 +08:00
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2017-04-26 15:17:35 +08:00
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
2017-04-26 15:17:35 +08:00
title="Home"
>
Home
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="on"
2017-04-26 15:17:35 +08:00
>
2018-08-13 14:46:55 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-select-arrow-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
2017-04-26 15:17:35 +08:00
</span>
</div>
</div>
<span
class="ant-cascader-picker"
2017-09-20 16:26:18 +08:00
style="width:70%"
2017-04-26 15:17:35 +08:00
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
2017-04-26 15:17:35 +08:00
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Select Address"
readonly=""
tabindex="-1"
2017-04-26 15:17:35 +08:00
type="text"
value=""
/>
2018-07-19 20:37:47 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: down"
2018-08-13 20:51:01 +08:00
class="anticon anticon-down ant-cascader-picker-arrow"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</i>
2017-04-26 15:17:35 +08:00
</span>
</span>
2016-11-22 14:28:05 +08:00
</div>
`;
2018-12-02 07:38:12 +08:00
exports[`renders ./components/input/demo/password-input.md correctly 1`] = `
<span
class="ant-input-password ant-input-affix-wrapper"
>
<input
action="click"
class="ant-input"
placeholder="input password"
type="password"
value=""
2018-12-02 07:38:12 +08:00
/>
<span
class="ant-input-suffix"
>
<i
aria-label="icon: eye-invisible"
class="anticon anticon-eye-invisible ant-input-password-icon"
2019-01-10 18:37:21 +08:00
tabindex="-1"
2018-12-02 07:38:12 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="eye-invisible"
2018-12-02 07:38:12 +08:00
fill="currentColor"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 0 0 0-51.5zm-63.57-320.64L836 122.88a8 8 0 0 0-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 0 0 0 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 0 0 0 11.31L155.17 889a8 8 0 0 0 11.31 0l712.15-712.12a8 8 0 0 0 0-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 0 0-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 0 1 146.2-106.69L401.31 546.2A112 112 0 0 1 396 512z"
/>
<path
d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 0 0 227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 0 1-112 112z"
2018-12-02 07:38:12 +08:00
/>
</svg>
</i>
</span>
</span>
`;
exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
2017-01-05 17:24:14 +08:00
<span
class="ant-input-affix-wrapper"
>
2017-01-05 17:24:14 +08:00
<span
class="ant-input-prefix"
>
2018-07-19 20:37:47 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: user"
2018-08-13 20:51:01 +08:00
class="anticon anticon-user"
2018-08-13 14:46:55 +08:00
style="color:rgba(0,0,0,.25)"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="user"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
2018-09-06 20:55:23 +08:00
d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2017-01-05 17:24:14 +08:00
</span>
<input
class="ant-input"
placeholder="Enter your username"
2017-01-05 17:24:14 +08:00
type="text"
value=""
/>
2019-03-26 22:37:11 +08:00
<span
class="ant-input-suffix"
>
<i
aria-label="icon: info-circle"
class="anticon anticon-info-circle"
style="color:rgba(0,0,0,.45)"
>
<svg
aria-hidden="true"
class=""
data-icon="info-circle"
fill="currentColor"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
/>
</svg>
</i>
</span>
2017-01-05 17:24:14 +08:00
</span>
`;
exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
<div>
<span
class="ant-input-search ant-input-affix-wrapper"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
<input
class="ant-input"
placeholder="input search text"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
2018-07-19 20:37:47 +08:00
<i
2019-01-10 18:46:57 +08:00
aria-label="icon: search"
2018-08-13 20:51:01 +08:00
class="anticon anticon-search ant-input-search-icon"
2019-01-10 18:37:21 +08:00
tabindex="-1"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="search"
fill="currentColor"
height="1em"
2018-09-06 20:55:23 +08:00
viewBox="64 64 896 896"
2018-09-02 19:53:29 +08:00
width="1em"
>
<path
2018-10-08 10:06:28 +08:00
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
</span>
</span>
<br />
<br />
<span
class="ant-input-search ant-input-search-enter-button ant-input-group-wrapper"
>
<span
class="ant-input-wrapper ant-input-group"
>
<input
class="ant-input"
placeholder="input search text"
type="text"
value=""
/>
<span
class="ant-input-group-addon"
>
<button
class="ant-btn ant-input-search-button ant-btn-primary"
type="button"
2018-09-02 19:53:29 +08:00
>
<i
2019-01-26 12:02:56 +08:00
aria-label="icon: search"
class="anticon anticon-search"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="search"
fill="currentColor"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</i>
</button>
</span>
</span>
</span>
<br />
<br />
<span
class="ant-input-search ant-input-search-enter-button ant-input-search-large ant-input-group-wrapper ant-input-group-wrapper-lg"
>
<span
class="ant-input-wrapper ant-input-group"
>
<input
class="ant-input ant-input-lg"
placeholder="input search text"
type="text"
value=""
/>
<span
class="ant-input-group-addon"
>
<button
class="ant-btn ant-input-search-button ant-btn-primary ant-btn-lg"
type="button"
>
<span>
Search
</span>
</button>
</span>
</span>
</span>
</div>
2016-11-22 14:28:05 +08:00
`;
exports[`renders ./components/input/demo/size.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="example-input"
>
2016-12-04 16:57:38 +08:00
<input
class="ant-input ant-input-lg"
placeholder="large size"
type="text"
value=""
/>
2016-12-04 16:57:38 +08:00
<input
class="ant-input"
placeholder="default size"
type="text"
value=""
/>
2016-12-04 16:57:38 +08:00
<input
class="ant-input ant-input-sm"
placeholder="small size"
type="text"
value=""
/>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
2016-12-04 16:57:38 +08:00
<textarea
class="ant-input"
rows="4"
/>
2016-11-22 14:28:05 +08:00
`;
exports[`renders ./components/input/demo/textarea-resize.md correctly 1`] = `
<div>
<button
class="ant-btn"
2019-03-04 21:57:30 +08:00
style="margin-bottom:16px"
type="button"
>
<span>
2018-12-02 07:38:12 +08:00
Auto Resize:
</span>
<span>
false
</span>
</button>
<textarea
class="ant-input"
rows="4"
>
autosize 属性适用于 textarea 节点,并且只有高度会自动变化。另外 autosize 可以设定为一个对象指定最小行数和最大行数。autosize 属性适用于 textarea 节点,并且只有高度会自动变化。另外 autosize 可以设定为一个对象指定最小行数和最大行数。autosize 属性适用于 textarea 节点,并且只有高度会自动变化。另外 autosize 可以设定为一个对象指定最小行数和最大行数。autosize 属性适用于 textarea 节点,并且只有高度会自动变化。另外 autosize 可以设定为一个对象指定最小行数和最大行数。autosize 属性适用于 textarea 节点,并且只有高度会自动变化。另外 autosize 可以设定为一个对象指定最小行数和最大行数。autosize 属性适用于 textarea 节点,并且只有高度会自动变化。另外 autosize 可以设定为一个对象指定最小行数和最大行数。autosize 属性适用于 textarea 节点,并且只有高度会自动变化。另外 autosize 可以设定为一个对象指定最小行数和最大行数。ending
</textarea>
</div>
`;
exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
2017-02-19 15:21:46 +08:00
<input
class="ant-input"
maxlength="25"
placeholder="Input a number"
2017-09-20 16:26:18 +08:00
style="width:120px"
2017-02-19 15:21:46 +08:00
type="text"
value=""
/>
`;