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

684 lines
15 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"
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
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
<ul>
<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
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/basic.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-select ant-select-enabled"
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
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"
style="display:block;opacity:1;"
title="Lucy"
>
2016-11-22 14:28:05 +08:00
Lucy
</div>
</div>
<span
class="ant-select-arrow"
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-disabled ant-select-allow-clear"
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
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"
style="display:block;opacity:1;"
title="Lucy"
>
2016-11-22 14:28:05 +08:00
Lucy
</div>
</div>
<span
class="ant-select-selection__clear"
style="user-select:none;-webkit-user-select:none;display:block;"
unselectable="unselectable"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-select-arrow"
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`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-combobox ant-select-enabled"
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
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"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
Enter the account name
</div>
<ul>
<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
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>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-select ant-select-enabled"
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
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"
style="display:block;opacity:1;"
title="Zhejiang"
>
2016-11-22 14:28:05 +08:00
Zhejiang
</div>
</div>
<span
class="ant-select-arrow"
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"
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
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"
style="display:block;opacity:1;"
title="Hangzhou"
>
2016-11-22 14:28:05 +08:00
Hangzhou
</div>
</div>
<span
class="ant-select-arrow"
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/label-in-value.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
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
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"
style="display:block;opacity:1;"
title="Lucy (101)"
>
2016-11-22 14:28:05 +08:00
Lucy (101)
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<b />
</span>
</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"
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
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"
style="display:none;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
Please select
</div>
<ul>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
title="a10"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__choice__content"
>
2016-11-22 14:28:05 +08:00
a10
</div>
<span
class="ant-select-selection__choice__remove"
/>
2016-11-22 14:28:05 +08:00
</li>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
title="c12"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-selection__choice__content"
>
2016-11-22 14:28:05 +08:00
c12
</div>
<span
class="ant-select-selection__choice__remove"
/>
2016-11-22 14:28:05 +08:00
</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
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`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
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
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"
style="display:block;opacity:1;"
title="Lucy"
>
2016-11-22 14:28:05 +08:00
Lucy
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/select/demo/search.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
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
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__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
Select a person
</div>
<div
class="ant-select-search ant-select-search--inline"
style="display:none;"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-search__field__wrap"
>
2016-11-22 14:28:05 +08:00
<input
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>
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2016-11-22 14:28:05 +08:00
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
2017-01-05 17:24:14 +08:00
class="ant-select ant-select-combobox ant-select-enabled"
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
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
2017-01-05 17:24:14 +08:00
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
2017-01-05 17:24:14 +08:00
input search text
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
2016-11-22 14:28:05 +08:00
<div
class="ant-select-search__field__wrap"
>
2017-01-05 17:24:14 +08:00
<input
class="ant-select-search__field"
value=""
/>
2017-01-05 17:24:14 +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>
2017-01-05 17:24:14 +08:00
</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"
style="width:100%;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Select users
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/select/demo/size.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-select-lg ant-select ant-select-enabled"
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
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"
style="display:block;opacity:1;"
title="Lucy"
>
2016-11-22 14:28:05 +08:00
Lucy
</div>
</div>
<span
class="ant-select-arrow"
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"
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
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"
style="display:block;opacity:1;"
title="Lucy"
>
2016-11-22 14:28:05 +08:00
Lucy
</div>
</div>
<span
class="ant-select-arrow"
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-sm ant-select ant-select-enabled"
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
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"
style="display:block;opacity:1;"
title="Lucy"
>
2016-11-22 14:28:05 +08:00
Lucy
</div>
</div>
<span
class="ant-select-arrow"
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/tags.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-select ant-select-enabled"
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
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
<ul>
<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
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>
`;