test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-04 13:08:41 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity
daa9804824
ant-design/components/select/__tests__/__snapshots__/demo-extend.test.ts.snap
Cat-XHS daa9804824
feat: Select/DatePicker/TimePicker/TreeSelect support placement (#33541) 
* feat: select components add placement api

* feat: select components add placement api

* fix: delete placement

* fix: change md demo and delete export

* feat: cascader and tree-select add placement

* feat: datapicker add placement api

* fix: change repeat static declaration to single

* test: updata test units

* doc: change doc

* fix: delete merge message & delete decalare ts

* test: fix unit test

* fix: add transName in select & treeSelect & cascader

* fix: change common api in utils

* fix: change useless if block to only

* fix: change placement string to enum

* fix: lint done

Co-authored-by: 礼检 <ljj337009@antgroup.com>
2022-01-20 16:54:47 +08:00

8265 lines
259 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/select/demo/automatic-tokenization.md extend context correctly 1`] = `
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
role="combobox"
type="search"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
<span
class="ant-select-selection-placeholder"
/>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="a10"
aria-selected="false"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="a10"
>
<div
class="ant-select-item-option-content"
>
a10
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="b11"
>
<div
class="ant-select-item-option-content"
>
b11
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="c12"
>
<div
class="ant-select-item-option-content"
>
c12
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="d13"
>
<div
class="ant-select-item-option-content"
>
d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="e14"
>
<div
class="ant-select-item-option-content"
>
e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="f15"
>
<div
class="ant-select-item-option-content"
>
f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="g16"
>
<div
class="ant-select-item-option-content"
>
g16
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="h17"
>
<div
class="ant-select-item-option-content"
>
h17
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="i18"
>
<div
class="ant-select-item-option-content"
>
i18
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="j19"
>
<div
class="ant-select-item-option-content"
>
j19
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="k20"
>
<div
class="ant-select-item-option-content"
>
k20
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="l21"
>
<div
class="ant-select-item-option-content"
>
l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="m22"
>
<div
class="ant-select-item-option-content"
>
m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="n23"
>
<div
class="ant-select-item-option-content"
>
n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="o24"
>
<div
class="ant-select-item-option-content"
>
o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="p25"
>
<div
class="ant-select-item-option-content"
>
p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="q26"
>
<div
class="ant-select-item-option-content"
>
q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="r27"
>
<div
class="ant-select-item-option-content"
>
r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="s28"
>
<div
class="ant-select-item-option-content"
>
s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="t29"
>
<div
class="ant-select-item-option-content"
>
t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="u30"
>
<div
class="ant-select-item-option-content"
>
u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="v31"
>
<div
class="ant-select-item-option-content"
>
v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="w32"
>
<div
class="ant-select-item-option-content"
>
w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="x33"
>
<div
class="ant-select-item-option-content"
>
x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="y34"
>
<div
class="ant-select-item-option-content"
>
y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="z35"
>
<div
class="ant-select-item-option-content"
>
z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/basic.md extend context correctly 1`] = `
Array [
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack"
>
<div
class="ant-select-item-option-content"
>
Jack
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-disabled"
title="Disabled"
>
<div
class="ant-select-item-option-content"
>
Disabled
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="yiminghe"
>
<div
class="ant-select-item-option-content"
>
yiminghe
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-disabled"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_0"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-loading"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_0"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow ant-select-arrow-loading"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="loading"
class="anticon anticon-loading anticon-spin"
role="img"
>
<svg
aria-hidden="true"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
/>
</svg>
</span>
</span>
</div>,
<div
class="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_0"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close-circle"
class="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
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 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>,
]
`;
exports[`renders ./components/select/demo/bordered.md extend context correctly 1`] = `
Array [
<div
class="ant-select ant-select-borderless ant-select-single ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack"
>
<div
class="ant-select-item-option-content"
>
Jack
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="yiminghe"
>
<div
class="ant-select-item-option-content"
>
yiminghe
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
<div
class="ant-select ant-select-borderless ant-select-single ant-select-show-arrow ant-select-disabled"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_0"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
]
`;
exports[`renders ./components/select/demo/coordinate.md extend context correctly 1`] = `
Array [
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Zhejiang"
>
Zhejiang
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Zhejiang"
aria-selected="true"
id="undefined_list_0"
role="option"
>
Zhejiang
</div>
<div
aria-label="Jiangsu"
aria-selected="false"
id="undefined_list_1"
role="option"
>
Jiangsu
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Zhejiang"
>
<div
class="ant-select-item-option-content"
>
Zhejiang
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Jiangsu"
>
<div
class="ant-select-item-option-content"
>
Jiangsu
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Hangzhou"
>
Hangzhou
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Hangzhou"
aria-selected="true"
id="undefined_list_0"
role="option"
>
Hangzhou
</div>
<div
aria-label="Ningbo"
aria-selected="false"
id="undefined_list_1"
role="option"
>
Ningbo
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Hangzhou"
>
<div
class="ant-select-item-option-content"
>
Hangzhou
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Ningbo"
>
<div
class="ant-select-item-option-content"
>
Ningbo
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Wenzhou"
>
<div
class="ant-select-item-option-content"
>
Wenzhou
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
]
`;
exports[`renders ./components/select/demo/custom-dropdown-menu.md extend context correctly 1`] = `
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:240px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
>
custom dropdown render
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="jack"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="lucy"
aria-selected="false"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="jack"
>
<div
class="ant-select-item-option-content"
>
jack
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="lucy"
>
<div
class="ant-select-item-option-content"
>
lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-divider ant-divider-horizontal"
role="separator"
style="margin:4px 0"
/>
<div
style="display:flex;flex-wrap:nowrap;padding:8px"
>
<input
class="ant-input"
style="flex:auto"
type="text"
value=""
/>
<a
style="flex:none;padding:8px;display:block;cursor:pointer"
>
<span
aria-label="plus"
class="anticon anticon-plus"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<defs />
<path
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
/>
<path
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
/>
</svg>
</span>
Add item
</a>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>
`;
exports[`renders ./components/select/demo/custom-tag-render.md extend context correctly 1`] = `
<div
class="ant-select ant-select-multiple ant-select-show-arrow ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span>
<span
class="ant-tag ant-tag-gold"
style="margin-right:3px"
>
gold
<span
aria-label="close"
class="anticon anticon-close ant-tag-close-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span>
<span
class="ant-tag ant-tag-cyan"
style="margin-right:3px"
>
cyan
<span
aria-label="close"
class="anticon anticon-close ant-tag-close-icon"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-selected="true"
id="undefined_list_0"
role="option"
>
gold
</div>
<div
aria-selected="false"
id="undefined_list_1"
role="option"
>
lime
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="gold"
>
<div
class="ant-select-item-option-content"
>
gold
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="lime"
>
<div
class="ant-select-item-option-content"
>
lime
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="green"
>
<div
class="ant-select-item-option-content"
>
green
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="cyan"
>
<div
class="ant-select-item-option-content"
>
cyan
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>
`;
exports[`renders ./components/select/demo/debug.md extend context correctly 1`] = `
<div
style="width:500px;position:relative;z-index:1;border:1px solid red;background:#FFF"
>
<input
class="ant-input"
style="width:100px"
type="text"
value="222"
/>
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-show-search"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
>
233
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="false"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack"
>
<div
class="ant-select-item-option-content"
>
Jack
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-disabled"
title="Disabled"
>
<div
class="ant-select-item-option-content"
>
Disabled
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="yiminghe"
>
<div
class="ant-select-item-option-content"
>
yiminghe
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="I am super super long!"
>
<div
class="ant-select-item-option-content"
>
I am super super long!
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:120px"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="Lucy"
>
<span
class="ant-select-selection-item-content"
>
Lucy
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack"
>
<div
class="ant-select-item-option-content"
>
Jack
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-disabled"
title="Disabled"
>
<div
class="ant-select-item-option-content"
>
Disabled
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="yiminghe"
>
<div
class="ant-select-item-option-content"
>
yiminghe
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="I am super super long!"
>
<div
class="ant-select-item-option-content"
>
I am super super long!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
class="debug-align"
>
AntDesign
</span>
<button
class="ant-btn"
type="button"
>
<span>
222
</span>
</button>
</div>
`;
exports[`renders ./components/select/demo/hide-selected.md extend context correctly 1`] = `
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
<span
class="ant-select-selection-placeholder"
>
Inserted are removed
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Apples"
aria-selected="false"
id="undefined_list_0"
role="option"
>
Apples
</div>
<div
aria-label="Nails"
aria-selected="false"
id="undefined_list_1"
role="option"
>
Nails
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Apples"
>
<div
class="ant-select-item-option-content"
>
Apples
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Nails"
>
<div
class="ant-select-item-option-content"
>
Nails
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Bananas"
>
<div
class="ant-select-item-option-content"
>
Bananas
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Helicopters"
>
<div
class="ant-select-item-option-content"
>
Helicopters
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/label-in-value.md extend context correctly 1`] = `
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy (101)"
>
Lucy (101)
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack (100)"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy (101)"
aria-selected="true"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack (100)"
>
<div
class="ant-select-item-option-content"
>
Jack (100)
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Lucy (101)"
>
<div
class="ant-select-item-option-content"
>
Lucy (101)
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>
`;
exports[`renders ./components/select/demo/multiple.md extend context correctly 1`] = `
Array [
<div
class="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="a10"
>
<span
class="ant-select-selection-item-content"
>
a10
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="c12"
>
<span
class="ant-select-selection-item-content"
>
c12
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="a10"
aria-selected="true"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="a10"
>
<div
class="ant-select-item-option-content"
>
a10
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="b11"
>
<div
class="ant-select-item-option-content"
>
b11
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="c12"
>
<div
class="ant-select-item-option-content"
>
c12
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="d13"
>
<div
class="ant-select-item-option-content"
>
d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="e14"
>
<div
class="ant-select-item-option-content"
>
e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="f15"
>
<div
class="ant-select-item-option-content"
>
f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="g16"
>
<div
class="ant-select-item-option-content"
>
g16
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="h17"
>
<div
class="ant-select-item-option-content"
>
h17
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="i18"
>
<div
class="ant-select-item-option-content"
>
i18
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="j19"
>
<div
class="ant-select-item-option-content"
>
j19
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="k20"
>
<div
class="ant-select-item-option-content"
>
k20
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="l21"
>
<div
class="ant-select-item-option-content"
>
l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="m22"
>
<div
class="ant-select-item-option-content"
>
m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="n23"
>
<div
class="ant-select-item-option-content"
>
n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="o24"
>
<div
class="ant-select-item-option-content"
>
o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="p25"
>
<div
class="ant-select-item-option-content"
>
p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="q26"
>
<div
class="ant-select-item-option-content"
>
q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="r27"
>
<div
class="ant-select-item-option-content"
>
r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="s28"
>
<div
class="ant-select-item-option-content"
>
s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="t29"
>
<div
class="ant-select-item-option-content"
>
t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="u30"
>
<div
class="ant-select-item-option-content"
>
u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="v31"
>
<div
class="ant-select-item-option-content"
>
v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="w32"
>
<div
class="ant-select-item-option-content"
>
w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="x33"
>
<div
class="ant-select-item-option-content"
>
x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="y34"
>
<div
class="ant-select-item-option-content"
>
y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="z35"
>
<div
class="ant-select-item-option-content"
>
z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close-circle"
class="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
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 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>,
<br />,
<div
class="ant-select ant-select-multiple ant-select-disabled ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="a10"
>
<span
class="ant-select-selection-item-content"
>
a10
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="c12"
>
<span
class="ant-select-selection-item-content"
>
c12
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="a10"
aria-selected="true"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="a10"
>
<div
class="ant-select-item-option-content"
>
a10
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="b11"
>
<div
class="ant-select-item-option-content"
>
b11
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="c12"
>
<div
class="ant-select-item-option-content"
>
c12
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="d13"
>
<div
class="ant-select-item-option-content"
>
d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="e14"
>
<div
class="ant-select-item-option-content"
>
e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="f15"
>
<div
class="ant-select-item-option-content"
>
f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="g16"
>
<div
class="ant-select-item-option-content"
>
g16
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="h17"
>
<div
class="ant-select-item-option-content"
>
h17
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="i18"
>
<div
class="ant-select-item-option-content"
>
i18
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="j19"
>
<div
class="ant-select-item-option-content"
>
j19
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="k20"
>
<div
class="ant-select-item-option-content"
>
k20
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="l21"
>
<div
class="ant-select-item-option-content"
>
l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="m22"
>
<div
class="ant-select-item-option-content"
>
m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="n23"
>
<div
class="ant-select-item-option-content"
>
n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="o24"
>
<div
class="ant-select-item-option-content"
>
o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="p25"
>
<div
class="ant-select-item-option-content"
>
p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="q26"
>
<div
class="ant-select-item-option-content"
>
q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="r27"
>
<div
class="ant-select-item-option-content"
>
r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="s28"
>
<div
class="ant-select-item-option-content"
>
s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="t29"
>
<div
class="ant-select-item-option-content"
>
t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="u30"
>
<div
class="ant-select-item-option-content"
>
u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="v31"
>
<div
class="ant-select-item-option-content"
>
v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="w32"
>
<div
class="ant-select-item-option-content"
>
w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="x33"
>
<div
class="ant-select-item-option-content"
>
x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="y34"
>
<div
class="ant-select-item-option-content"
>
y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="z35"
>
<div
class="ant-select-item-option-content"
>
z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/select/demo/optgroup.md extend context correctly 1`] = `
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:200px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-selected="false"
id="undefined_list_0"
role="presentation"
/>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_1"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_2"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
class="ant-select-item ant-select-item-group"
>
Manager
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
title="Jack"
>
<div
class="ant-select-item-option-content"
>
Jack
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
class="ant-select-item ant-select-item-group"
>
Engineer
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-grouped"
title="yiminghe"
>
<div
class="ant-select-item-option-content"
>
yiminghe
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>
`;
exports[`renders ./components/select/demo/option-label-prop.md extend context correctly 1`] = `
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="China"
>
<span
class="ant-select-selection-item-content"
>
China
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-selected="true"
id="undefined_list_0"
role="option"
>
china
</div>
<div
aria-selected="false"
id="undefined_list_1"
role="option"
>
usa
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
label="China"
>
<div
class="ant-select-item-option-content"
>
<div
class="demo-option-label-item"
>
<span
aria-label="China"
role="img"
>
🇨🇳
</span>
China (中国)
</div>
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
label="USA"
>
<div
class="ant-select-item-option-content"
>
<div
class="demo-option-label-item"
>
<span
aria-label="USA"
role="img"
>
🇺🇸
</span>
USA (美国)
</div>
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
label="Japan"
>
<div
class="ant-select-item-option-content"
>
<div
class="demo-option-label-item"
>
<span
aria-label="Japan"
role="img"
>
🇯🇵
</span>
Japan (日本)
</div>
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
label="Korea"
>
<div
class="ant-select-item-option-content"
>
<div
class="demo-option-label-item"
>
<span
aria-label="Korea"
role="img"
>
🇰🇷
</span>
Korea (韩国)
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/placement.md extend context correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-outline"
>
<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"
value="topLeft"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
topLeft
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="topRight"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
topRight
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="bottomLeft"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
bottomLeft
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="bottomRight"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
bottomRight
</span>
</label>
</div>,
<br />,
<br />,
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="HangZhou #310000"
>
HangZhou #310000
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="HangZhou #310000"
aria-selected="true"
id="undefined_list_0"
role="option"
>
HangZhou
</div>
<div
aria-label="NingBo #315000"
aria-selected="false"
id="undefined_list_1"
role="option"
>
NingBo
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="HangZhou #310000"
>
<div
class="ant-select-item-option-content"
>
HangZhou #310000
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="NingBo #315000"
>
<div
class="ant-select-item-option-content"
>
NingBo #315000
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="WenZhou #325000"
>
<div
class="ant-select-item-option-content"
>
WenZhou #325000
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
]
`;
exports[`renders ./components/select/demo/responsive.md extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
style="width:100%"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
aria-hidden="true"
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-rest"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<span
class="ant-select-selection-item"
title="+ 4 ..."
>
<span
class="ant-select-selection-item-content"
>
+ 4 ...
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Long Label: a10"
aria-selected="true"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="Long Label: b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Long Label: a10"
>
<div
class="ant-select-item-option-content"
>
Long Label: a10
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: b11"
>
<div
class="ant-select-item-option-content"
>
Long Label: b11
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: c12"
>
<div
class="ant-select-item-option-content"
>
Long Label: c12
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: d13"
>
<div
class="ant-select-item-option-content"
>
Long Label: d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: e14"
>
<div
class="ant-select-item-option-content"
>
Long Label: e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: f15"
>
<div
class="ant-select-item-option-content"
>
Long Label: f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: g16"
>
<div
class="ant-select-item-option-content"
>
Long Label: g16
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: h17"
>
<div
class="ant-select-item-option-content"
>
Long Label: h17
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: i18"
>
<div
class="ant-select-item-option-content"
>
Long Label: i18
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: j19"
>
<div
class="ant-select-item-option-content"
>
Long Label: j19
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: k20"
>
<div
class="ant-select-item-option-content"
>
Long Label: k20
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: l21"
>
<div
class="ant-select-item-option-content"
>
Long Label: l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: m22"
>
<div
class="ant-select-item-option-content"
>
Long Label: m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: n23"
>
<div
class="ant-select-item-option-content"
>
Long Label: n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: o24"
>
<div
class="ant-select-item-option-content"
>
Long Label: o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: p25"
>
<div
class="ant-select-item-option-content"
>
Long Label: p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: q26"
>
<div
class="ant-select-item-option-content"
>
Long Label: q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: r27"
>
<div
class="ant-select-item-option-content"
>
Long Label: r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: s28"
>
<div
class="ant-select-item-option-content"
>
Long Label: s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: t29"
>
<div
class="ant-select-item-option-content"
>
Long Label: t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: u30"
>
<div
class="ant-select-item-option-content"
>
Long Label: u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: v31"
>
<div
class="ant-select-item-option-content"
>
Long Label: v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: w32"
>
<div
class="ant-select-item-option-content"
>
Long Label: w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: x33"
>
<div
class="ant-select-item-option-content"
>
Long Label: x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: y34"
>
<div
class="ant-select-item-option-content"
>
Long Label: y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: z35"
>
<div
class="ant-select-item-option-content"
>
Long Label: z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
>
<div
class="ant-select ant-select-multiple ant-select-disabled ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
aria-hidden="true"
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-rest"
style="opacity:0;height:0;overflow-y:hidden;order:9007199254740991;pointer-events:none;position:absolute"
>
<span
class="ant-select-selection-item"
title="+ 4 ..."
>
<span
class="ant-select-selection-item-content"
>
+ 4 ...
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1;order:0"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Long Label: a10"
aria-selected="true"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="Long Label: b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Long Label: a10"
>
<div
class="ant-select-item-option-content"
>
Long Label: a10
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: b11"
>
<div
class="ant-select-item-option-content"
>
Long Label: b11
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: c12"
>
<div
class="ant-select-item-option-content"
>
Long Label: c12
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: d13"
>
<div
class="ant-select-item-option-content"
>
Long Label: d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: e14"
>
<div
class="ant-select-item-option-content"
>
Long Label: e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: f15"
>
<div
class="ant-select-item-option-content"
>
Long Label: f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: g16"
>
<div
class="ant-select-item-option-content"
>
Long Label: g16
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: h17"
>
<div
class="ant-select-item-option-content"
>
Long Label: h17
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: i18"
>
<div
class="ant-select-item-option-content"
>
Long Label: i18
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: j19"
>
<div
class="ant-select-item-option-content"
>
Long Label: j19
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Long Label: k20"
>
<div
class="ant-select-item-option-content"
>
Long Label: k20
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: l21"
>
<div
class="ant-select-item-option-content"
>
Long Label: l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: m22"
>
<div
class="ant-select-item-option-content"
>
Long Label: m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: n23"
>
<div
class="ant-select-item-option-content"
>
Long Label: n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: o24"
>
<div
class="ant-select-item-option-content"
>
Long Label: o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: p25"
>
<div
class="ant-select-item-option-content"
>
Long Label: p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: q26"
>
<div
class="ant-select-item-option-content"
>
Long Label: q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: r27"
>
<div
class="ant-select-item-option-content"
>
Long Label: r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: s28"
>
<div
class="ant-select-item-option-content"
>
Long Label: s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: t29"
>
<div
class="ant-select-item-option-content"
>
Long Label: t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: u30"
>
<div
class="ant-select-item-option-content"
>
Long Label: u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: v31"
>
<div
class="ant-select-item-option-content"
>
Long Label: v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: w32"
>
<div
class="ant-select-item-option-content"
>
Long Label: w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: x33"
>
<div
class="ant-select-item-option-content"
>
Long Label: x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: y34"
>
<div
class="ant-select-item-option-content"
>
Long Label: y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Long Label: z35"
>
<div
class="ant-select-item-option-content"
>
Long Label: z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/search.md extend context correctly 1`] = `
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-show-search"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
>
Select a person
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="false"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack"
>
<div
class="ant-select-item-option-content"
>
Jack
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Tom"
>
<div
class="ant-select-item-option-content"
>
Tom
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>
`;
exports[`renders ./components/select/demo/search-box.md extend context correctly 1`] = `
<div
class="ant-select ant-select-single ant-select-show-search"
style="width:200px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
>
input search text
</span>
</div>
<div>
<div
class="ant-select-dropdown ant-select-dropdown-empty"
style="opacity:0;pointer-events:none"
>
<div>
<div
class="ant-select-item-empty"
id="undefined_list"
role="listbox"
/>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/search-sort.md extend context correctly 1`] = `
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-show-search"
style="width:200px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-placeholder"
>
Search to Select
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Cancelled"
aria-selected="false"
id="undefined_list_0"
role="option"
>
6
</div>
<div
aria-label="Closed"
aria-selected="false"
id="undefined_list_1"
role="option"
>
2
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Cancelled"
>
<div
class="ant-select-item-option-content"
>
Cancelled
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Closed"
>
<div
class="ant-select-item-option-content"
>
Closed
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Communicated"
>
<div
class="ant-select-item-option-content"
>
Communicated
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Identified"
>
<div
class="ant-select-item-option-content"
>
Identified
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Not Identified"
>
<div
class="ant-select-item-option-content"
>
Not Identified
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="Resolved"
>
<div
class="ant-select-item-option-content"
>
Resolved
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>
`;
exports[`renders ./components/select/demo/select-users.md extend context correctly 1`] = `
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
<span
class="ant-select-selection-placeholder"
>
Select users
</span>
</div>
<div>
<div
class="ant-select-dropdown ant-select-dropdown-empty"
style="opacity:0;pointer-events:none"
>
<div>
<div
class="ant-select-item-empty"
id="undefined_list"
role="listbox"
/>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/size.md extend context correctly 1`] = `
Array [
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="large"
/>
<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"
value="default"
/>
<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"
value="small"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Small
</span>
</label>
</div>,
<br />,
<br />,
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:200px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="a1"
>
a1
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="a10"
aria-selected="false"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="a10"
>
<div
class="ant-select-item-option-content"
>
a10
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="b11"
>
<div
class="ant-select-item-option-content"
>
b11
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="c12"
>
<div
class="ant-select-item-option-content"
>
c12
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="d13"
>
<div
class="ant-select-item-option-content"
>
d13
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="e14"
>
<div
class="ant-select-item-option-content"
>
e14
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="f15"
>
<div
class="ant-select-item-option-content"
>
f15
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="g16"
>
<div
class="ant-select-item-option-content"
>
g16
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="h17"
>
<div
class="ant-select-item-option-content"
>
h17
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="i18"
>
<div
class="ant-select-item-option-content"
>
i18
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="j19"
>
<div
class="ant-select-item-option-content"
>
j19
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="k20"
>
<div
class="ant-select-item-option-content"
>
k20
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="l21"
>
<div
class="ant-select-item-option-content"
>
l21
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="m22"
>
<div
class="ant-select-item-option-content"
>
m22
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="n23"
>
<div
class="ant-select-item-option-content"
>
n23
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="o24"
>
<div
class="ant-select-item-option-content"
>
o24
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="p25"
>
<div
class="ant-select-item-option-content"
>
p25
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="q26"
>
<div
class="ant-select-item-option-content"
>
q26
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="r27"
>
<div
class="ant-select-item-option-content"
>
r27
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="s28"
>
<div
class="ant-select-item-option-content"
>
s28
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="t29"
>
<div
class="ant-select-item-option-content"
>
t29
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="u30"
>
<div
class="ant-select-item-option-content"
>
u30
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="v31"
>
<div
class="ant-select-item-option-content"
>
v31
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="w32"
>
<div
class="ant-select-item-option-content"
>
w32
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="x33"
>
<div
class="ant-select-item-option-content"
>
x33
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="y34"
>
<div
class="ant-select-item-option-content"
>
y34
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="z35"
>
<div
class="ant-select-item-option-content"
>
z35
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="down"
class="anticon anticon-down ant-select-suffix"
role="img"
>
<svg
aria-hidden="true"
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
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>
</span>
</span>
</div>,
<br />,
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="a10"
>
<span
class="ant-select-selection-item-content"
>
a10
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="c12"
>
<span
class="ant-select-selection-item-content"
>
c12
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="a10"
aria-selected="true"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="a10"
>
<div
class="ant-select-item-option-content"
>
a10
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="b11"
>
<div
class="ant-select-item-option-content"
>
b11
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="c12"
>
<div
class="ant-select-item-option-content"
>
c12
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="d13"
>
<div
class="ant-select-item-option-content"
>
d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="e14"
>
<div
class="ant-select-item-option-content"
>
e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="f15"
>
<div
class="ant-select-item-option-content"
>
f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="g16"
>
<div
class="ant-select-item-option-content"
>
g16
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="h17"
>
<div
class="ant-select-item-option-content"
>
h17
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="i18"
>
<div
class="ant-select-item-option-content"
>
i18
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="j19"
>
<div
class="ant-select-item-option-content"
>
j19
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="k20"
>
<div
class="ant-select-item-option-content"
>
k20
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="l21"
>
<div
class="ant-select-item-option-content"
>
l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="m22"
>
<div
class="ant-select-item-option-content"
>
m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="n23"
>
<div
class="ant-select-item-option-content"
>
n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="o24"
>
<div
class="ant-select-item-option-content"
>
o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="p25"
>
<div
class="ant-select-item-option-content"
>
p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="q26"
>
<div
class="ant-select-item-option-content"
>
q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="r27"
>
<div
class="ant-select-item-option-content"
>
r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="s28"
>
<div
class="ant-select-item-option-content"
>
s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="t29"
>
<div
class="ant-select-item-option-content"
>
t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="u30"
>
<div
class="ant-select-item-option-content"
>
u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="v31"
>
<div
class="ant-select-item-option-content"
>
v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="w32"
>
<div
class="ant-select-item-option-content"
>
w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="x33"
>
<div
class="ant-select-item-option-content"
>
x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="y34"
>
<div
class="ant-select-item-option-content"
>
y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="z35"
>
<div
class="ant-select-item-option-content"
>
z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>,
<br />,
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="a10"
>
<span
class="ant-select-selection-item-content"
>
a10
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item"
style="opacity:1"
>
<span
class="ant-select-selection-item"
title="c12"
>
<span
class="ant-select-selection-item-content"
>
c12
</span>
<span
aria-hidden="true"
class="ant-select-selection-item-remove"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
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 00203 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"
/>
</svg>
</span>
</span>
</span>
</div>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
role="combobox"
type="search"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="a10"
aria-selected="true"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="a10"
>
<div
class="ant-select-item-option-content"
>
a10
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="b11"
>
<div
class="ant-select-item-option-content"
>
b11
</div>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="c12"
>
<div
class="ant-select-item-option-content"
>
c12
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="check"
class="anticon anticon-check"
role="img"
>
<svg
aria-hidden="true"
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg>
</span>
</span>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="d13"
>
<div
class="ant-select-item-option-content"
>
d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="e14"
>
<div
class="ant-select-item-option-content"
>
e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="f15"
>
<div
class="ant-select-item-option-content"
>
f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="g16"
>
<div
class="ant-select-item-option-content"
>
g16
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="h17"
>
<div
class="ant-select-item-option-content"
>
h17
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="i18"
>
<div
class="ant-select-item-option-content"
>
i18
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="j19"
>
<div
class="ant-select-item-option-content"
>
j19
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="k20"
>
<div
class="ant-select-item-option-content"
>
k20
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="l21"
>
<div
class="ant-select-item-option-content"
>
l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="m22"
>
<div
class="ant-select-item-option-content"
>
m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="n23"
>
<div
class="ant-select-item-option-content"
>
n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="o24"
>
<div
class="ant-select-item-option-content"
>
o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="p25"
>
<div
class="ant-select-item-option-content"
>
p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="q26"
>
<div
class="ant-select-item-option-content"
>
q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="r27"
>
<div
class="ant-select-item-option-content"
>
r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="s28"
>
<div
class="ant-select-item-option-content"
>
s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="t29"
>
<div
class="ant-select-item-option-content"
>
t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="u30"
>
<div
class="ant-select-item-option-content"
>
u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="v31"
>
<div
class="ant-select-item-option-content"
>
v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="w32"
>
<div
class="ant-select-item-option-content"
>
w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="x33"
>
<div
class="ant-select-item-option-content"
>
x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="y34"
>
<div
class="ant-select-item-option-content"
>
y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="z35"
>
<div
class="ant-select-item-option-content"
>
z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/select/demo/suffix.md extend context correctly 1`] = `
Array [
<div
class="ant-select ant-select-single ant-select-show-arrow"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Jack"
aria-selected="false"
id="undefined_list_0"
role="option"
>
jack
</div>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_1"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="Jack"
>
<div
class="ant-select-item-option-content"
>
Jack
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-disabled"
title="Disabled"
>
<div
class="ant-select-item-option-content"
>
Disabled
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="yiminghe"
>
<div
class="ant-select-item-option-content"
>
yiminghe
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="smile"
class="anticon anticon-smile"
role="img"
>
<svg
aria-hidden="true"
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
/>
</svg>
</span>
</span>
</div>,
<div
class="ant-select ant-select-single ant-select-show-arrow ant-select-disabled"
style="width:120px"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-search"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
disabled=""
readonly=""
role="combobox"
style="opacity:0"
type="search"
unselectable="on"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="Lucy"
>
Lucy
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="Lucy"
aria-selected="true"
id="undefined_list_0"
role="option"
>
lucy
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="true"
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
title="Lucy"
>
<div
class="ant-select-item-option-content"
>
Lucy
</div>
<span
aria-hidden="true"
class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
aria-hidden="true"
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<span
aria-label="meh"
class="anticon anticon-meh"
role="img"
>
<svg
aria-hidden="true"
data-icon="meh"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 565H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</div>,
]
`;
exports[`renders ./components/select/demo/tags.md extend context correctly 1`] = `
<div
class="ant-select ant-select-multiple ant-select-show-search"
style="width:100%"
>
<div
class="ant-select-selector"
>
<div
class="ant-select-selection-overflow"
>
<div
class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
style="opacity:1"
>
<div
class="ant-select-selection-search"
style="width:0"
>
<input
aria-activedescendant="undefined_list_0"
aria-autocomplete="list"
aria-controls="undefined_list"
aria-haspopup="listbox"
aria-owns="undefined_list"
autocomplete="off"
class="ant-select-selection-search-input"
role="combobox"
type="search"
value=""
/>
<span
aria-hidden="true"
class="ant-select-selection-search-mirror"
>
 
</span>
</div>
</div>
</div>
<span
class="ant-select-selection-placeholder"
>
Tags Mode
</span>
</div>
<div>
<div
class="ant-select-dropdown"
style="opacity:0;pointer-events:none"
>
<div>
<div
id="undefined_list"
role="listbox"
style="height:0;width:0;overflow:hidden"
>
<div
aria-label="a10"
aria-selected="false"
id="undefined_list_0"
role="option"
>
a10
</div>
<div
aria-label="b11"
aria-selected="false"
id="undefined_list_1"
role="option"
>
b11
</div>
</div>
<div
class="rc-virtual-list"
style="position:relative"
>
<div
class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none"
>
<div>
<div
class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active"
title="a10"
>
<div
class="ant-select-item-option-content"
>
a10
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="b11"
>
<div
class="ant-select-item-option-content"
>
b11
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="c12"
>
<div
class="ant-select-item-option-content"
>
c12
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="d13"
>
<div
class="ant-select-item-option-content"
>
d13
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="e14"
>
<div
class="ant-select-item-option-content"
>
e14
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="f15"
>
<div
class="ant-select-item-option-content"
>
f15
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="g16"
>
<div
class="ant-select-item-option-content"
>
g16
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="h17"
>
<div
class="ant-select-item-option-content"
>
h17
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="i18"
>
<div
class="ant-select-item-option-content"
>
i18
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="j19"
>
<div
class="ant-select-item-option-content"
>
j19
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="k20"
>
<div
class="ant-select-item-option-content"
>
k20
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="l21"
>
<div
class="ant-select-item-option-content"
>
l21
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="m22"
>
<div
class="ant-select-item-option-content"
>
m22
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="n23"
>
<div
class="ant-select-item-option-content"
>
n23
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="o24"
>
<div
class="ant-select-item-option-content"
>
o24
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="p25"
>
<div
class="ant-select-item-option-content"
>
p25
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="q26"
>
<div
class="ant-select-item-option-content"
>
q26
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="r27"
>
<div
class="ant-select-item-option-content"
>
r27
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="s28"
>
<div
class="ant-select-item-option-content"
>
s28
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="t29"
>
<div
class="ant-select-item-option-content"
>
t29
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="u30"
>
<div
class="ant-select-item-option-content"
>
u30
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="v31"
>
<div
class="ant-select-item-option-content"
>
v31
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="w32"
>
<div
class="ant-select-item-option-content"
>
w32
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="x33"
>
<div
class="ant-select-item-option-content"
>
x33
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="y34"
>
<div
class="ant-select-item-option-content"
>
y34
</div>
</div>
<div
aria-selected="false"
class="ant-select-item ant-select-item-option"
title="z35"
>
<div
class="ant-select-item-option-content"
>
z35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink