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

486 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-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
class="anticon ant-select-arrow-icon"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
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-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
2018-07-18 10:33:54 +08:00
class="anticon certain-category-icon"
>
2018-07-19 20:37:47 +08:00
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M769.2 254.8C726.2 211.7 668.9 188 608 188s-118.2 23.7-161.2 66.8C403.7 297.8 380 355.1 380 416s23.7 118.2 66.8 161.2c43 43.1 100.3 66.8 161.2 66.8s118.2-23.7 161.2-66.8c43.1-43 66.8-100.3 66.8-161.2s-23.7-118.2-66.8-161.2z"
fill="none"
/>
<path
d="M608 112c-167.9 0-304 136.1-304 304 0 70.3 23.9 135 63.9 186.5L114.3 856.1c-3.1 3.1-3.1 8.2 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112zm161.2 465.2C726.2 620.3 668.9 644 608 644s-118.2-23.7-161.2-66.8C403.7 534.2 380 476.9 380 416s23.7-118.2 66.8-161.2c43-43.1 100.3-66.8 161.2-66.8s118.2 23.7 161.2 66.8c43.1 43 66.8 100.3 66.8 161.2s-23.7 118.2-66.8 161.2z"
/>
</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
class="anticon ant-select-arrow-icon"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
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-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
class="anticon ant-select-arrow-icon"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
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-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
class="anticon ant-select-arrow-icon"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
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-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
class="anticon ant-select-arrow-icon"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
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-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
2018-07-18 10:33:54 +08:00
class="anticon"
>
2018-07-19 20:37:47 +08:00
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M769.2 254.8C726.2 211.7 668.9 188 608 188s-118.2 23.7-161.2 66.8C403.7 297.8 380 355.1 380 416s23.7 118.2 66.8 161.2c43 43.1 100.3 66.8 161.2 66.8s118.2-23.7 161.2-66.8c43.1-43 66.8-100.3 66.8-161.2s-23.7-118.2-66.8-161.2z"
fill="none"
/>
<path
d="M608 112c-167.9 0-304 136.1-304 304 0 70.3 23.9 135 63.9 186.5L114.3 856.1c-3.1 3.1-3.1 8.2 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112zm161.2 465.2C726.2 620.3 668.9 644 608 644s-118.2-23.7-161.2-66.8C403.7 534.2 380 476.9 380 416s23.7-118.2 66.8-161.2c43-43.1 100.3-66.8 161.2-66.8s118.2 23.7 161.2 66.8c43.1 43 66.8 100.3 66.8 161.2s-23.7 118.2-66.8 161.2z"
/>
</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
class="anticon ant-select-arrow-icon"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
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>
`;