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

891 lines
20 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/basic.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:120px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Lucy"
>
Lucy
2016-11-22 14:28:05 +08:00
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
<div
class="ant-select ant-select-disabled ant-select-allow-clear"
2017-09-20 16:26:18 +08:00
style="width:120px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2016-11-22 14:28:05 +08:00
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Lucy"
>
Lucy
2016-11-22 14:28:05 +08:00
</div>
</div>
<span
class="ant-select-selection__clear"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<b />
</span>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
<div
class="ant-select ant-select-combobox ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Enter the account name
2017-09-15 16:14:26 +08:00
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
2017-09-15 16:14:26 +08:00
>
<div
class="ant-select-search__field__wrap"
2017-09-15 16:14:26 +08:00
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
2017-09-15 16:14:26 +08:00
</div>
</li>
</ul>
2017-09-15 16:14:26 +08:00
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<div>
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:90px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2016-11-22 14:28:05 +08:00
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Zhejiang"
>
Zhejiang
2016-11-22 14:28:05 +08:00
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<b />
</span>
</div>
</div>
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:90px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
2016-11-22 14:28:05 +08:00
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Hangzhou"
>
Hangzhou
2016-11-22 14:28:05 +08:00
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:120px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Lucy (101)"
>
Lucy (101)
2016-11-22 14:28:05 +08:00
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Please select
</div>
<ul>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
>
<div
class="ant-select-selection__choice__content"
>
a10
</div>
<span
class="ant-select-selection__choice__remove"
/>
</li>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
>
<div
class="ant-select-selection__choice__content"
>
c12
</div>
<span
class="ant-select-selection__choice__remove"
/>
</li>
<li
class="ant-select-search ant-select-search--inline"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-search__field__wrap"
>
2016-11-22 14:28:05 +08:00
<input
2017-09-14 18:09:30 +08:00
autocomplete="off"
2016-11-22 14:28:05 +08:00
class="ant-select-search__field"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-select-search__field__mirror"
>
2017-03-10 19:22:18 +08:00
 
</span>
2016-11-22 14:28:05 +08:00
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="Lucy"
>
Lucy
2016-11-22 14:28:05 +08:00
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/select/demo/search.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Select a person
</div>
<div
class="ant-select-search ant-select-search--inline"
2017-09-20 16:26:18 +08:00
style="display:none"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</div>
2016-11-22 14:28:05 +08:00
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-combobox ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
2017-01-05 17:24:14 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
input search text
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
2016-11-22 14:28:05 +08:00
</div>
2017-01-05 17:24:14 +08:00
</div>
2016-11-22 14:28:05 +08:00
</div>
`;
2017-03-23 13:48:19 +08:00
exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
2017-03-23 13:48:19 +08:00
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
2017-03-23 13:48:19 +08:00
>
<div
class="ant-select-selection__rendered"
2017-03-23 13:48:19 +08:00
>
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
2017-03-23 13:48:19 +08:00
>
Select users
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
2017-03-23 13:48:19 +08:00
>
<div
class="ant-select-search__field__wrap"
2017-03-23 13:48:19 +08:00
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
2017-03-23 13:48:19 +08:00
>
 
</span>
</div>
</li>
</ul>
2017-03-23 13:48:19 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/size.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
2017-03-24 12:14:00 +08:00
class="ant-radio-group"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
/>
<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"
/>
<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"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Small
</span>
</label>
</div>
<br />
<br />
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection-selected-value"
2017-09-20 16:26:18 +08:00
style="display:block;opacity:1"
title="a1"
>
a1
2016-11-22 14:28:05 +08:00
</div>
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
2017-03-24 12:14:00 +08:00
<br />
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-combobox ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:200px"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--single"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
<ul>
<li
class="ant-select-search ant-select-search--inline"
2017-03-24 12:14:00 +08:00
>
<div
class="ant-select-search__field__wrap"
2017-03-24 12:14:00 +08:00
>
<input
autocomplete="off"
class="ant-select-search__field"
value="a1"
2017-03-24 12:14:00 +08:00
/>
<span
class="ant-select-search__field__mirror"
2017-03-24 12:14:00 +08:00
>
a1 
</span>
</div>
</li>
</ul>
2016-11-22 14:28:05 +08:00
</div>
<span
class="ant-select-arrow"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
</span>
2016-11-22 14:28:05 +08:00
</div>
</div>
2017-03-24 12:14:00 +08:00
<br />
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
2016-11-22 14:28:05 +08:00
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__rendered"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Please select
</div>
<ul>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="a10"
2017-03-24 12:14:00 +08:00
unselectable="unselectable"
>
<div
class="ant-select-selection__choice__content"
2017-03-24 12:14:00 +08:00
>
a10
</div>
<span
class="ant-select-selection__choice__remove"
/>
</li>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
>
<div
class="ant-select-selection__choice__content"
2017-09-15 16:14:26 +08:00
>
c12
</div>
<span
class="ant-select-selection__choice__remove"
/>
</li>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
2017-09-15 16:14:26 +08:00
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
2017-03-24 12:14:00 +08:00
>
 
</span>
</div>
</li>
</ul>
2016-11-22 14:28:05 +08:00
</div>
2017-03-24 12:14:00 +08:00
</div>
</div>
<br />
2017-03-24 12:14:00 +08:00
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
2017-03-24 12:14:00 +08:00
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
2017-03-24 12:14:00 +08:00
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
2017-03-24 12:14:00 +08:00
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:none;user-select:none;-webkit-user-select:none"
2017-03-24 12:14:00 +08:00
unselectable="unselectable"
>
Please select
2017-03-24 12:14:00 +08:00
</div>
<ul>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
>
<div
class="ant-select-selection__choice__content"
>
a10
</div>
<span
class="ant-select-selection__choice__remove"
/>
</li>
<li
class="ant-select-selection__choice"
2017-09-20 16:26:18 +08:00
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
>
<div
class="ant-select-selection__choice__content"
>
c12
</div>
<span
class="ant-select-selection__choice__remove"
/>
</li>
2017-03-24 12:14:00 +08:00
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
2017-09-14 18:09:30 +08:00
autocomplete="off"
2017-03-24 12:14:00 +08:00
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
2016-11-22 14:28:05 +08:00
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/tags.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
2017-09-20 16:26:18 +08:00
style="width:100%"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
2017-10-09 13:32:11 +08:00
ant-select-selection--multiple"
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
2017-09-20 16:26:18 +08:00
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Tags Mode
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
`;