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

1024 lines
27 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/basic.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
2018-08-26 00:28:22 +08:00
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:120px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
2018-08-26 00:28:22 +08:00
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"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Lucy"
>
Lucy
2016-11-22 14:28:05 +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"
>
2018-08-09 16:07:57 +08:00
<i
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>
2016-11-22 14:28:05 +08:00
</div>
</div>
<div
2018-08-26 00:28:22 +08:00
class="ant-select ant-select-disabled"
2017-09-20 16:26:18 +08:00
style="width:120px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2016-11-22 14:28:05 +08:00
role="combobox"
2018-08-26 00:28:22 +08:00
tabindex="-1"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Lucy"
>
Lucy
2016-11-22 14:28:05 +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"
>
2018-08-09 16:07:57 +08:00
<i
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>
2016-11-22 14:28:05 +08:00
</span>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<div>
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:90px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2016-11-22 14:28:05 +08:00
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Zhejiang"
>
Zhejiang
2016-11-22 14:28:05 +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"
>
2018-08-09 16:07:57 +08:00
<i
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>
2016-11-22 14:28:05 +08:00
</span>
</div>
</div>
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:90px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2016-11-22 14:28:05 +08:00
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Hangzhou"
>
Hangzhou
2016-11-22 14:28:05 +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"
>
2018-08-09 16:07:57 +08:00
<i
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>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:120px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
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"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Lucy (101)"
>
Lucy (101)
2016-11-22 14:28:05 +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"
>
2018-08-09 16:07:57 +08:00
<i
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>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="on"
>
Please select
</div>
<ul>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
>
a10
</div>
<span
class="ant-select-selection__choice__remove"
2018-08-09 16:07:57 +08:00
>
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-close ant-select-remove-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="close"
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="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2018-08-09 16:07:57 +08:00
</span>
</li>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
>
c12
</div>
<span
class="ant-select-selection__choice__remove"
2018-08-09 16:07:57 +08:00
>
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-close ant-select-remove-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="close"
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="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2018-08-09 16:07:57 +08:00
</span>
</li>
<li
class="ant-select-search ant-select-search--inline"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-search__field__wrap"
>
2016-11-22 14:28:05 +08:00
<input
2017-09-14 18:09:30 +08:00
autocomplete="off"
2016-11-22 14:28:05 +08:00
class="ant-select-search__field"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-select-search__field__mirror"
>
2017-03-10 19:22:18 +08:00
 
</span>
2016-11-22 14:28:05 +08:00
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
<div
aria-autocomplete="list"
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="Lucy"
>
Lucy
2016-11-22 14:28:05 +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"
>
2018-08-09 16:07:57 +08:00
<i
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>
`;
exports[`renders ./components/select/demo/search.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
<div
aria-autocomplete="list"
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__placeholder"
2017-09-20 16:26:18 +08:00
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="on"
>
Select a person
</div>
<div
class="ant-select-search ant-select-search--inline"
2017-09-20 16:26:18 +08:00
style="display:none"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</div>
2016-11-22 14:28:05 +08:00
</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-09 16:07:57 +08:00
<i
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>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
2018-06-19 17:10:35 +08:00
class="ant-select ant-select-enabled ant-select-no-arrow"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
2017-01-05 17:24:14 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
2018-06-19 17:10:35 +08:00
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="on"
>
input search text
</div>
2018-06-19 17:10:35 +08:00
<div
class="ant-select-search ant-select-search--inline"
style="display:none"
>
<div
class="ant-select-search__field__wrap"
>
2018-06-19 17:10:35 +08:00
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
2018-06-19 17:10:35 +08:00
 
</span>
</div>
</div>
2016-11-22 14:28:05 +08:00
</div>
2017-01-05 17:24:14 +08:00
</div>
2016-11-22 14:28:05 +08:00
</div>
`;
2017-03-23 13:48:19 +08:00
exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
2017-03-23 13:48:19 +08:00
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
2017-03-23 13:48:19 +08:00
>
<div
class="ant-select-selection__rendered"
2017-03-23 13:48:19 +08:00
>
<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"
2017-03-23 13:48:19 +08:00
>
Select users
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
2017-03-23 13:48:19 +08:00
>
<div
class="ant-select-search__field__wrap"
2017-03-23 13:48:19 +08:00
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
2017-03-23 13:48:19 +08:00
>
 
</span>
</div>
</li>
</ul>
2017-03-23 13:48:19 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/size.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
2018-06-28 17:12:16 +08:00
class="ant-radio-group ant-radio-group-outline"
2017-03-24 12:14:00 +08:00
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
2018-01-25 18:24:59 +08:00
value="large"
2017-03-24 12:14:00 +08:00
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Large
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
2018-01-25 18:24:59 +08:00
value="default"
2017-03-24 12:14:00 +08:00
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Default
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
2018-01-25 18:24:59 +08:00
value="small"
2017-03-24 12:14:00 +08:00
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Small
</span>
</label>
</div>
<br />
<br />
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
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"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="a1"
>
a1
2016-11-22 14:28:05 +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"
>
2018-08-09 16:07:57 +08:00
<i
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>
2016-11-22 14:28:05 +08:00
</div>
</div>
2017-03-24 12:14:00 +08:00
<br />
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="on"
>
Please select
</div>
<ul>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="on"
2017-03-24 12:14:00 +08:00
>
<div
class="ant-select-selection__choice__content"
2017-03-24 12:14:00 +08:00
>
a10
</div>
<span
class="ant-select-selection__choice__remove"
2018-08-09 16:07:57 +08:00
>
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-close ant-select-remove-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="close"
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="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2018-08-09 16:07:57 +08:00
</span>
</li>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
2017-09-15 16:14:26 +08:00
>
c12
</div>
<span
class="ant-select-selection__choice__remove"
2018-08-09 16:07:57 +08:00
>
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-close ant-select-remove-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="close"
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="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2018-08-09 16:07:57 +08:00
</span>
</li>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
2017-09-15 16:14:26 +08:00
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
2017-03-24 12:14:00 +08:00
>
 
</span>
</div>
</li>
</ul>
2016-11-22 14:28:05 +08:00
</div>
2017-03-24 12:14:00 +08:00
</div>
</div>
<br />
2017-03-24 12:14:00 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
2017-03-24 12:14:00 +08:00
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
2017-03-24 12:14:00 +08:00
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
2017-03-24 12:14:00 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="on"
2017-03-24 12:14:00 +08:00
>
Please select
2017-03-24 12:14:00 +08:00
</div>
<ul>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
>
a10
</div>
<span
class="ant-select-selection__choice__remove"
2018-08-09 16:07:57 +08:00
>
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-close ant-select-remove-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="close"
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="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2018-08-09 16:07:57 +08:00
</span>
</li>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
>
c12
</div>
<span
class="ant-select-selection__choice__remove"
2018-08-09 16:07:57 +08:00
>
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-close ant-select-remove-icon"
2018-09-02 19:53:29 +08:00
>
<svg
aria-hidden="true"
class=""
data-icon="close"
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="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
2018-09-02 19:53:29 +08:00
/>
</svg>
</i>
2018-08-09 16:07:57 +08:00
</span>
</li>
2017-03-24 12:14:00 +08:00
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
2017-09-14 18:09:30 +08:00
autocomplete="off"
2017-03-24 12:14:00 +08:00
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/tags.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
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"
>
Tags Mode
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
`;