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

500 lines
14 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<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"
>
input here
</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>
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-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>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
2017-03-05 19:29:33 +08:00
<div
class="certain-category-search-wrapper"
2017-09-20 16:26:18 +08:00
style="width:250px"
>
2017-03-05 19:29:33 +08:00
<div
class="ant-select-lg ant-select-lg certain-category-search 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:100%"
>
2017-03-05 19:29:33 +08:00
<div
aria-autocomplete="list"
aria-controls=""
2017-03-05 19:29:33 +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"
>
2017-03-05 19:29:33 +08:00
<div
class="ant-select-selection__rendered"
>
2017-03-05 19:29:33 +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-05 19:29:33 +08:00
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
2017-03-05 19:29:33 +08:00
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
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 certain-category-icon"
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>
2017-03-05 19:29:33 +08:00
<span
class="ant-select-search__field__mirror"
>
2017-03-10 19:22:18 +08:00
 
</span>
2017-03-05 19:29:33 +08:00
</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>
2017-03-05 19:29:33 +08:00
</span>
</div>
</div>
</div>
`;
2017-10-08 15:22:24 +08:00
exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<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"
2017-10-08 15:22:24 +08:00
>
<div
aria-autocomplete="list"
aria-controls=""
2017-10-08 15:22:24 +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-10-08 15:22:24 +08:00
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<textarea
class="ant-input custom ant-select-search__field"
placeholder="input here"
2017-09-20 16:26:18 +08:00
style="height:50px"
2017-10-08 15:22:24 +08:00
/>
<span
class="ant-select-search__field__mirror"
>
 
</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"
2017-10-08 15:22:24 +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-10-08 15:22:24 +08:00
</span>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<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"
>
try to type \`b\`
</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"
2017-09-15 16:14:26 +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>
`;
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<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"
>
2016-11-22 14:28:05 +08:00
<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"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-12-03 16:23:35 +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"
>
input here
</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>
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-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>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
2017-02-13 10:55:53 +08:00
exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
2017-02-13 10:55:53 +08:00
<div
class="global-search-wrapper"
2017-09-20 16:26:18 +08:00
style="width:300px"
>
2017-02-13 10:55:53 +08:00
<div
class="ant-select-lg ant-select-lg global-search 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:100%"
>
2017-02-13 10:55:53 +08:00
<div
aria-autocomplete="list"
aria-controls=""
2017-02-13 10:55:53 +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"
>
2017-02-13 10:55:53 +08:00
<div
class="ant-select-selection__rendered"
>
2017-02-13 10:55:53 +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-02-13 10:55:53 +08:00
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
2017-02-13 10:55:53 +08:00
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn search-btn ant-btn-primary ant-btn-lg"
type="button"
>
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"
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>
</button>
</span>
</span>
2017-02-13 10:55:53 +08:00
<span
class="ant-select-search__field__mirror"
>
2017-03-10 19:22:18 +08:00
 
</span>
2017-02-13 10:55:53 +08:00
</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>
2017-02-13 10:55:53 +08:00
</span>
</div>
</div>
</div>
`;