Mock rc-trigger

Ref #5522
This commit is contained in:
Wei Zhu 2017-09-15 16:14:26 +08:00
parent 9df6e06d70
commit 9d2c91598b
31 changed files with 7065 additions and 4138 deletions

View File

@ -2,109 +2,117 @@
exports[`renders ./components/auto-complete/demo/antd.md correctly 1`] = ` exports[`renders ./components/auto-complete/demo/antd.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" id="TriggerContainer"
style="width:200px;height:50px;"
> >
<div <div
aria-autocomplete="list" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
aria-expanded="false" style="width:200px;height:50px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;" >
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<textarea
class="ant-input ant-select-search__field"
style="height:50px;"
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable" unselectable="unselectable"
> >
input here <b />
</div> </span>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<textarea
class="ant-input ant-select-search__field"
style="height:50px;"
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
`; `;
exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = ` exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" id="TriggerContainer"
style="width:200px;"
> >
<div <div
aria-autocomplete="list" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
aria-expanded="false" style="width:200px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;" >
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable" unselectable="unselectable"
> >
input here <b />
</div> </span>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
`; `;
@ -115,8 +123,141 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
style="width:250px;" style="width:250px;"
> >
<div <div
class="ant-select-lg ant-select-lg certain-category-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" id="TriggerContainer"
style="width:100%;" >
<div
class="ant-select-lg ant-select-lg certain-category-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:100%;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
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"
>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<i
class="anticon anticon-search certain-category-icon"
/>
</span>
</span>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div
id="TriggerContainer"
>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
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"
>
try to type \`b\`
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
id="TriggerContainer"
>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -143,22 +284,11 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
<div <div
class="ant-select-search__field__wrap" class="ant-select-search__field__wrap"
> >
<span <input
class="ant-select-search__field ant-input-affix-wrapper" class="ant-input ant-select-search__field"
> type="text"
<input value=""
class="ant-input" />
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<i
class="anticon anticon-search certain-category-icon"
/>
</span>
</span>
<span <span
class="ant-select-search__field__mirror" class="ant-select-search__field__mirror"
> >
@ -180,187 +310,81 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
</div> </div>
`; `;
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
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"
>
try to type \`b\`
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
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"
>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div>
</div>
`;
exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = ` exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
<div <div
class="global-search-wrapper" class="global-search-wrapper"
style="width:300px;" style="width:300px;"
> >
<div <div
class="ant-select-lg ant-select-lg global-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" id="TriggerContainer"
style="width:100%;"
> >
<div <div
aria-autocomplete="list" class="ant-select-lg ant-select-lg global-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
aria-expanded="false" style="width:100%;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;" >
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
input here
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn search-btn ant-btn-primary ant-btn-lg"
type="button"
>
<i
class="anticon anticon-search"
/>
</button>
</span>
</span>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable" unselectable="unselectable"
> >
input here <b />
</div> </span>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<span
class="ant-select-search__field ant-input-affix-wrapper"
>
<input
class="ant-input"
type="text"
value=""
/>
<span
class="ant-input-suffix"
>
<button
class="ant-btn search-btn ant-btn-primary ant-btn-lg"
type="button"
>
<i
class="anticon anticon-search"
/>
</button>
</span>
</span>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -460,17 +460,21 @@ exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
secondary secondary
</span> </span>
</button> </button>
<button <div
class="ant-btn ant-dropdown-trigger" id="TriggerContainer"
type="button"
> >
<span> <button
more class="ant-btn ant-dropdown-trigger"
</span> type="button"
<i >
class="anticon anticon-down" <span>
/> more
</button> </span>
<i
class="anticon anticon-down"
/>
</button>
</div>
</div> </div>
`; `;

View File

@ -8,67 +8,75 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
class="ant-fullcalendar-header" class="ant-fullcalendar-header"
> >
<div <div
class="ant-fullcalendar-year-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="2016年"
> >
2016年 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
2016年
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
class="ant-fullcalendar-month-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="11月"
> >
11月 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
11月
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
@ -1015,67 +1023,75 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
class="ant-fullcalendar-header" class="ant-fullcalendar-header"
> >
<div <div
class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="2016年"
> >
2016年 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
2016年
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="11月"
> >
11月 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
11月
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
@ -2020,67 +2036,75 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
class="ant-fullcalendar-header" class="ant-fullcalendar-header"
> >
<div <div
class="ant-fullcalendar-year-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="2016年"
> >
2016年 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016年"
>
2016年
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
class="ant-fullcalendar-month-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="11月"
> >
11月 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="11月"
>
11月
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
@ -3339,67 +3363,75 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
class="ant-fullcalendar-header" class="ant-fullcalendar-header"
> >
<div <div
class="ant-fullcalendar-year-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="2017年"
> >
2017年 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2017年"
>
2017年
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
class="ant-fullcalendar-month-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="1月"
> >
1月 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="1月"
>
1月
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div

View File

@ -1,236 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/cascader/demo/basic.md correctly 1`] = ` exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
<span <div
class="ant-cascader-picker" id="TriggerContainer"
tabindex="0"
> >
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<span
class="ant-cascader-picker"
style="width:270px;"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
>
<span>
Zhejiang /
</span>
<span>
Hangzhou /
</span>
<span>
West Lake (
<a>
752100
</a>
)
</span>
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span>
Unselect 
<a
href="#"
tabindex="0"
>
Change city
</a>
</span>
`;
exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
>
Zhejiang / Hangzhou / West Lake
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
`;
exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
<div>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
<br />
<br />
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0" tabindex="0"
@ -250,8 +23,13 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
class="anticon anticon-down ant-cascader-picker-arrow" class="anticon anticon-down ant-cascader-picker-arrow"
/> />
</span> </span>
<br /> </div>
<br /> `;
exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0" tabindex="0"
@ -261,7 +39,7 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
/> />
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input ant-input-sm" class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
@ -271,6 +49,276 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
class="anticon anticon-down ant-cascader-picker-arrow" class="anticon anticon-down ant-cascader-picker-arrow"
/> />
</span> </span>
</div>
`;
exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
style="width:270px;"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
>
<span>
Zhejiang /
</span>
<span>
Hangzhou /
</span>
<span>
West Lake (
<a>
752100
</a>
)
</span>
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
`;
exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span>
Unselect 
<div
id="TriggerContainer"
>
<a
href="#"
tabindex="0"
>
Change city
</a>
</div>
</span>
`;
exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
>
Zhejiang / Hangzhou / West Lake
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
`;
exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
`;
exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
`;
exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
`;
exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
`;
exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
<br />
<br />
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input "
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
<br />
<br />
<div
id="TriggerContainer"
>
<span
class="ant-cascader-picker"
tabindex="0"
>
<span
class="ant-cascader-picker-label"
/>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-sm"
placeholder="Please select"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
<br /> <br />
<br /> <br />
</div> </div>

View File

@ -1,15 +1,19 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
<a <div
class="ant-dropdown-link ant-dropdown-trigger" id="TriggerContainer"
href="#"
> >
Hover me <a
<i class="ant-dropdown-link ant-dropdown-trigger"
class="anticon anticon-down" href="#"
/> >
</a> Hover me
<i
class="anticon anticon-down"
/>
</a>
</div>
`; `;
exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
@ -25,14 +29,18 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
Dropdown Dropdown
</span> </span>
</button> </button>
<button <div
class="ant-btn ant-dropdown-trigger ant-btn-default" id="TriggerContainer"
type="button"
> >
<i <button
class="anticon anticon-down" class="ant-btn ant-dropdown-trigger ant-btn-default"
/> type="button"
</button> >
<i
class="anticon anticon-down"
/>
</button>
</div>
</div> </div>
<div <div
class="ant-btn-group ant-dropdown-button" class="ant-btn-group ant-dropdown-button"
@ -47,142 +55,194 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
Dropdown Dropdown
</span> </span>
</button> </button>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger ant-btn-default"
type="button"
>
<i
class="anticon anticon-down"
/>
</button>
</div>
</div>
<div
id="TriggerContainer"
>
<button <button
class="ant-btn ant-dropdown-trigger ant-btn-default" class="ant-btn ant-dropdown-trigger"
style="margin-left:8px;"
type="button" type="button"
> >
<span>
Button
</span>
<i <i
class="anticon anticon-down" class="anticon anticon-down"
/> />
</button> </button>
</div> </div>
<button
class="ant-btn ant-dropdown-trigger"
style="margin-left:8px;"
type="button"
>
<span>
Button
</span>
<i
class="anticon anticon-down"
/>
</button>
</div> </div>
`; `;
exports[`renders ./components/dropdown/demo/event.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
<a <div
class="ant-dropdown-link ant-dropdown-trigger" id="TriggerContainer"
href="#"
> >
Hover me, Click menu item
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
<div>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomLeft
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomCenter
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomRight
</span>
</button>
<br />
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topLeft
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topCenter
</span>
</button>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topRight
</span>
</button>
</div>
`;
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Cascading menu
<i
class="anticon anticon-down"
/>
</a>
`;
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<div>
<a <a
class="ant-dropdown-link ant-dropdown-trigger" class="ant-dropdown-link ant-dropdown-trigger"
href="#" href="#"
> >
Click me Hover me, Click menu item
<i <i
class="anticon anticon-down" class="anticon anticon-down"
/> />
</a> </a>
</div> </div>
`; `;
exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
<div
id="TriggerContainer"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me
<i
class="anticon anticon-down"
/>
</a>
</div>
`;
exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
<div
id="TriggerContainer"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Hover me
<i
class="anticon anticon-down"
/>
</a>
</div>
`;
exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomLeft
</span>
</button>
</div>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomCenter
</span>
</button>
</div>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
bottomRight
</span>
</button>
</div>
<br />
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topLeft
</span>
</button>
</div>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topCenter
</span>
</button>
</div>
<div
id="TriggerContainer"
>
<button
class="ant-btn ant-dropdown-trigger"
type="button"
>
<span>
topRight
</span>
</button>
</div>
</div>
`;
exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
<div
id="TriggerContainer"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Cascading menu
<i
class="anticon anticon-down"
/>
</a>
</div>
`;
exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
>
<a
class="ant-dropdown-link ant-dropdown-trigger"
href="#"
>
Click me
<i
class="anticon anticon-down"
/>
</a>
</div>
</div>
`;

View File

@ -468,35 +468,39 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
class="ant-form-item-control " class="ant-form-item-control "
> >
<div <div
class="ant-select-lg ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-lg ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;" >
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Select a option and change input text above
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable" unselectable="unselectable"
> >
Select a option and change input text above <b />
</div> </span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</div> </div>
@ -557,36 +561,40 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
value="0" value="0"
/> />
<div <div
class="ant-select-lg ant-select ant-select-enabled" id="TriggerContainer"
style="width:32%;"
> >
<div <div
aria-autocomplete="list" class="ant-select-lg ant-select ant-select-enabled"
aria-expanded="false" style="width:32%;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="RMB"
> >
RMB <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="RMB"
>
RMB
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</span> </span>
@ -1330,9 +1338,13 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
> >
<span> <span>
Nickname  Nickname 
<i <div
class="anticon anticon-question-circle-o" id="TriggerContainer"
/> >
<i
class="anticon anticon-question-circle-o"
/>
</div>
</span> </span>
</label> </label>
</div> </div>
@ -1372,31 +1384,35 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
<div <div
class="ant-form-item-control has-success" class="ant-form-item-control has-success"
> >
<span <div
class="ant-cascader-picker" id="TriggerContainer"
tabindex="0"
> >
<span <span
class="ant-cascader-picker-label" class="ant-cascader-picker"
tabindex="0"
> >
Zhejiang / Hangzhou / West Lake <span
class="ant-cascader-picker-label"
>
Zhejiang / Hangzhou / West Lake
</span>
<input
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
data-__meta="[object Object]"
id="residence"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
<input </div>
autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg"
data-__meta="[object Object]"
id="residence"
readonly=""
type="text"
value=""
/>
<i
class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div> </div>
</div> </div>
</div> </div>
@ -1431,36 +1447,40 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class="ant-input-group-addon" class="ant-input-group-addon"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
style="width:60px;"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false" style="width:60px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="+86"
> >
+86 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="+86"
>
+86
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</span> </span>
@ -1497,54 +1517,58 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class="ant-form-item-control " class="ant-form-item-control "
> >
<div <div
class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;" >
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
website
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable" unselectable="unselectable"
> >
website <b />
</div> </span>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</div> </div>
@ -1695,16 +1719,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
> >
<div> <div
<input id="TriggerContainer"
class="ant-calendar-picker-input ant-input ant-input-lg" >
placeholder="请选择日期" <div>
readonly="" <input
value="" class="ant-calendar-picker-input ant-input ant-input-lg"
/> placeholder="请选择日期"
<span readonly=""
class="ant-calendar-picker-icon" value=""
/> />
<span
class="ant-calendar-picker-icon"
/>
</div>
</div> </div>
</span> </span>
</div> </div>
@ -1734,16 +1762,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:154px;" style="width:154px;"
> >
<div> <div
<input id="TriggerContainer"
class="ant-calendar-picker-input ant-input ant-input-lg" >
placeholder="请选择日期" <div>
readonly="" <input
value="" class="ant-calendar-picker-input ant-input ant-input-lg"
/> placeholder="请选择日期"
<span readonly=""
class="ant-calendar-picker-icon" value=""
/> />
<span
class="ant-calendar-picker-icon"
/>
</div>
</div> </div>
</span> </span>
</div> </div>
@ -1772,16 +1804,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
> >
<div> <div
<input id="TriggerContainer"
class="ant-calendar-picker-input ant-input ant-input-lg" >
placeholder="请选择日期" <div>
readonly="" <input
value="" class="ant-calendar-picker-input ant-input ant-input-lg"
/> placeholder="请选择日期"
<span readonly=""
class="ant-calendar-picker-icon" value=""
/> />
<span
class="ant-calendar-picker-icon"
/>
</div>
</div> </div>
</span> </span>
</div> </div>
@ -1810,30 +1846,34 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
> >
<span <div
class="ant-calendar-picker-input ant-input ant-input-lg" id="TriggerContainer"
> >
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span <span
class="ant-calendar-range-picker-separator" class="ant-calendar-picker-input ant-input ant-input-lg"
> >
~ <input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span> </span>
<input </div>
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span> </span>
</div> </div>
</div> </div>
@ -1862,30 +1902,34 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;" style="width:300px;"
> >
<span <div
class="ant-calendar-picker-input ant-input ant-input-lg" id="TriggerContainer"
> >
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span <span
class="ant-calendar-range-picker-separator" class="ant-calendar-picker-input ant-input ant-input-lg"
> >
~ <input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span> </span>
<input </div>
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span> </span>
</div> </div>
</div> </div>
@ -1910,20 +1954,24 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
<div <div
class="ant-form-item-control " class="ant-form-item-control "
> >
<span <div
class="ant-time-picker ant-time-picker-large" id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker ant-time-picker-large"
/> >
</span> <input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -2002,35 +2050,39 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class="ant-form-item-control " class="ant-form-item-control "
> >
<div <div
class="ant-select-lg ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-lg ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;" >
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Please select a country
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable" unselectable="unselectable"
> >
Please select a country <b />
</div> </span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</div> </div>
@ -2057,47 +2109,51 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class="ant-form-item-control " class="ant-form-item-control "
> >
<div <div
class="ant-select-lg ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-lg ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
> >
Please select favourite colors <div
</div> class="ant-select-selection__placeholder"
<ul> style="display:block;user-select:none;-webkit-user-select:none;"
<li unselectable="unselectable"
class="ant-select-search ant-select-search--inline"
> >
<div Please select favourite colors
class="ant-select-search__field__wrap" </div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
> >
<input <div
autocomplete="off" class="ant-select-search__field__wrap"
class="ant-select-search__field"
id="select-multiple"
value=""
/>
<span
class="ant-select-search__field__mirror"
> >
  <input
</span> autocomplete="off"
</div> class="ant-select-search__field"
</li> id="select-multiple"
</ul> value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -2273,14 +2329,18 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="0" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:0%;" aria-valuenow="0"
/> class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >
@ -2796,16 +2856,20 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:100%;" style="width:100%;"
> >
<div> <div
<input id="TriggerContainer"
class="ant-calendar-picker-input ant-input ant-input-lg" >
placeholder="请选择日期" <div>
readonly="" <input
value="" class="ant-calendar-picker-input ant-input ant-input-lg"
/> placeholder="请选择日期"
<span readonly=""
class="ant-calendar-picker-icon" value=""
/> />
<span
class="ant-calendar-picker-icon"
/>
</div>
</div> </div>
</span> </span>
</div> </div>
@ -2830,21 +2894,25 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div <div
class="ant-form-item-control has-feedback has-warning" class="ant-form-item-control has-feedback has-warning"
> >
<span <div
class="ant-time-picker ant-time-picker-large" id="TriggerContainer"
style="width:100%;"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker ant-time-picker-large"
/> style="width:100%;"
</span> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -2868,35 +2936,39 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="ant-form-item-control has-feedback has-error" class="ant-form-item-control has-feedback has-error"
> >
<div <div
class="ant-select-lg ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-lg ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Option 1"
> >
Option 1 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option 1"
>
Option 1
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</div> </div>
@ -2921,27 +2993,31 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<div <div
class="ant-form-item-control has-feedback is-validating" class="ant-form-item-control has-feedback is-validating"
> >
<span <div
class="ant-cascader-picker" id="TriggerContainer"
tabindex="0"
> >
<span <span
class="ant-cascader-picker-label" class="ant-cascader-picker"
/> tabindex="0"
<input >
autocomplete="off" <span
class="ant-input ant-cascader-input ant-input-lg" class="ant-cascader-picker-label"
readonly="" />
type="text" <input
value="" autocomplete="off"
/> class="ant-input ant-cascader-input ant-input-lg"
<i readonly=""
class="anticon anticon-cross-circle ant-cascader-picker-clear" type="text"
/> value=""
<i />
class="anticon anticon-down ant-cascader-picker-arrow" <i
/> class="anticon anticon-cross-circle ant-cascader-picker-clear"
</span> />
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
<div <div
class="ant-form-explain" class="ant-form-explain"
> >
@ -2984,16 +3060,20 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
> >
<div> <div
<input id="TriggerContainer"
class="ant-calendar-picker-input ant-input ant-input-lg" >
placeholder="请选择日期" <div>
readonly="" <input
value="" class="ant-calendar-picker-input ant-input ant-input-lg"
/> placeholder="请选择日期"
<span readonly=""
class="ant-calendar-picker-icon" value=""
/> />
<span
class="ant-calendar-picker-icon"
/>
</div>
</div> </div>
</span> </span>
<div <div
@ -3029,16 +3109,20 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
> >
<div> <div
<input id="TriggerContainer"
class="ant-calendar-picker-input ant-input ant-input-lg" >
placeholder="请选择日期" <div>
readonly="" <input
value="" class="ant-calendar-picker-input ant-input ant-input-lg"
/> placeholder="请选择日期"
<span readonly=""
class="ant-calendar-picker-icon" value=""
/> />
<span
class="ant-calendar-picker-icon"
/>
</div>
</div> </div>
</span> </span>
</div> </div>

View File

@ -511,14 +511,18 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="5" >
aria-valuemin="0" <div
aria-valuenow="1" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="5"
role="slider" aria-valuemin="0"
style="left:20%;" aria-valuenow="1"
/> class="ant-slider-handle"
role="slider"
style="left:20%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >
@ -608,14 +612,18 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="5" >
aria-valuemin="0" <div
aria-valuenow="2" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="5"
role="slider" aria-valuemin="0"
style="left:40%;" aria-valuenow="2"
/> class="ant-slider-handle"
role="slider"
style="left:40%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >

View File

@ -42,36 +42,40 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
class="ant-input-group-addon" class="ant-input-group-addon"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
style="width:80px;"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false" style="width:80px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Http://"
> >
Http:// <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Http://"
>
Http://
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</span> </span>
@ -84,36 +88,40 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
class="ant-input-group-addon" class="ant-input-group-addon"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
style="width:70px;"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false" style="width:70px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title=".com"
> >
.com <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title=".com"
>
.com
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</span> </span>
@ -217,35 +225,39 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact" class="ant-input-group ant-input-group-compact"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Zhejiang"
> >
Zhejiang <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Zhejiang"
>
Zhejiang
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<input <input
@ -260,35 +272,39 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact" class="ant-input-group ant-input-group-compact"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Option1"
> >
Option1 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1"
>
Option1
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<input <input
@ -358,16 +374,20 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
> >
<div> <div
<input id="TriggerContainer"
class="ant-calendar-picker-input ant-input" >
placeholder="请选择日期" <div>
readonly="" <input
value="" class="ant-calendar-picker-input ant-input"
/> placeholder="请选择日期"
<span readonly=""
class="ant-calendar-picker-icon" value=""
/> />
<span
class="ant-calendar-picker-icon"
/>
</div>
</div> </div>
</span> </span>
</span> </span>
@ -376,67 +396,75 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact" class="ant-input-group ant-input-group-compact"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Option1-1"
> >
Option1-1 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option1-1"
>
Option1-1
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Option2-2"
> >
Option2-2 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Option2-2"
>
Option2-2
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</span> </span>
@ -445,35 +473,39 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact" class="ant-input-group ant-input-group-compact"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Between"
> >
Between <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Between"
>
Between
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<input <input
@ -501,87 +533,95 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact" class="ant-input-group ant-input-group-compact"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Sign Up"
> >
Sign Up <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Sign Up"
>
Sign Up
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" id="TriggerContainer"
style="width:200px;"
> >
<div <div
aria-autocomplete="list" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
aria-expanded="false" style="width:200px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
> >
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
style="display:block;user-select:none;-webkit-user-select:none;" >
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
Email
</div>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable" unselectable="unselectable"
> >
Email <b />
</div> </span>
<ul>
<li
class="ant-select-search ant-select-search--inline"
>
<div
class="ant-select-search__field__wrap"
>
<input
class="ant-input ant-select-search__field"
type="text"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</li>
</ul>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</span> </span>
@ -590,58 +630,66 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input-group ant-input-group-compact" class="ant-input-group ant-input-group-compact"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
style="width:30%;"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false" style="width:30%;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Home"
> >
Home <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Home"
>
Home
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<span <div
class="ant-cascader-picker" id="TriggerContainer"
style="width:70%;"
tabindex="0"
> >
<span <span
class="ant-cascader-picker-label" class="ant-cascader-picker"
/> style="width:70%;"
<input tabindex="0"
autocomplete="off" >
class="ant-input ant-cascader-input " <span
placeholder="Select Address" class="ant-cascader-picker-label"
readonly="" />
type="text" <input
value="" autocomplete="off"
/> class="ant-input ant-cascader-input "
<i placeholder="Select Address"
class="anticon anticon-down ant-cascader-picker-arrow" readonly=""
/> type="text"
</span> value=""
/>
<i
class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span>
</div>
</span> </span>
</div> </div>
`; `;
@ -716,12 +764,16 @@ exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
`; `;
exports[`renders ./components/input/demo/tooltip.md correctly 1`] = ` exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
<input <div
class="ant-input" id="TriggerContainer"
maxlength="25" >
placeholder="Input a number" <input
style="width:120px;" class="ant-input"
type="text" maxlength="25"
value="" placeholder="Input a number"
/> style="width:120px;"
type="text"
value=""
/>
</div>
`; `;

View File

@ -143,45 +143,57 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
role="menu" role="menu"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
> >
<i <li
class="anticon anticon-user" aria-selected="true"
/> class="ant-menu-item-selected ant-menu-item"
<span> role="menuitem"
nav 1 style="padding-left:24px;"
</span> >
</li> <i
<li class="anticon anticon-user"
aria-selected="false" />
class="ant-menu-item" <span>
role="menuitem" nav 1
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-video-camera" aria-selected="false"
/> class="ant-menu-item"
<span> role="menuitem"
nav 2 style="padding-left:24px;"
</span> >
</li> <i
<li class="anticon anticon-video-camera"
aria-selected="false" />
class="ant-menu-item" <span>
role="menuitem" nav 2
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-upload" aria-selected="false"
/> class="ant-menu-item"
<span> role="menuitem"
nav 3 style="padding-left:24px;"
</span> >
</li> <i
class="anticon anticon-upload"
/>
<span>
nav 3
</span>
</li>
</div>
</ul> </ul>
</div> </div>
</div> </div>
@ -224,27 +236,39 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
style="line-height:64px;" style="line-height:64px;"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
> >
nav 1 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="true" role="menuitem"
class="ant-menu-item-selected ant-menu-item" >
role="menuitem" nav 1
</li>
</div>
<div
id="TriggerContainer"
> >
nav 2 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" >
role="menuitem" nav 2
</li>
</div>
<div
id="TriggerContainer"
> >
nav 3 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
</ul> </ul>
</div> </div>
<div <div
@ -327,126 +351,158 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
role="menu" role="menu"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
> >
<i <li
class="anticon anticon-user" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 1 <i
</span> class="anticon anticon-user"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 1
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-video-camera" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 2 <i
</span> class="anticon anticon-video-camera"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 2
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-upload" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 3 <i
</span> class="anticon anticon-upload"
</li> />
<li <span
aria-selected="true" class="nav-text"
class="ant-menu-item-selected ant-menu-item" >
role="menuitem" nav 3
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-bar-chart" aria-selected="true"
/> class="ant-menu-item-selected ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 4 <i
</span> class="anticon anticon-bar-chart"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 4
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-cloud-o" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 5 <i
</span> class="anticon anticon-cloud-o"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 5
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-appstore-o" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 6 <i
</span> class="anticon anticon-appstore-o"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 6
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-team" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 7 <i
</span> class="anticon anticon-team"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 7
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-shop" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 8 <i
</span> class="anticon anticon-shop"
</li> />
<span
class="nav-text"
>
nav 8
</span>
</li>
</div>
</ul> </ul>
</div> </div>
</div> </div>
@ -592,66 +648,82 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
role="menu" role="menu"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
> >
<i <li
class="anticon anticon-user" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 1 <i
</span> class="anticon anticon-user"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 1
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-video-camera" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 2 <i
</span> class="anticon anticon-video-camera"
</li> />
<li <span
aria-selected="false" class="nav-text"
class="ant-menu-item" >
role="menuitem" nav 2
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-upload" aria-selected="false"
/> class="ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 3 <i
</span> class="anticon anticon-upload"
</li> />
<li <span
aria-selected="true" class="nav-text"
class="ant-menu-item-selected ant-menu-item" >
role="menuitem" nav 3
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-user" aria-selected="true"
/> class="ant-menu-item-selected ant-menu-item"
<span role="menuitem"
class="nav-text" style="padding-left:24px;"
> >
nav 4 <i
</span> class="anticon anticon-user"
</li> />
<span
class="nav-text"
>
nav 4
</span>
</li>
</div>
</ul> </ul>
</div> </div>
</div> </div>
@ -703,32 +775,40 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
role="menu" role="menu"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
> >
<i <li
class="anticon anticon-pie-chart" aria-selected="true"
/> class="ant-menu-item-selected ant-menu-item"
<span> role="menuitem"
Option 1 style="padding-left:24px;"
</span> >
</li> <i
<li class="anticon anticon-pie-chart"
aria-selected="false" />
class="ant-menu-item" <span>
role="menuitem" Option 1
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-desktop" aria-selected="false"
/> class="ant-menu-item"
<span> role="menuitem"
Option 2 style="padding-left:24px;"
</span> >
</li> <i
class="anticon anticon-desktop"
/>
<span>
Option 2
</span>
</li>
</div>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu" class="ant-menu-submenu-inline ant-menu-submenu"
> >
@ -769,19 +849,23 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</span> </span>
</div> </div>
</li> </li>
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
> >
<i <li
class="anticon anticon-file" aria-selected="false"
/> class="ant-menu-item"
<span> role="menuitem"
File style="padding-left:24px;"
</span> >
</li> <i
class="anticon anticon-file"
/>
<span>
File
</span>
</li>
</div>
</ul> </ul>
</div> </div>
<div <div
@ -866,27 +950,39 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
style="line-height:64px;" style="line-height:64px;"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
> >
nav 1 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="true" role="menuitem"
class="ant-menu-item-selected ant-menu-item" >
role="menuitem" nav 1
</li>
</div>
<div
id="TriggerContainer"
> >
nav 2 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" >
role="menuitem" nav 2
</li>
</div>
<div
id="TriggerContainer"
> >
nav 3 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
</ul> </ul>
</div> </div>
<div <div
@ -966,27 +1062,39 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
style="line-height:64px;" style="line-height:64px;"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
> >
nav 1 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="true" role="menuitem"
class="ant-menu-item-selected ant-menu-item" >
role="menuitem" nav 1
</li>
</div>
<div
id="TriggerContainer"
> >
nav 2 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" >
role="menuitem" nav 2
</li>
</div>
<div
id="TriggerContainer"
> >
nav 3 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
</ul> </ul>
</div> </div>
<div <div
@ -1075,38 +1183,54 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
id="sub1$Menu" id="sub1$Menu"
role="menu" role="menu"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
option1 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" option1
</li>
</div>
<div
id="TriggerContainer"
> >
option2 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" option2
</li>
</div>
<div
id="TriggerContainer"
> >
option3 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" option3
</li>
</div>
<div
id="TriggerContainer"
> >
option4 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option4
</li>
</div>
</ul> </ul>
</li> </li>
<li <li
@ -1182,27 +1306,39 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
style="line-height:64px;" style="line-height:64px;"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
> >
nav 1 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="true" role="menuitem"
class="ant-menu-item-selected ant-menu-item" >
role="menuitem" nav 1
</li>
</div>
<div
id="TriggerContainer"
> >
nav 2 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" >
role="menuitem" nav 2
</li>
</div>
<div
id="TriggerContainer"
> >
nav 3 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 3
</li>
</div>
</ul> </ul>
</div> </div>
<div <div
@ -1245,38 +1381,54 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
id="sub1$Menu" id="sub1$Menu"
role="menu" role="menu"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
option1 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" option1
</li>
</div>
<div
id="TriggerContainer"
> >
option2 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" option2
</li>
</div>
<div
id="TriggerContainer"
> >
option3 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" option3
</li>
</div>
<div
id="TriggerContainer"
> >
option4 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
option4
</li>
</div>
</ul> </ul>
</li> </li>
<li <li

View File

@ -131,35 +131,39 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class="ant-pagination-options" class="ant-pagination-options"
> >
<div <div
class="ant-pagination-options-size-changer ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="10 / page"
> >
10 / page <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 / page"
>
10 / page
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</li> </li>
@ -169,107 +173,123 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class="example" class="example"
> >
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
style="width:200px;"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false" style="width:200px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-search ant-select-search--inline" class="ant-select-selection__rendered"
style="display:none;"
> >
<div <div
class="ant-select-search__field__wrap" class="ant-select-search ant-select-search--inline"
style="display:none;"
> >
<input <div
autocomplete="off" class="ant-select-search__field__wrap"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
> >
  <input
</span> autocomplete="off"
class="ant-select-search__field"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</div>
</div> </div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
> >
<div> <div
id="TriggerContainer"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</div>
</span>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-time-picker-input"
placeholder="Select date" placeholder="Select time"
readonly="" readonly=""
type="text"
value="" value=""
/> />
<span <span
class="ant-calendar-picker-icon" class="ant-time-picker-icon"
/> />
</div> </span>
</span> </div>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="Select time"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:200px;" style="width:200px;"
> >
<span <div
class="ant-calendar-picker-input ant-input" id="TriggerContainer"
> >
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
readonly=""
value=""
/>
<span <span
class="ant-calendar-range-picker-separator" class="ant-calendar-picker-input ant-input"
> >
~ <input
class="ant-calendar-range-picker-input"
placeholder="Start date"
readonly=""
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span> </span>
<input </div>
class="ant-calendar-range-picker-input"
placeholder="End date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span> </span>
</div> </div>
<div <div
@ -299,11 +319,15 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
Show confirm Show confirm
</span> </span>
</button> </button>
<a <div
href="#" id="TriggerContainer"
> >
Click to confirm <a
</a> href="#"
>
Click to confirm
</a>
</div>
</div> </div>
<div <div
class="example" class="example"
@ -477,67 +501,75 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class="ant-fullcalendar-header" class="ant-fullcalendar-header"
> >
<div <div
class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="2016"
> >
2016 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="2016"
>
2016
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="Nov"
> >
Nov <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="Nov"
>
Nov
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div
@ -1509,10 +1541,14 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
> >
<span> <span>
Name Name
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="Filter menu" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
/>
</div>
</span> </span>
</th> </th>
<th <th
@ -1619,35 +1655,39 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
class="ant-pagination-options" class="ant-pagination-options"
> >
<div <div
class="ant-pagination-options-size-changer ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="10 / page"
> >
10 / page <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 / page"
>
10 / page
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</li> </li>

View File

@ -7,27 +7,35 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
role="menu" role="menu"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
> >
<i <li
class="anticon anticon-mail" aria-selected="true"
/> class="ant-menu-item-selected ant-menu-item"
Navigation One role="menuitem"
</li> >
<li <i
aria-disabled="true" class="anticon anticon-mail"
aria-selected="false" />
class="ant-menu-item-disabled ant-menu-item" Navigation One
role="menuitem" </li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-appstore" aria-disabled="true"
/> aria-selected="false"
Navigation Two class="ant-menu-item-disabled ant-menu-item"
</li> role="menuitem"
>
<i
class="anticon anticon-appstore"
/>
Navigation Two
</li>
</div>
<li <li
class="ant-menu-submenu-horizontal ant-menu-submenu" class="ant-menu-submenu-horizontal ant-menu-submenu"
> >
@ -45,19 +53,23 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
</span> </span>
</div> </div>
</li> </li>
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
> >
<a <li
href="https://ant.design" aria-selected="false"
rel="noopener noreferrer" class="ant-menu-item"
target="_blank" role="menuitem"
> >
Navigation Four - Link <a
</a> href="https://ant.design"
</li> rel="noopener noreferrer"
target="_blank"
>
Navigation Four - Link
</a>
</li>
</div>
</ul> </ul>
`; `;
@ -105,22 +117,30 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
<ul <ul
class="ant-menu-item-group-list" class="ant-menu-item-group-list"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
Option 1 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 1
</li>
</div>
<div
id="TriggerContainer"
> >
Option 2 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 2
</li>
</div>
</ul> </ul>
</li> </li>
<li <li
@ -134,22 +154,30 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
<ul <ul
class="ant-menu-item-group-list" class="ant-menu-item-group-list"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
Option 3 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 3
</li>
</div>
<div
id="TriggerContainer"
> >
Option 4 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -216,45 +244,57 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
role="menu" role="menu"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
> >
<i <li
class="anticon anticon-pie-chart" aria-selected="true"
/> class="ant-menu-item-selected ant-menu-item"
<span> role="menuitem"
Option 1 style="padding-left:24px;"
</span> >
</li> <i
<li class="anticon anticon-pie-chart"
aria-selected="false" />
class="ant-menu-item" <span>
role="menuitem" Option 1
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-desktop" aria-selected="false"
/> class="ant-menu-item"
<span> role="menuitem"
Option 2 style="padding-left:24px;"
</span> >
</li> <i
<li class="anticon anticon-desktop"
aria-selected="false" />
class="ant-menu-item" <span>
role="menuitem" Option 2
style="padding-left:24px;" </span>
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-inbox" aria-selected="false"
/> class="ant-menu-item"
<span> role="menuitem"
Option 3 style="padding-left:24px;"
</span> >
</li> <i
class="anticon anticon-inbox"
/>
<span>
Option 3
</span>
</li>
</div>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
> >
@ -280,38 +320,54 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
id="sub1$Menu" id="sub1$Menu"
role="menu" role="menu"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
Option 5 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 5
</li>
</div>
<div
id="TriggerContainer"
> >
Option 6 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 6
</li>
</div>
<div
id="TriggerContainer"
> >
Option 7 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 7
</li>
</div>
<div
id="TriggerContainer"
> >
Option 8 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 8
</li>
</div>
</ul> </ul>
</li> </li>
<li <li
@ -371,38 +427,54 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
id="sub1$Menu" id="sub1$Menu"
role="menu" role="menu"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
Option 1 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 1
</li>
</div>
<div
id="TriggerContainer"
> >
Option 2 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 2
</li>
</div>
<div
id="TriggerContainer"
> >
Option 3 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 3
</li>
</div>
<div
id="TriggerContainer"
> >
Option 4 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
</ul> </ul>
</li> </li>
<li <li
@ -481,28 +553,36 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
style="width:240px;" style="width:240px;"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
> >
<i <li
class="anticon anticon-mail" aria-selected="true"
/> class="ant-menu-item-selected ant-menu-item"
Navigation One role="menuitem"
</li> style="padding-left:24px;"
<li >
aria-selected="false" <i
class="ant-menu-item" class="anticon anticon-mail"
role="menuitem" />
style="padding-left:24px;" Navigation One
</li>
</div>
<div
id="TriggerContainer"
> >
<i <li
class="anticon anticon-calendar" aria-selected="false"
/> class="ant-menu-item"
Navigation Two role="menuitem"
</li> style="padding-left:24px;"
>
<i
class="anticon anticon-calendar"
/>
Navigation Two
</li>
</div>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
> >
@ -528,22 +608,30 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
id="sub1$Menu" id="sub1$Menu"
role="menu" role="menu"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
Option 3 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 3
</li>
</div>
<div
id="TriggerContainer"
> >
Option 4 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu" class="ant-menu-submenu-inline ant-menu-submenu"
> >
@ -630,38 +718,54 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
id="sub1$Menu" id="sub1$Menu"
role="menu" role="menu"
> >
<li <div
aria-selected="true" id="TriggerContainer"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
> >
Option 1 <li
</li> aria-selected="true"
<li class="ant-menu-item-selected ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 1
</li>
</div>
<div
id="TriggerContainer"
> >
Option 2 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 2
</li>
</div>
<div
id="TriggerContainer"
> >
Option 3 <li
</li> aria-selected="false"
<li class="ant-menu-item"
aria-selected="false" role="menuitem"
class="ant-menu-item" style="padding-left:48px;"
role="menuitem" >
style="padding-left:48px;" Option 3
</li>
</div>
<div
id="TriggerContainer"
> >
Option 4 <li
</li> aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
>
Option 4
</li>
</div>
</ul> </ul>
</li> </li>
<li <li

View File

@ -47,36 +47,40 @@ exports[`renders ./components/notification/demo/duration.md correctly 1`] = `
exports[`renders ./components/notification/demo/placement.md correctly 1`] = ` exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
<div> <div>
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
style="width:120px;margin-right:10px;"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false" style="width:120px;margin-right:10px;"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="topRight"
> >
topRight <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="topRight"
>
topRight
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<button <button

View File

@ -165,35 +165,39 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
class="ant-pagination-options" class="ant-pagination-options"
> >
<div <div
class="ant-pagination-options-size-changer ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="10 条/页"
> >
10 条/页 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 条/页"
>
10 条/页
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</li> </li>
@ -614,35 +618,39 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class="ant-pagination-options" class="ant-pagination-options"
> >
<div <div
class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="10 条/页"
> >
10 条/页 <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="10 条/页"
>
10 条/页
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
<div <div

View File

@ -1,20 +1,28 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = ` exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `
<a <div
href="#" id="TriggerContainer"
> >
Delete <a
</a> href="#"
>
Delete
</a>
</div>
`; `;
exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = ` exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
<div> <div>
<a <div
href="#" id="TriggerContainer"
> >
Delete a task <a
</a> href="#"
>
Delete a task
</a>
</div>
<br /> <br />
<br /> <br />
Whether directly execute Whether directly execute
@ -30,11 +38,15 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] =
`; `;
exports[`renders ./components/popconfirm/demo/locale.md correctly 1`] = ` exports[`renders ./components/popconfirm/demo/locale.md correctly 1`] = `
<a <div
href="#" id="TriggerContainer"
> >
Delete <a
</a> href="#"
>
Delete
</a>
</div>
`; `;
exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = ` exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
@ -44,114 +56,162 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
<div <div
style="margin-left:70px;white-space:nowrap;" style="margin-left:70px;white-space:nowrap;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
TL class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" TL
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Top class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Top
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
TR class="ant-btn"
</span> type="button"
</button> >
<span>
TR
</span>
</button>
</div>
</div> </div>
<div <div
style="width:70px;float:left;" style="width:70px;float:left;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
LT class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" LT
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Left class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Left
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
LB class="ant-btn"
</span> type="button"
</button> >
<span>
LB
</span>
</button>
</div>
</div> </div>
<div <div
style="width:70px;margin-left:304px;" style="width:70px;margin-left:304px;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
RT class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" RT
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Right class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Right
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
RB class="ant-btn"
</span> type="button"
</button> >
<span>
RB
</span>
</button>
</div>
</div> </div>
<div <div
style="margin-left:70px;clear:both;white-space:nowrap;" style="margin-left:70px;clear:both;white-space:nowrap;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
BL class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" BL
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Bottom class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Bottom
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
BR class="ant-btn"
</span> type="button"
</button> >
<span>
BR
</span>
</button>
</div>
</div> </div>
</div> </div>
`; `;

View File

@ -2,45 +2,61 @@
exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = ` exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
<div> <div>
<div
id="TriggerContainer"
>
<button
class="ant-btn"
type="button"
>
<span>
Align edge / 边缘对齐
</span>
</button>
</div>
<div
id="TriggerContainer"
>
<button
class="ant-btn"
type="button"
>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
</div>
</div>
`;
exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
<div
id="TriggerContainer"
>
<button <button
class="ant-btn" class="ant-btn ant-btn-primary"
type="button" type="button"
> >
<span> <span>
Align edge / 边缘对齐 Hover me
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Arrow points to center / 箭头指向中心
</span> </span>
</button> </button>
</div> </div>
`; `;
exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Hover me
</span>
</button>
`;
exports[`renders ./components/popover/demo/control.md correctly 1`] = ` exports[`renders ./components/popover/demo/control.md correctly 1`] = `
<button <div
class="ant-btn ant-btn-primary" id="TriggerContainer"
type="button"
> >
<span> <button
Click me class="ant-btn ant-btn-primary"
</span> type="button"
</button> >
<span>
Click me
</span>
</button>
</div>
`; `;
exports[`renders ./components/popover/demo/placement.md correctly 1`] = ` exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
@ -50,143 +66,203 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
<div <div
style="margin-left:70px;white-space:nowrap;" style="margin-left:70px;white-space:nowrap;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
TL class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" TL
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Top class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Top
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
TR class="ant-btn"
</span> type="button"
</button> >
<span>
TR
</span>
</button>
</div>
</div> </div>
<div <div
style="width:70px;float:left;" style="width:70px;float:left;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
LT class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" LT
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Left class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Left
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
LB class="ant-btn"
</span> type="button"
</button> >
<span>
LB
</span>
</button>
</div>
</div> </div>
<div <div
style="width:70px;margin-left:304px;" style="width:70px;margin-left:304px;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
RT class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" RT
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Right class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Right
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
RB class="ant-btn"
</span> type="button"
</button> >
<span>
RB
</span>
</button>
</div>
</div> </div>
<div <div
style="margin-left:70px;clear:both;white-space:nowrap;" style="margin-left:70px;clear:both;white-space:nowrap;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
BL class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" BL
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Bottom class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Bottom
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
BR class="ant-btn"
</span> type="button"
</button> >
<span>
BR
</span>
</button>
</div>
</div> </div>
</div> </div>
`; `;
exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = ` exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
<div> <div>
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
Hover me class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Hover me
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Focus me class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Focus me
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Click me class="ant-btn"
</span> type="button"
</button> >
<span>
Click me
</span>
</button>
</div>
</div> </div>
`; `;

File diff suppressed because it is too large Load Diff

View File

@ -16,14 +16,18 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="30" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:30%;" aria-valuenow="30"
/> class="ant-slider-handle"
role="slider"
style="left:30%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -42,23 +46,31 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="20" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-1" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:20%;" aria-valuenow="20"
/> class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
/>
</div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="50" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-2" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:50%;" aria-valuenow="50"
/> class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -91,14 +103,18 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="30" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:30%;" aria-valuenow="30"
/> class="ant-slider-handle"
role="slider"
style="left:30%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -117,23 +133,31 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="20" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-1" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:20%;" aria-valuenow="20"
/> class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
/>
</div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="50" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-2" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:50%;" aria-valuenow="50"
/> class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -162,14 +186,18 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="20" >
aria-valuemin="0" <div
aria-valuenow="0" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="20"
role="slider" aria-valuemin="0"
style="left:0%;" aria-valuenow="0"
/> class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -202,14 +230,18 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="20" >
aria-valuemin="1" <div
aria-valuenow="1" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="20"
role="slider" aria-valuemin="1"
style="left:0%;" aria-valuenow="1"
/> class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -289,14 +321,18 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="1" >
aria-valuemin="0" <div
aria-valuenow="0" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="1"
role="slider" aria-valuemin="0"
style="left:0%;" aria-valuenow="0"
/> class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -395,14 +431,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="37" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:37%;" aria-valuenow="37"
/> class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >
@ -465,23 +505,31 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="26" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-1" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:26%;" aria-valuenow="26"
/> class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:26%;"
/>
</div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="37" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-2" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:37%;" aria-valuenow="37"
/> class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:37%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >
@ -547,14 +595,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="37" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:37%;" aria-valuenow="37"
/> class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >
@ -620,14 +672,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="37" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:37%;" aria-valuenow="37"
/> class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >
@ -693,14 +749,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="37" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:37%;" aria-valuenow="37"
/> class="ant-slider-handle"
role="slider"
style="left:37%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >
@ -751,14 +811,18 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="0" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:0%;" aria-valuenow="0"
/> class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -777,14 +841,18 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="0" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="left:0%;" aria-valuenow="0"
/> class="ant-slider-handle"
role="slider"
style="left:0%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -813,14 +881,18 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="30" aria-disabled="false"
class="ant-slider-handle" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="bottom:30%;" aria-valuenow="30"
/> class="ant-slider-handle"
role="slider"
style="bottom:30%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -843,23 +915,31 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
class="ant-slider-step" class="ant-slider-step"
/> />
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="20" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-1" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="bottom:20%;" aria-valuenow="20"
/> class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:20%;"
/>
</div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="50" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-2" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="bottom:50%;" aria-valuenow="50"
/> class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:50%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
/> />
@ -899,23 +979,31 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/> />
</div> </div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="26" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-1" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="bottom:26%;" aria-valuenow="26"
/> class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:26%;"
/>
</div>
<div <div
aria-disabled="false" id="TriggerContainer"
aria-valuemax="100" >
aria-valuemin="0" <div
aria-valuenow="37" aria-disabled="false"
class="ant-slider-handle ant-slider-handle-2" aria-valuemax="100"
role="slider" aria-valuemin="0"
style="bottom:37%;" aria-valuenow="37"
/> class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:37%;"
/>
</div>
<div <div
class="ant-slider-mark" class="ant-slider-mark"
> >

View File

@ -26,9 +26,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span <span
class="ant-steps-icon" class="ant-steps-icon"
> >
<span <div
class="ant-steps-icon-dot" id="TriggerContainer"
/> >
<span
class="ant-steps-icon-dot"
/>
</div>
</span> </span>
</div> </div>
</div> </div>
@ -70,9 +74,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span <span
class="ant-steps-icon" class="ant-steps-icon"
> >
<span <div
class="ant-steps-icon-dot" id="TriggerContainer"
/> >
<span
class="ant-steps-icon-dot"
/>
</div>
</span> </span>
</div> </div>
</div> </div>
@ -114,9 +122,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span <span
class="ant-steps-icon" class="ant-steps-icon"
> >
<span <div
class="ant-steps-icon-dot" id="TriggerContainer"
/> >
<span
class="ant-steps-icon-dot"
/>
</div>
</span> </span>
</div> </div>
</div> </div>
@ -157,9 +169,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
<span <span
class="ant-steps-icon" class="ant-steps-icon"
> >
<span <div
class="ant-steps-icon-dot" id="TriggerContainer"
/> >
<span
class="ant-steps-icon-dot"
/>
</div>
</span> </span>
</div> </div>
</div> </div>

View File

@ -110,7 +110,7 @@ describe('Table.filter', () => {
}], }],
})); }));
wrapper.find('Dropdown').first().simulate('click'); wrapper.find('Icon').first().simulate('click');
expect(handleChange).toBeCalledWith(true); expect(handleChange).toBeCalledWith(true);
}); });

View File

@ -50,10 +50,14 @@ exports[`Table.filter renders filter correctly 1`] = `
> >
<span> <span>
Name Name
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
</tr> </tr>

View File

@ -11,24 +11,32 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
role="menu" role="menu"
tabindex="0" tabindex="0"
> >
<li <div
aria-selected="false" id="TriggerContainer"
class="ant-dropdown-menu-item"
role="menuitem"
> >
<div> <li
全选当页 aria-selected="false"
</div> class="ant-dropdown-menu-item"
</li> role="menuitem"
<li >
aria-selected="false" <div>
class="ant-dropdown-menu-item" 全选当页
role="menuitem" </div>
</li>
</div>
<div
id="TriggerContainer"
> >
<div> <li
反选当页 aria-selected="false"
</div> class="ant-dropdown-menu-item"
</li> role="menuitem"
>
<div>
反选当页
</div>
</li>
</div>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -67,10 +67,14 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
> >
<span> <span>
Gender Gender
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
<th <th
@ -888,11 +892,15 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
> >
<span> <span>
Name Name
<i <div
class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger" id="TriggerContainer"
style="color:#aaa;" >
title="筛选" <i
/> class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
style="color:#aaa;"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
<th <th
@ -907,10 +915,14 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
> >
<span> <span>
Address Address
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
</tr> </tr>
@ -2512,11 +2524,15 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<td <td
class="" class=""
> >
<a <div
href="#" id="TriggerContainer"
> >
Delete <a
</a> href="#"
>
Delete
</a>
</div>
</td> </td>
</tr> </tr>
<tr <tr
@ -2555,11 +2571,15 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<td <td
class="" class=""
> >
<a <div
href="#" id="TriggerContainer"
> >
Delete <a
</a> href="#"
>
Delete
</a>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -6740,10 +6760,14 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
> >
<span> <span>
Name Name
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
<th <th
@ -7403,10 +7427,14 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
> >
<span> <span>
Name Name
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
</tr> </tr>
@ -7860,10 +7888,14 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
/> />
</span> </span>
</div> </div>
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
<th <th
@ -7918,10 +7950,14 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
/> />
</span> </span>
</div> </div>
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
</tr> </tr>
@ -8748,10 +8784,14 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
/> />
</span> </span>
</div> </div>
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
<th <th
@ -8806,10 +8846,14 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
/> />
</span> </span>
</div> </div>
<i <div
class="anticon anticon-filter ant-dropdown-trigger" id="TriggerContainer"
title="筛选" >
/> <i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</div>
</span> </span>
</th> </th>
</tr> </tr>
@ -9950,11 +9994,15 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
</span> </span>
</label> </label>
<div <div
class="ant-table-selection-down ant-dropdown-trigger" id="TriggerContainer"
> >
<i <div
class="anticon anticon-down" class="ant-table-selection-down ant-dropdown-trigger"
/> >
<i
class="anticon anticon-down"
/>
</div>
</div> </div>
</div> </div>
</span> </span>

View File

@ -794,35 +794,39 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
> >
Tab position Tab position
<div <div
class="ant-select ant-select-enabled" id="TriggerContainer"
> >
<div <div
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection__rendered"
style="display:block;opacity:1;"
title="top"
> >
top <div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
title="top"
>
top
</div>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"
>
<b />
</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2,188 +2,156 @@
exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
<div> <div>
<span <div
class="ant-time-picker " id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
<span class="ant-time-picker-input"
class="ant-time-picker " placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
<span class="ant-time-picker-input"
class="ant-time-picker " placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
</div> </div>
`; `;
exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
<span <div
class="ant-time-picker " id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
`; `;
exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
<span <div
class="ant-time-picker " id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
`; `;
exports[`renders ./components/time-picker/demo/disable-options.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/disable-options.md correctly 1`] = `
<div> <div>
<span <div
class="ant-time-picker " id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="Just Disabled"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
<span class="ant-time-picker-input"
class="ant-time-picker " placeholder="Just Disabled"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="Hide Directly"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
class="ant-time-picker-input"
placeholder="Hide Directly"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
</div> </div>
`; `;
exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
<span <div
class="ant-time-picker " id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
disabled=""
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
`;
exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08"
/>
<span
class="ant-time-picker-icon"
/>
</span>
`;
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
<div>
<span
class="ant-time-picker ant-time-picker-large"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
<span <span
class="ant-time-picker " class="ant-time-picker "
> >
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" disabled=""
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker ant-time-picker-small"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
@ -196,19 +164,103 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`renders ./components/time-picker/demo/value.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
<span <div
class="ant-time-picker " id="TriggerContainer"
> >
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span <span
class="ant-time-picker-icon" class="ant-time-picker "
/> >
</span> <input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
`;
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
<div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker ant-time-picker-large"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
<div
id="TriggerContainer"
>
<span
class="ant-time-picker ant-time-picker-small"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23"
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
</div>
`;
exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value=""
/>
<span
class="ant-time-picker-icon"
/>
</span>
</div>
`; `;

View File

@ -2,22 +2,30 @@
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = ` exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
<div> <div>
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
Align edge / 边缘对齐 class="ant-btn"
</span> type="button"
</button> >
<button <span>
class="ant-btn" Align edge / 边缘对齐
type="button" </span>
</button>
</div>
<div
id="TriggerContainer"
> >
<span> <button
Arrow points to center / 箭头指向中心 class="ant-btn"
</span> type="button"
</button> >
<span>
Arrow points to center / 箭头指向中心
</span>
</button>
</div>
</div> </div>
`; `;
@ -25,30 +33,42 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`]
<div <div
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;" style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;"
> >
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
Adjust automatically / 自动调整 class="ant-btn"
</span> type="button"
</button> >
<span>
Adjust automatically / 自动调整
</span>
</button>
</div>
<br /> <br />
<button <div
class="ant-btn" id="TriggerContainer"
type="button"
> >
<span> <button
Ingore / 不处理 class="ant-btn"
</span> type="button"
</button> >
<span>
Ingore / 不处理
</span>
</button>
</div>
</div> </div>
`; `;
exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = ` exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
<span> <div
Tooltip will show when mouse enter. id="TriggerContainer"
</span> >
<span>
Tooltip will show when mouse enter.
</span>
</div>
`; `;
exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = ` exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
@ -56,78 +76,126 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
<div <div
style="margin-left:60px;" style="margin-left:60px;"
> >
<a <div
href="#" id="TriggerContainer"
> >
TL <a
</a> href="#"
<a >
href="#" TL
</a>
</div>
<div
id="TriggerContainer"
> >
Top <a
</a> href="#"
<a >
href="#" Top
</a>
</div>
<div
id="TriggerContainer"
> >
TR <a
</a> href="#"
>
TR
</a>
</div>
</div> </div>
<div <div
style="width:60px;float:left;" style="width:60px;float:left;"
> >
<a <div
href="#" id="TriggerContainer"
> >
LT <a
</a> href="#"
<a >
href="#" LT
</a>
</div>
<div
id="TriggerContainer"
> >
Left <a
</a> href="#"
<a >
href="#" Left
</a>
</div>
<div
id="TriggerContainer"
> >
LB <a
</a> href="#"
>
LB
</a>
</div>
</div> </div>
<div <div
style="width:60px;margin-left:270px;" style="width:60px;margin-left:270px;"
> >
<a <div
href="#" id="TriggerContainer"
> >
RT <a
</a> href="#"
<a >
href="#" RT
</a>
</div>
<div
id="TriggerContainer"
> >
Right <a
</a> href="#"
<a >
href="#" Right
</a>
</div>
<div
id="TriggerContainer"
> >
RB <a
</a> href="#"
>
RB
</a>
</div>
</div> </div>
<div <div
style="margin-left:60px;clear:both;" style="margin-left:60px;clear:both;"
> >
<a <div
href="#" id="TriggerContainer"
> >
BL <a
</a> href="#"
<a >
href="#" BL
</a>
</div>
<div
id="TriggerContainer"
> >
Bottom <a
</a> href="#"
<a >
href="#" Bottom
</a>
</div>
<div
id="TriggerContainer"
> >
BR <a
</a> href="#"
>
BR
</a>
</div>
</div> </div>
</div> </div>
`; `;

File diff suppressed because it is too large Load Diff

View File

@ -14,12 +14,12 @@ describe('Tooltip', () => {
mouseLeaveDelay={0} mouseLeaveDelay={0}
onVisibleChange={onVisibleChange} onVisibleChange={onVisibleChange}
> >
<div>Hello world!</div> <div className="box">Hello world!</div>
</Tooltip> </Tooltip>
); );
// `title` is empty. // `title` is empty.
const div = wrapper.find('div').at(0); const div = wrapper.find('.box');
div.simulate('mouseenter'); div.simulate('mouseenter');
expect(onVisibleChange).not.toHaveBeenCalled(); expect(onVisibleChange).not.toHaveBeenCalled();
expect(wrapper.ref('tooltip').prop('visible')).toBe(false); expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
@ -30,23 +30,23 @@ describe('Tooltip', () => {
// update `title` value. // update `title` value.
wrapper.setProps({ title: 'Have a nice day!' }); wrapper.setProps({ title: 'Have a nice day!' });
wrapper.simulate('mouseenter'); div.simulate('mouseenter');
expect(onVisibleChange).toHaveBeenLastCalledWith(true); expect(onVisibleChange).toHaveBeenLastCalledWith(true);
expect(wrapper.ref('tooltip').prop('visible')).toBe(true); expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
wrapper.simulate('mouseleave'); div.simulate('mouseleave');
expect(onVisibleChange).toHaveBeenLastCalledWith(false); expect(onVisibleChange).toHaveBeenLastCalledWith(false);
expect(wrapper.ref('tooltip').prop('visible')).toBe(false); expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
// add `visible` props. // add `visible` props.
wrapper.setProps({ visible: false }); wrapper.setProps({ visible: false });
wrapper.simulate('mouseenter'); div.simulate('mouseenter');
expect(onVisibleChange).toHaveBeenLastCalledWith(true); expect(onVisibleChange).toHaveBeenLastCalledWith(true);
const lastCount = onVisibleChange.mock.calls.length; const lastCount = onVisibleChange.mock.calls.length;
expect(wrapper.ref('tooltip').prop('visible')).toBe(false); expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
// always trigger onVisibleChange // always trigger onVisibleChange
wrapper.simulate('mouseleave'); div.simulate('mouseleave');
expect(onVisibleChange.mock.calls.length).toBe(lastCount); // no change with lastCount expect(onVisibleChange.mock.calls.length).toBe(lastCount); // no change with lastCount
expect(wrapper.ref('tooltip').prop('visible')).toBe(false); expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
}); });
@ -88,7 +88,7 @@ describe('Tooltip', () => {
</Tooltip> </Tooltip>
); );
expect(wrapper.getDOMNode().tagName).toBe('SPAN'); expect(wrapper).toMatchSnapshot();
const button = wrapper.find('span').at(0); const button = wrapper.find('span').at(0);
button.simulate('mouseenter'); button.simulate('mouseenter');
expect(onVisibleChange).toBeCalledWith(true); expect(onVisibleChange).toBeCalledWith(true);
@ -110,8 +110,8 @@ describe('Tooltip', () => {
<Button disabled style={{ display: 'block' }}>Hello world!</Button> <Button disabled style={{ display: 'block' }}>Hello world!</Button>
</Tooltip> </Tooltip>
); );
expect(wrapper1.getDOMNode().style.display).toBe('inline-block'); expect(wrapper1).toMatchSnapshot();
expect(wrapper2.getDOMNode().style.display).toBe('block'); expect(wrapper2).toMatchSnapshot();
}); });
it('should not wrap span when trigger is not hover', () => { it('should not wrap span when trigger is not hover', () => {
@ -130,42 +130,44 @@ describe('Tooltip', () => {
}); });
it('should works for arrowPointAtCenter', () => { it('should works for arrowPointAtCenter', () => {
const arrowWidth = 5; jest.dontMock('rc-trigger', () => {
const horizontalArrowShift = 16; const arrowWidth = 5;
const triggerWidth = 200; const horizontalArrowShift = 16;
const triggerWidth = 200;
const wrapper = mount( const wrapper = mount(
<Tooltip <Tooltip
title="xxxxx" title="xxxxx"
trigger="click" trigger="click"
mouseEnterDelay={0} mouseEnterDelay={0}
mouseLeaveDelay={0} mouseLeaveDelay={0}
placement="bottomLeft" placement="bottomLeft"
> >
<button style={{ width: triggerWidth }}> <button style={{ width: triggerWidth }}>
Hello world! Hello world!
</button> </button>
</Tooltip> </Tooltip>
); );
wrapper.find('button').at(0).simulate('click'); wrapper.find('button').at(0).simulate('click');
const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10); const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
const wrapper2 = mount( const wrapper2 = mount(
<Tooltip <Tooltip
title="xxxxx" title="xxxxx"
trigger="click" trigger="click"
mouseEnterDelay={0} mouseEnterDelay={0}
mouseLeaveDelay={0} mouseLeaveDelay={0}
placement="bottomLeft" placement="bottomLeft"
arrowPointAtCenter arrowPointAtCenter
> >
<button style={{ width: triggerWidth }}> <button style={{ width: triggerWidth }}>
Hello world! Hello world!
</button> </button>
</Tooltip> </Tooltip>
); );
wrapper2.find('button').at(0).simulate('click'); wrapper2.find('button').at(0).simulate('click');
const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10); const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth); expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
});
}); });
}); });

View File

@ -1,168 +1,184 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = ` exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
<span <div
class="ant-select ant-select-enabled ant-select-allow-clear" id="TriggerContainer"
style="width:300px;"
> >
<span <span
aria-autocomplete="list" class="ant-select ant-select-enabled ant-select-allow-clear"
aria-haspopup="true" style="width:300px;"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<span <span
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
> >
<span <span
class="ant-select-selection__placeholder" class="ant-select-selection__rendered"
> >
Please select <span
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
</span> </span>
</span> </span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
</span>
</span> </span>
</span> </div>
`; `;
exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = ` exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
<span <div
class="ant-select ant-select-enabled" id="TriggerContainer"
style="width:300px;"
> >
<span <span
aria-autocomplete="list" class="ant-select ant-select-enabled"
aria-haspopup="true" style="width:300px;"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
> >
<ul <span
class="ant-select-selection__rendered" aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
> >
<li <ul
class="ant-select-selection__choice" class="ant-select-selection__rendered"
style="user-select:none;-webkit-user-select:none;"
title="Node1"
unselectable="unselectable"
> >
<span <li
class="ant-select-selection__choice__remove" class="ant-select-selection__choice"
/> style="user-select:none;-webkit-user-select:none;"
<span title="Node1"
class="ant-select-selection__choice__content" unselectable="unselectable"
> >
Node1 <span
</span> class="ant-select-selection__choice__remove"
</li>
<li
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
role="textbox"
value=""
/> />
<span <span
class="ant-select-search__field__mirror" class="ant-select-selection__choice__content"
> >
  Node1
</span> </span>
</span> </li>
</li> <li
</ul> class="ant-select-search ant-select-search--inline"
<span
class="ant-select-search__field__placeholder"
style="display:none;"
>
Please select
</span>
</span>
</span>
`;
exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
>
<ul
class="ant-select-selection__rendered"
>
<li
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap"
> >
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span <span
class="ant-select-search__field__mirror" class="ant-select-search__field__wrap"
> >
  <input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</span> </span>
</span> </li>
</li> </ul>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:block;"
>
Please select
</span>
</span>
</span>
`;
exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
<span
class="ant-select ant-select-enabled"
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<span
class="ant-select-selection__rendered"
>
<span <span
class="ant-select-selection__placeholder" class="ant-select-search__field__placeholder"
style="display:none;"
> >
Please select Please select
</span> </span>
</span> </span>
</span>
</div>
`;
exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
>
<span <span
class="ant-select-arrow" aria-autocomplete="list"
style="outline:none;" aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox"
> >
<b /> <ul
class="ant-select-selection__rendered"
>
<li
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
role="textbox"
value=""
/>
<span
class="ant-select-search__field__mirror"
>
 
</span>
</span>
</li>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:block;"
>
Please select
</span>
</span> </span>
</span> </span>
</span> </div>
`;
exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
<div
id="TriggerContainer"
>
<span
class="ant-select ant-select-enabled"
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<span
class="ant-select-selection__rendered"
>
<span
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;"
>
<b />
</span>
</span>
</span>
</div>
`; `;

View File

@ -94,20 +94,24 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<div <div
class="ant-upload-list-item-info" class="ant-upload-list-item-info"
> >
<span> <div
<i id="TriggerContainer"
class="anticon anticon-paper-clip" >
/> <span>
<a <i
class="ant-upload-list-item-name" class="anticon anticon-paper-clip"
href="http://www.baidu.com/zzz.png" />
rel="noopener noreferrer" <a
target="_blank" class="ant-upload-list-item-name"
title="zzz.png" href="http://www.baidu.com/zzz.png"
> rel="noopener noreferrer"
zzz.png target="_blank"
</a> title="zzz.png"
</span> >
zzz.png
</a>
</span>
</div>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"

View File

@ -0,0 +1,17 @@
import React from 'react';
const Trigger = require.requireActual('rc-trigger');
const render = Trigger.prototype.render;
Trigger.prototype.render = function () { // eslint-disable-line
const { popupVisible } = this.state;
return (
<div id="TriggerContainer">
{render.call(this)}
{popupVisible && this.getComponent()}
</div>
);
};
export default Trigger;