mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-10 11:03:19 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

Jest 19 (#5361)

Browse Source 
* Upgeade to jest 19

* Use jest.spyOn
This commit is contained in:
Wei Zhu 2017-03-17 18:56:30 +08:00 committed by 偏右
parent 0ed66cf20b
commit f6b1e942e3
66 changed files with 17581 additions and 9053 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,3 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`antd exports modules correctly 1`] = ` exports[`antd exports modules correctly 1`] = `
Array [ Array [
"Affix", "Affix",

38
components/affix/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,11 +1,15 @@
exports[`test renders ./components/affix/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/affix/demo/basic.md correctly 1`] = `
<div> <div>
<div> <div>
<div <div
class=""> class=""
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Affix top Affix top
</span> </span>
@ -15,10 +19,12 @@ exports[`test renders ./components/affix/demo/basic.md correctly 1`] = `
<br /> <br />
<div> <div>
<div <div
class=""> class=""
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Affix bottom Affix bottom
</span> </span>
@ -28,13 +34,15 @@ exports[`test renders ./components/affix/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/affix/demo/on-change.md correctly 1`] = ` exports[`renders ./components/affix/demo/on-change.md correctly 1`] = `
<div> <div>
<div <div
class=""> class=""
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
120px to affix top 120px to affix top
</span> </span>
@ -43,17 +51,21 @@ exports[`test renders ./components/affix/demo/on-change.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/affix/demo/target.md correctly 1`] = ` exports[`renders ./components/affix/demo/target.md correctly 1`] = `
<div <div
class="scrollable-container"> class="scrollable-container"
>
<div <div
class="background"> class="background"
>
<div> <div>
<div <div
class=""> class=""
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Fixed at the top of container Fixed at the top of container
</span> </span>

265
components/alert/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,308 +1,393 @@
exports[`test renders ./components/alert/demo/banner.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
<div> <div>
<div <div
class="ant-alert ant-alert-warning ant-alert-banner" class="ant-alert ant-alert-warning ant-alert-banner"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-exclamation-circle ant-alert-icon" /> class="anticon anticon-exclamation-circle ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Warning text Warning text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<br /> <br />
<div <div
class="ant-alert ant-alert-warning ant-alert-banner" class="ant-alert ant-alert-warning ant-alert-banner"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-exclamation-circle ant-alert-icon" /> class="anticon anticon-exclamation-circle ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Very long warning text warning text text text text text text text Very long warning text warning text text text text text text text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
<a <a
class="ant-alert-close-icon"> class="ant-alert-close-icon"
>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</a> </a>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/alert/demo/basic.md correctly 1`] = ` exports[`renders ./components/alert/demo/basic.md correctly 1`] = `
<div <div
class="ant-alert ant-alert-success ant-alert-no-icon" class="ant-alert ant-alert-success ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Success Text Success Text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
`; `;
exports[`test renders ./components/alert/demo/closable.md correctly 1`] = ` exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
<div> <div>
<div <div
class="ant-alert ant-alert-warning ant-alert-no-icon" class="ant-alert ant-alert-warning ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
<a <a
class="ant-alert-close-icon"> class="ant-alert-close-icon"
>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</a> </a>
</div> </div>
<div <div
class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Error Text Error Text
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Error Description Error Description Error Description Error Description Error Description Error Description Error Description Error Description Error Description Error Description Error Description Error Description
</span> </span>
<a <a
class="ant-alert-close-icon"> class="ant-alert-close-icon"
>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</a> </a>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/alert/demo/close-text.md correctly 1`] = ` exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `
<div <div
class="ant-alert ant-alert-info ant-alert-no-icon" class="ant-alert ant-alert-info ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Info Text Info Text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
<a <a
class="ant-alert-close-icon"> class="ant-alert-close-icon"
>
Close Now Close Now
</a> </a>
</div> </div>
`; `;
exports[`test renders ./components/alert/demo/description.md correctly 1`] = ` exports[`renders ./components/alert/demo/description.md correctly 1`] = `
<div> <div>
<div <div
class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Success Text Success Text
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Success Description Success Description Success Description Success Description Success Description Success Description
</span> </span>
</div> </div>
<div <div
class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Info Text Info Text
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Info Description Info Description Info Description Info Description Info Description Info Description Info Description Info Description
</span> </span>
</div> </div>
<div <div
class="ant-alert ant-alert-warning ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-warning ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Warning Text Warning Text
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Warning Description Warning Description Warning Description Warning Description Warning Description Warning Description Warning Description Warning Description
</span> </span>
</div> </div>
<div <div
class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Error Text Error Text
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Error Description Error Description Error Description Error Description Error Description Error Description Error Description Error Description
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/alert/demo/icon.md correctly 1`] = ` exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
<div> <div>
<div <div
class="ant-alert ant-alert-success" class="ant-alert ant-alert-success"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-check-circle ant-alert-icon" /> class="anticon anticon-check-circle ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Success Tips Success Tips
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-alert ant-alert-info" class="ant-alert ant-alert-info"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-info-circle ant-alert-icon" /> class="anticon anticon-info-circle ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Informational Notes Informational Notes
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-alert ant-alert-warning" class="ant-alert ant-alert-warning"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-exclamation-circle ant-alert-icon" /> class="anticon anticon-exclamation-circle ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Warning Warning
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-alert ant-alert-error" class="ant-alert ant-alert-error"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-cross-circle ant-alert-icon" /> class="anticon anticon-cross-circle ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Error Error
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-alert ant-alert-success ant-alert-with-description" class="ant-alert ant-alert-success ant-alert-with-description"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-check-circle-o ant-alert-icon" /> class="anticon anticon-check-circle-o ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
success tips success tips
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Detailed description and advices about successful copywriting. Detailed description and advices about successful copywriting.
</span> </span>
</div> </div>
<div <div
class="ant-alert ant-alert-info ant-alert-with-description" class="ant-alert ant-alert-info ant-alert-with-description"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-info-circle-o ant-alert-icon" /> class="anticon anticon-info-circle-o ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Informational Notes Informational Notes
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Additional description and informations about copywriting. Additional description and informations about copywriting.
</span> </span>
</div> </div>
<div <div
class="ant-alert ant-alert-warning ant-alert-with-description" class="ant-alert ant-alert-warning ant-alert-with-description"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-exclamation-circle-o ant-alert-icon" /> class="anticon anticon-exclamation-circle-o ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Warning Warning
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
This is a warning notice about copywriting. This is a warning notice about copywriting.
</span> </span>
</div> </div>
<div <div
class="ant-alert ant-alert-error ant-alert-with-description" class="ant-alert ant-alert-error ant-alert-with-description"
data-show="true"> data-show="true"
>
<i <i
class="anticon anticon-cross-circle-o ant-alert-icon" /> class="anticon anticon-cross-circle-o ant-alert-icon"
/>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Error Error
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
This is an error message about copywriting. This is an error message about copywriting.
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/alert/demo/style.md correctly 1`] = ` exports[`renders ./components/alert/demo/style.md correctly 1`] = `
<div> <div>
<div <div
class="ant-alert ant-alert-success ant-alert-no-icon" class="ant-alert ant-alert-success ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Success Text Success Text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-alert ant-alert-info ant-alert-no-icon" class="ant-alert ant-alert-info ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Info Text Info Text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-alert ant-alert-warning ant-alert-no-icon" class="ant-alert ant-alert-warning ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Warning Text Warning Text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-alert ant-alert-error ant-alert-no-icon" class="ant-alert ant-alert-error ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Error Text Error Text
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
</div> </div>
`; `;

93
components/anchor/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,57 +1,74 @@
exports[`test renders ./components/anchor/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/anchor/demo/basic.md correctly 1`] = `
<div> <div>
<div <div
class=""> class=""
>
<div <div
class="ant-anchor-wrapper"> class="ant-anchor-wrapper"
>
<div <div
class="ant-anchor"> class="ant-anchor"
>
<div <div
class="ant-anchor-ink"> class="ant-anchor-ink"
>
<span <span
class="ant-anchor-ink-ball animated" /> class="ant-anchor-ink-ball animated"
/>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#components-anchor-demo-basic" href="#components-anchor-demo-basic"
title="Basic demo"> title="Basic demo"
>
Basic demo Basic demo
</a> </a>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#components-anchor-demo-fixed" href="#components-anchor-demo-fixed"
title="Fixed demo"> title="Fixed demo"
>
Fixed demo Fixed demo
</a> </a>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#API" href="#API"
title="API"> title="API"
>
API API
</a> </a>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#Anchor-Props" href="#Anchor-Props"
title="Anchor Props"> title="Anchor Props"
>
Anchor Props Anchor Props
</a> </a>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#Link-Props" href="#Link-Props"
title="Link Props"> title="Link Props"
>
Link Props Link Props
</a> </a>
</div> </div>
@ -62,57 +79,71 @@ exports[`test renders ./components/anchor/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/anchor/demo/fixed.md correctly 1`] = ` exports[`renders ./components/anchor/demo/fixed.md correctly 1`] = `
<div <div
class="ant-anchor-wrapper"> class="ant-anchor-wrapper"
>
<div <div
class="ant-anchor fixed"> class="ant-anchor fixed"
>
<div <div
class="ant-anchor-ink"> class="ant-anchor-ink"
>
<span <span
class="ant-anchor-ink-ball animated" /> class="ant-anchor-ink-ball animated"
/>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#components-anchor-demo-basic" href="#components-anchor-demo-basic"
title="Basic demo"> title="Basic demo"
>
Basic demo Basic demo
</a> </a>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#components-anchor-demo-fixed" href="#components-anchor-demo-fixed"
title="Fixed demo"> title="Fixed demo"
>
Fixed demo Fixed demo
</a> </a>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#API" href="#API"
title="API"> title="API"
>
API API
</a> </a>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#Anchor-Props" href="#Anchor-Props"
title="Anchor Props"> title="Anchor Props"
>
Anchor Props Anchor Props
</a> </a>
</div> </div>
<div <div
class="ant-anchor-link"> class="ant-anchor-link"
>
<a <a
class="ant-anchor-link-title" class="ant-anchor-link-title"
href="#Link-Props" href="#Link-Props"
title="Link Props"> title="Link Props"
>
Link Props Link Props
</a> </a>
</div> </div>

203
components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,32 +1,42 @@
exports[`test renders ./components/auto-complete/demo/antd.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
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" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;height:50px;"> style="width:200px;height:50px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
input here input here
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<textarea <textarea
class="ant-input ant-select-search__field" class="ant-input ant-select-search__field"
style="height:50px;" /> style="height:50px;"
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -36,43 +46,52 @@ exports[`test renders ./components/auto-complete/demo/antd.md correctly 1`] = `
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test 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" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
input here input here
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-input ant-input ant-select-search__field" class="ant-input ant-input ant-select-search__field"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -82,54 +101,67 @@ exports[`test renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/auto-complete/demo/certain-category.md correctly 1`] = ` exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
<div <div
class="certain-category-search-wrapper" class="certain-category-search-wrapper"
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" 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%;"> style="width:100%;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
input here input here
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<span <span
class="ant-input-preSuffix-wrapper"> class="ant-input-preSuffix-wrapper"
>
<input <input
class="ant-input ant-input ant-select-search__field" class="ant-input ant-input ant-select-search__field"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-input-suffix"> class="ant-input-suffix"
>
<i <i
class="anticon anticon-search certain-category-icon" /> class="anticon anticon-search certain-category-icon"
/>
</span> </span>
</span> </span>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -139,7 +171,8 @@ exports[`test renders ./components/auto-complete/demo/certain-category.md correc
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -147,36 +180,44 @@ exports[`test renders ./components/auto-complete/demo/certain-category.md correc
</div> </div>
`; `;
exports[`test renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = ` exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
try to type \`b\` try to type \`b\`
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-input ant-input ant-select-search__field" class="ant-input ant-input ant-select-search__field"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -186,43 +227,52 @@ exports[`test renders ./components/auto-complete/demo/non-case-sensitive.md corr
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/auto-complete/demo/options.md correctly 1`] = ` exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
input here input here
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-input ant-input ant-select-search__field" class="ant-input ant-input ant-select-search__field"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -232,58 +282,72 @@ exports[`test renders ./components/auto-complete/demo/options.md correctly 1`] =
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test 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" 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"
style="width:100%;"> style="width:100%;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
input here input here
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<span <span
class="ant-input-preSuffix-wrapper"> class="ant-input-preSuffix-wrapper"
>
<input <input
class="ant-input ant-input ant-select-search__field" class="ant-input ant-input ant-select-search__field"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-input-suffix"> class="ant-input-suffix"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-lg search-btn" class="ant-btn ant-btn-primary ant-btn-lg search-btn"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</button> </button>
</span> </span>
</span> </span>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -293,7 +357,8 @@ exports[`test renders ./components/auto-complete/demo/uncertain-category.md corr
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>

12
components/back-top/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,19 +1,23 @@
exports[`test renders ./components/back-top/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/back-top/demo/basic.md correctly 1`] = `
<div> <div>
Scroll down to see the bottom-right Scroll down to see the bottom-right
<strong <strong
style="color:rgba(64, 64, 64, 0.6);"> style="color:rgba(64, 64, 64, 0.6);"
>
gray gray
</strong> </strong>
button. button.
</div> </div>
`; `;
exports[`test renders ./components/back-top/demo/custom.md correctly 1`] = ` exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
<div> <div>
Scroll down to see the bottom-right Scroll down to see the bottom-right
<strong <strong
style="color:#57c5f7;"> style="color:#57c5f7;"
>
blue blue
</strong> </strong>
button. button.

994
components/badge/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

20
components/breadcrumb/__tests__/Breadcrumb.test.js
View File

@ -4,18 +4,25 @@ import { renderToJson } from 'enzyme-to-json';
import Breadcrumb from '../index'; import Breadcrumb from '../index';
describe('Breadcrumb', () => { describe('Breadcrumb', () => {
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
afterEach(() => {
errorSpy.mockReset();
});
afterAll(() => {
errorSpy.mockRestore();
});
it('warns on non-Breadcrumb.Item children', () => { it('warns on non-Breadcrumb.Item children', () => {
const MyCom = () => <div>foo</div>; const MyCom = () => <div>foo</div>;
spyOn(console, 'error');
mount( mount(
<Breadcrumb> <Breadcrumb>
<MyCom /> <MyCom />
</Breadcrumb> </Breadcrumb>
); );
// eslint-disable-next-line expect(errorSpy.mock.calls).toHaveLength(1);
expect(console.error.calls.count()).toBe(1); expect(errorSpy.mock.calls[0][0]).toMatch(
// eslint-disable-next-line
expect(console.error.calls.argsFor(0)[0]).toContain(
'Breadcrumb only accepts Breadcrumb.Item as it\'s children' 'Breadcrumb only accepts Breadcrumb.Item as it\'s children'
); );
}); });
@ -29,8 +36,7 @@ describe('Breadcrumb', () => {
{undefined} {undefined}
</Breadcrumb> </Breadcrumb>
); );
// eslint-disable-next-line expect(errorSpy).not.toHaveBeenCalled();
expect(console.error.calls).toBe(undefined);
expect(renderToJson(wrapper)).toMatchSnapshot(); expect(renderToJson(wrapper)).toMatchSnapshot();
}); });
}); });

11
components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap
View File

@ -1,13 +1,18 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = ` exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
<div <div
class="ant-breadcrumb"> class="ant-breadcrumb"
>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
Home Home
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>

124
components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,65 +1,81 @@
exports[`test renders ./components/breadcrumb/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
<div <div
class="ant-breadcrumb"> class="ant-breadcrumb"
>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
Home Home
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
<a <a
href=""> href=""
>
Application Center Application Center
</a> </a>
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
<a <a
href=""> href=""
>
Application List Application List
</a> </a>
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
An Application An Application
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/breadcrumb/demo/router.md correctly 1`] = ` exports[`renders ./components/breadcrumb/demo/router.md correctly 1`] = `
<div> <div>
<div <div
class="demo-nav"> class="demo-nav"
>
<a <a
href="#/"> href="#/"
>
Home Home
</a> </a>
<a <a
href="#/apps"> href="#/apps"
>
Application List Application List
</a> </a>
</div> </div>
@ -67,25 +83,31 @@ exports[`test renders ./components/breadcrumb/demo/router.md correctly 1`] = `
<div <div
class="ant-alert ant-alert-info ant-alert-no-icon" class="ant-alert ant-alert-info ant-alert-no-icon"
data-show="true" data-show="true"
style="margin:16px 0;"> style="margin:16px 0;"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Click the navigation above to switch: Click the navigation above to switch:
</span> </span>
<span <span
class="ant-alert-description" /> class="ant-alert-description"
/>
</div> </div>
<div <div
class="ant-breadcrumb"> class="ant-breadcrumb"
>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
<span> <span>
Home Home
</span> </span>
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>
@ -93,91 +115,109 @@ exports[`test renders ./components/breadcrumb/demo/router.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/breadcrumb/demo/separator.md correctly 1`] = ` exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
<div <div
class="ant-breadcrumb"> class="ant-breadcrumb"
>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
Home Home
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
> >
&gt;
</span> </span>
</span> </span>
<span> <span>
<a <a
class="ant-breadcrumb-link" class="ant-breadcrumb-link"
href=""> href=""
>
Application Center Application Center
</a> </a>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
> >
&gt;
</span> </span>
</span> </span>
<span> <span>
<a <a
class="ant-breadcrumb-link" class="ant-breadcrumb-link"
href=""> href=""
>
Application List Application List
</a> </a>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
> >
&gt;
</span> </span>
</span> </span>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
An Application An Application
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
> >
&gt;
</span> </span>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = ` exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
<div <div
class="ant-breadcrumb"> class="ant-breadcrumb"
>
<span> <span>
<a <a
class="ant-breadcrumb-link" class="ant-breadcrumb-link"
href=""> href=""
>
<i <i
class="anticon anticon-home" /> class="anticon anticon-home"
/>
</a> </a>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>
<span> <span>
<a <a
class="ant-breadcrumb-link" class="ant-breadcrumb-link"
href=""> href=""
>
<i <i
class="anticon anticon-user" /> class="anticon anticon-user"
/>
<span> <span>
Application List Application List
</span> </span>
</a> </a>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>
<span> <span>
<span <span
class="ant-breadcrumb-link"> class="ant-breadcrumb-link"
>
Application Application
</span> </span>
<span <span
class="ant-breadcrumb-separator"> class="ant-breadcrumb-separator"
>
/ /
</span> </span>
</span> </span>

299
components/button/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,29 +1,35 @@
exports[`test renders ./components/button/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/button/demo/basic.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Primary Primary
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Default Default
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-dashed" class="ant-btn ant-btn-dashed"
type="button"> type="button"
>
<span> <span>
Dashed Dashed
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-danger" class="ant-btn ant-btn-danger"
type="button"> type="button"
>
<span> <span>
Danger Danger
</span> </span>
@ -31,34 +37,39 @@ exports[`test renders ./components/button/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/button/demo/button-group.md correctly 1`] = ` exports[`renders ./components/button/demo/button-group.md correctly 1`] = `
<div> <div>
<h4> <h4>
Basic Basic
</h4> </h4>
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Cancel Cancel
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
OK OK
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn" class="ant-btn"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
L L
</span> </span>
@ -66,7 +77,8 @@ exports[`test renders ./components/button/demo/button-group.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
M M
</span> </span>
@ -74,38 +86,44 @@ exports[`test renders ./components/button/demo/button-group.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
R R
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
L L
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
M M
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
M M
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-dashed" class="ant-btn ant-btn-dashed"
type="button"> type="button"
>
<span> <span>
R R
</span> </span>
@ -115,49 +133,60 @@ exports[`test renders ./components/button/demo/button-group.md correctly 1`] = `
With Icon With Icon
</h4> </h4>
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
<span> <span>
Go back Go back
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Go forward Go forward
</span> </span>
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</button> </button>
</div> </div>
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-icon-only" class="ant-btn ant-btn-primary ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-cloud" /> class="anticon anticon-cloud"
/>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-icon-only" class="ant-btn ant-btn-primary ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-cloud-download" /> class="anticon anticon-cloud-download"
/>
</button> </button>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/button/demo/disabled.md correctly 1`] = ` exports[`renders ./components/button/demo/disabled.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Primary Primary
</span> </span>
@ -165,7 +194,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
Primary(disabled) Primary(disabled)
</span> </span>
@ -173,7 +203,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Default Default
</span> </span>
@ -181,7 +212,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
Default(disabled) Default(disabled)
</span> </span>
@ -189,7 +221,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Ghost Ghost
</span> </span>
@ -197,7 +230,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
Ghost(disabled) Ghost(disabled)
</span> </span>
@ -205,7 +239,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn ant-btn-dashed" class="ant-btn ant-btn-dashed"
type="button"> type="button"
>
<span> <span>
Dashed Dashed
</span> </span>
@ -213,7 +248,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-dashed" class="ant-btn ant-btn-dashed"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
Dashed(disabled) Dashed(disabled)
</span> </span>
@ -221,26 +257,30 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/button/demo/ghost.md correctly 1`] = ` exports[`renders ./components/button/demo/ghost.md correctly 1`] = `
<div <div
style="background:rgb(190, 200, 200);padding:26px 16px 16px;"> style="background:rgb(190, 200, 200);padding:26px 16px 16px;"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-background-ghost" class="ant-btn ant-btn-primary ant-btn-background-ghost"
type="button"> type="button"
>
<span> <span>
Primary Ghost Primary Ghost
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-background-ghost" class="ant-btn ant-btn-background-ghost"
type="button"> type="button"
>
<span> <span>
Default Ghost Default Ghost
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-dashed ant-btn-background-ghost" class="ant-btn ant-btn-dashed ant-btn-background-ghost"
type="button"> type="button"
>
<span> <span>
Dashed Ghost Dashed Ghost
</span> </span>
@ -248,34 +288,42 @@ exports[`test renders ./components/button/demo/ghost.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/button/demo/icon.md correctly 1`] = ` exports[`renders ./components/button/demo/icon.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
<span> <span>
Search Search
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-circle ant-btn-icon-only" class="ant-btn ant-btn-circle ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
<span> <span>
Search Search
</span> </span>
@ -283,30 +331,38 @@ exports[`test renders ./components/button/demo/icon.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn ant-btn-circle ant-btn-icon-only" class="ant-btn ant-btn-circle ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
<span> <span>
Search Search
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-dashed ant-btn-circle ant-btn-icon-only" class="ant-btn ant-btn-dashed ant-btn-circle ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</button> </button>
<button <button
class="ant-btn ant-btn-dashed" class="ant-btn ant-btn-dashed"
type="button"> type="button"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
<span> <span>
Search Search
</span> </span>
@ -314,22 +370,26 @@ exports[`test renders ./components/button/demo/icon.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/button/demo/loading.md correctly 1`] = ` exports[`renders ./components/button/demo/loading.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary ant-btn-loading" class="ant-btn ant-btn-primary ant-btn-loading"
type="button"> type="button"
>
<i <i
class="anticon anticon-spin anticon-loading" /> class="anticon anticon-spin anticon-loading"
/>
<span> <span>
Loading Loading
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading" class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"
type="button"> type="button"
>
<i <i
class="anticon anticon-spin anticon-loading" /> class="anticon anticon-spin anticon-loading"
/>
<span> <span>
Loading Loading
</span> </span>
@ -337,113 +397,138 @@ exports[`test renders ./components/button/demo/loading.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Click me! Click me!
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<i <i
class="anticon anticon-poweroff" /> class="anticon anticon-poweroff"
/>
<span> <span>
Click me! Click me!
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Won\'t show loading Won't show loading
</span> </span>
</button> </button>
<br /> <br />
<button <button
class="ant-btn ant-btn-circle ant-btn-loading" class="ant-btn ant-btn-circle ant-btn-loading"
type="button"> type="button"
>
<i <i
class="anticon anticon-spin anticon-loading" /> class="anticon anticon-spin anticon-loading"
/>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-circle ant-btn-loading" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-loading"
type="button"> type="button"
>
<i <i
class="anticon anticon-spin anticon-loading" /> class="anticon anticon-spin anticon-loading"
/>
</button> </button>
</div> </div>
`; `;
exports[`test renders ./components/button/demo/multiple.md correctly 1`] = ` exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
primary primary
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
secondary secondary
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
type="button"> type="button"
>
<span> <span>
more more
</span> </span>
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</button> </button>
</div> </div>
`; `;
exports[`test renders ./components/button/demo/size.md correctly 1`] = ` exports[`renders ./components/button/demo/size.md correctly 1`] = `
<div> <div>
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Large Large
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span <span
class="ant-radio-button ant-radio-button-checked"> class="ant-radio-button ant-radio-button-checked"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Default Default
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Small Small
@ -454,46 +539,56 @@ exports[`test renders ./components/button/demo/size.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only" class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-download" /> class="anticon anticon-download"
/>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<i <i
class="anticon anticon-download" /> class="anticon anticon-download"
/>
<span> <span>
Download Download
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Normal Normal
</span> </span>
</button> </button>
<br /> <br />
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
<span> <span>
Backward Backward
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Forward Forward
</span> </span>
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</button> </button>
</div> </div>
</div> </div>

8
components/button/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,7 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Button renders Chinese characters correctly 1`] = ` exports[`Button renders Chinese characters correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
按 钮 按 钮
</span> </span>
@ -11,7 +14,8 @@ exports[`Button renders Chinese characters correctly 1`] = `
exports[`Button renders correctly 1`] = ` exports[`Button renders correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Follow Follow
</span> </span>

2764
components/calendar/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

161
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,23 +1,31 @@
exports[`test renders ./components/card/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/card/demo/basic.md correctly 1`] = `
<div <div
class="ant-card ant-card-bordered" class="ant-card ant-card-bordered"
style="width:300px;"> style="width:300px;"
>
<div <div
class="ant-card-head"> class="ant-card-head"
>
<h3 <h3
class="ant-card-head-title"> class="ant-card-head-title"
>
Card title Card title
</h3> </h3>
</div> </div>
<div <div
class="ant-card-extra"> class="ant-card-extra"
>
<a <a
href="#"> href="#"
>
More More
</a> </a>
</div> </div>
<div <div
class="ant-card-body"> class="ant-card-body"
>
<p> <p>
Card content Card content
</p> </p>
@ -31,21 +39,26 @@ exports[`test renders ./components/card/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/card/demo/border-less.md correctly 1`] = ` exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
<div <div
style="background:#ECECEC;padding:30px;"> style="background:#ECECEC;padding:30px;"
>
<div <div
class="ant-card" class="ant-card"
style="width:300px;"> style="width:300px;"
>
<div <div
class="ant-card-head"> class="ant-card-head"
>
<h3 <h3
class="ant-card-head-title"> class="ant-card-head-title"
>
Card title Card title
</h3> </h3>
</div> </div>
<div <div
class="ant-card-body"> class="ant-card-body"
>
<p> <p>
Card content Card content
</p> </p>
@ -60,58 +73,75 @@ exports[`test renders ./components/card/demo/border-less.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/card/demo/grid.md correctly 1`] = ` exports[`renders ./components/card/demo/grid.md correctly 1`] = `
<div <div
style="background:#ECECEC;padding:30px;"> style="background:#ECECEC;padding:30px;"
>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-8"> class="ant-col-8"
>
<div <div
class="ant-card"> class="ant-card"
>
<div <div
class="ant-card-head"> class="ant-card-head"
>
<h3 <h3
class="ant-card-head-title"> class="ant-card-head-title"
>
Card title Card title
</h3> </h3>
</div> </div>
<div <div
class="ant-card-body"> class="ant-card-body"
>
Card content Card content
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-col-8"> class="ant-col-8"
>
<div <div
class="ant-card"> class="ant-card"
>
<div <div
class="ant-card-head"> class="ant-card-head"
>
<h3 <h3
class="ant-card-head-title"> class="ant-card-head-title"
>
Card title Card title
</h3> </h3>
</div> </div>
<div <div
class="ant-card-body"> class="ant-card-body"
>
Card content Card content
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-col-8"> class="ant-col-8"
>
<div <div
class="ant-card"> class="ant-card"
>
<div <div
class="ant-card-head"> class="ant-card-head"
>
<h3 <h3
class="ant-card-head-title"> class="ant-card-head-title"
>
Card title Card title
</h3> </h3>
</div> </div>
<div <div
class="ant-card-body"> class="ant-card-body"
>
Card content Card content
</div> </div>
</div> </div>
@ -120,79 +150,98 @@ exports[`test renders ./components/card/demo/grid.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/card/demo/loading.md correctly 1`] = ` exports[`renders ./components/card/demo/loading.md correctly 1`] = `
<div <div
class="ant-card ant-card-loading ant-card-bordered" class="ant-card ant-card-loading ant-card-bordered"
style="width:34%;"> style="width:34%;"
>
<div <div
class="ant-card-head"> class="ant-card-head"
>
<h3 <h3
class="ant-card-head-title"> class="ant-card-head-title"
>
Card title Card title
</h3> </h3>
</div> </div>
<div <div
class="ant-card-body"> class="ant-card-body"
>
<div> <div>
<p <p
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:94%;" /> style="width:94%;"
/>
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:28%;" /> style="width:28%;"
/>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:62%;" /> style="width:62%;"
/>
</p> </p>
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:22%;" /> style="width:22%;"
/>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:66%;" /> style="width:66%;"
/>
</p> </p>
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:56%;" /> style="width:56%;"
/>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:39%;" /> style="width:39%;"
/>
</p> </p>
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:21%;" /> style="width:21%;"
/>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:15%;" /> style="width:15%;"
/>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:40%;" /> style="width:40%;"
/>
</p> </p>
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/card/demo/no-padding.md correctly 1`] = ` exports[`renders ./components/card/demo/no-padding.md correctly 1`] = `
<div <div
class="ant-card ant-card-bordered" class="ant-card ant-card-bordered"
style="width:240px;"> style="width:240px;"
>
<div <div
class="ant-card-body" class="ant-card-body"
style="padding:0;"> style="padding:0;"
>
<div <div
class="custom-image"> class="custom-image"
>
<img <img
alt="example" alt="example"
src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
width="100%" /> width="100%"
/>
</div> </div>
<div <div
class="custom-card"> class="custom-card"
>
<h3> <h3>
Europe Street beat Europe Street beat
</h3> </h3>
@ -204,12 +253,14 @@ exports[`test renders ./components/card/demo/no-padding.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/card/demo/simple.md correctly 1`] = ` exports[`renders ./components/card/demo/simple.md correctly 1`] = `
<div <div
class="ant-card ant-card-bordered" class="ant-card ant-card-bordered"
style="width:300px;"> style="width:300px;"
>
<div <div
class="ant-card-body"> class="ant-card-body"
>
<p> <p>
Card content Card content
</p> </p>

124
components/carousel/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,15 +1,22 @@
exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div <div
class="ant-carousel"> class="ant-carousel"
>
<div <div
class="slick-initialized slick-slider"> class="slick-initialized slick-slider"
>
<div <div
class="slick-list"> class="slick-list"
>
<div <div
class="slick-track"> class="slick-track"
>
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="-1"> data-index="-1"
>
<h3> <h3>
4 4
</h3> </h3>
@ -18,7 +25,8 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" data-index="0"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
1 1
</h3> </h3>
@ -27,7 +35,8 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" data-index="1"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
2 2
</h3> </h3>
@ -36,7 +45,8 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" data-index="2"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
3 3
</h3> </h3>
@ -45,14 +55,16 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" data-index="3"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
4 4
</h3> </h3>
</div> </div>
<div <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="4"> data-index="4"
>
<h3> <h3>
1 1
</h3> </h3>
@ -63,18 +75,23 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = ` exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div <div
class="ant-carousel"> class="ant-carousel"
>
<div <div
class="slick-initialized slick-slider"> class="slick-initialized slick-slider"
>
<div <div
class="slick-list"> class="slick-list"
>
<div <div
class="slick-track"> class="slick-track"
>
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="-1"> data-index="-1"
>
<h3> <h3>
4 4
</h3> </h3>
@ -83,7 +100,8 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" data-index="0"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
1 1
</h3> </h3>
@ -92,7 +110,8 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" data-index="1"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
2 2
</h3> </h3>
@ -101,7 +120,8 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" data-index="2"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
3 3
</h3> </h3>
@ -110,14 +130,16 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" data-index="3"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
4 4
</h3> </h3>
</div> </div>
<div <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="4"> data-index="4"
>
<h3> <h3>
1 1
</h3> </h3>
@ -128,20 +150,25 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = ` exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div <div
class="ant-carousel"> class="ant-carousel"
>
<div <div
class="slick-initialized slick-slider"> class="slick-initialized slick-slider"
>
<div <div
class="slick-list"> class="slick-list"
>
<div <div
class="slick-track"> class="slick-track"
>
<div <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" data-index="0"
style="outline:none;position:relative;left:0;opacity:1;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;" style="outline:none;position:relative;left:0;opacity:1;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
1 1
</h3> </h3>
@ -150,7 +177,8 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" data-index="1"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;" style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
2 2
</h3> </h3>
@ -159,7 +187,8 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" data-index="2"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;" style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
3 3
</h3> </h3>
@ -168,7 +197,8 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" data-index="3"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;" style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
4 4
</h3> </h3>
@ -179,18 +209,23 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = ` exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div <div
class="ant-carousel ant-carousel-vertical"> class="ant-carousel ant-carousel-vertical"
>
<div <div
class="slick-initialized slick-slider slick-vertical"> class="slick-initialized slick-slider slick-vertical"
>
<div <div
class="slick-list"> class="slick-list"
>
<div <div
class="slick-track"> class="slick-track"
>
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="-1"> data-index="-1"
>
<h3> <h3>
4 4
</h3> </h3>
@ -199,7 +234,8 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" data-index="0"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
1 1
</h3> </h3>
@ -208,7 +244,8 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" data-index="1"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
2 2
</h3> </h3>
@ -217,7 +254,8 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" data-index="2"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
3 3
</h3> </h3>
@ -226,14 +264,16 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" data-index="3"
style="outline:none;" style="outline:none;"
tabindex="-1"> tabindex="-1"
>
<h3> <h3>
4 4
</h3> </h3>
</div> </div>
<div <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="4"> data-index="4"
>
<h3> <h3>
1 1
</h3> </h3>

163
components/cascader/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,52 +1,65 @@
exports[`test renders ./components/cascader/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/change-on-select.md correctly 1`] = ` exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/custom-render.md correctly 1`] = ` exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
style="width:270px;" style="width:270px;"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label"> class="ant-cascader-picker-label"
>
<span> <span>
Zhejiang / Zhejiang /
</span> </span>
@ -62,165 +75,201 @@ exports[`test renders ./components/cascader/demo/custom-render.md correctly 1`]
</span> </span>
</span> </span>
<i <i
class="anticon anticon-cross-circle ant-cascader-picker-clear" /> class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/custom-trigger.md correctly 1`] = ` exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
<span> <span>
Unselect  Unselect 
<a <a
href="#" href="#"
tabindex="0"> tabindex="0"
>
Change city Change city
</a> </a>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/default-value.md correctly 1`] = ` exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label"> class="ant-cascader-picker-label"
>
Zhejiang / Hangzhou / West Lake Zhejiang / Hangzhou / West Lake
</span> </span>
<i <i
class="anticon anticon-cross-circle ant-cascader-picker-clear" /> class="anticon anticon-cross-circle ant-cascader-picker-clear"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/disabled-option.md correctly 1`] = ` exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/hover.md correctly 1`] = ` exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/lazy.md correctly 1`] = ` exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/search.md correctly 1`] = ` exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
`; `;
exports[`test renders ./components/cascader/demo/size.md correctly 1`] = ` exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
<div> <div>
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input ant-input-lg" class="ant-input ant-cascader-input ant-input-lg"
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
<br /> <br />
<br /> <br />
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input " class="ant-input ant-cascader-input "
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
<br /> <br />
<br /> <br />
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
tabindex="0"> tabindex="0"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input ant-cascader-input ant-input-sm" class="ant-input ant-cascader-input ant-input-sm"
placeholder="Please select" placeholder="Please select"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-cascader-picker-label" /> class="ant-cascader-picker-label"
/>
<i <i
class="anticon anticon-down ant-cascader-picker-arrow" /> class="anticon anticon-down ant-cascader-picker-arrow"
/>
</span> </span>
<br /> <br />
<br /> <br />

107
components/cascader/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,26 +1,34 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Cascader can be selected 1`] = ` exports[`Cascader can be selected 1`] = `
<div> <div>
<div <div
class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "> class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "
>
<div> <div>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
title="Zhejiang"> title="Zhejiang"
>
Zhejiang Zhejiang
</li> </li>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand" class="ant-cascader-menu-item ant-cascader-menu-item-expand"
title="Jiangsu"> title="Jiangsu"
>
Jiangsu Jiangsu
</li> </li>
</ul> </ul>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand" class="ant-cascader-menu-item ant-cascader-menu-item-expand"
title="Hangzhou"> title="Hangzhou"
>
Hangzhou Hangzhou
</li> </li>
</ul> </ul>
@ -32,34 +40,42 @@ exports[`Cascader can be selected 1`] = `
exports[`Cascader can be selected 2`] = ` exports[`Cascader can be selected 2`] = `
<div> <div>
<div <div
class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "> class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "
>
<div> <div>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
title="Zhejiang"> title="Zhejiang"
>
Zhejiang Zhejiang
</li> </li>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand" class="ant-cascader-menu-item ant-cascader-menu-item-expand"
title="Jiangsu"> title="Jiangsu"
>
Jiangsu Jiangsu
</li> </li>
</ul> </ul>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
title="Hangzhou"> title="Hangzhou"
>
Hangzhou Hangzhou
</li> </li>
</ul> </ul>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item" class="ant-cascader-menu-item"
title="West Lake"> title="West Lake"
>
West Lake West Lake
</li> </li>
</ul> </ul>
@ -71,34 +87,42 @@ exports[`Cascader can be selected 2`] = `
exports[`Cascader can be selected 3`] = ` exports[`Cascader can be selected 3`] = `
<div> <div>
<div <div
class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft ant-cascader-menus-hidden"> class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft ant-cascader-menus-hidden"
>
<div> <div>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
title="Zhejiang"> title="Zhejiang"
>
Zhejiang Zhejiang
</li> </li>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand" class="ant-cascader-menu-item ant-cascader-menu-item-expand"
title="Jiangsu"> title="Jiangsu"
>
Jiangsu Jiangsu
</li> </li>
</ul> </ul>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
title="Hangzhou"> title="Hangzhou"
>
Hangzhou Hangzhou
</li> </li>
</ul> </ul>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-active"
title="West Lake"> title="West Lake"
>
West Lake West Lake
</li> </li>
</ul> </ul>
@ -110,7 +134,8 @@ exports[`Cascader can be selected 3`] = `
exports[`Cascader popup correctly when panel is hidden 1`] = ` exports[`Cascader popup correctly when panel is hidden 1`] = `
<div> <div>
<div <div
class="ant-cascader-menus ant-cascader-menus-empty ant-cascader-menus-placement-bottomLeft ant-cascader-menus-hidden"> class="ant-cascader-menus ant-cascader-menus-empty ant-cascader-menus-placement-bottomLeft ant-cascader-menus-hidden"
>
<div /> <div />
</div> </div>
</div> </div>
@ -119,18 +144,22 @@ exports[`Cascader popup correctly when panel is hidden 1`] = `
exports[`Cascader popup correctly when panel is open 1`] = ` exports[`Cascader popup correctly when panel is open 1`] = `
<div> <div>
<div <div
class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "> class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "
>
<div> <div>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand" class="ant-cascader-menu-item ant-cascader-menu-item-expand"
title="Zhejiang"> title="Zhejiang"
>
Zhejiang Zhejiang
</li> </li>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand" class="ant-cascader-menu-item ant-cascader-menu-item-expand"
title="Jiangsu"> title="Jiangsu"
>
Jiangsu Jiangsu
</li> </li>
</ul> </ul>
@ -142,34 +171,42 @@ exports[`Cascader popup correctly when panel is open 1`] = `
exports[`Cascader popup correctly with defaultValue 1`] = ` exports[`Cascader popup correctly with defaultValue 1`] = `
<div> <div>
<div <div
class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "> class="ant-cascader-menus ant-cascader-menus-placement-bottomLeft "
>
<div> <div>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
title="Zhejiang"> title="Zhejiang"
>
Zhejiang Zhejiang
</li> </li>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand" class="ant-cascader-menu-item ant-cascader-menu-item-expand"
title="Jiangsu"> title="Jiangsu"
>
Jiangsu Jiangsu
</li> </li>
</ul> </ul>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active" class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
title="Hangzhou"> title="Hangzhou"
>
Hangzhou Hangzhou
</li> </li>
</ul> </ul>
<ul <ul
class="ant-cascader-menu"> class="ant-cascader-menu"
>
<li <li
class="ant-cascader-menu-item" class="ant-cascader-menu-item"
title="West Lake"> title="West Lake"
>
West Lake West Lake
</li> </li>
</ul> </ul>

240
components/checkbox/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,13 +1,19 @@
exports[`test renders ./components/checkbox/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Checkbox Checkbox
@ -15,19 +21,24 @@ exports[`test renders ./components/checkbox/demo/basic.md correctly 1`] = `
</label> </label>
`; `;
exports[`test renders ./components/checkbox/demo/check-all.md correctly 1`] = ` exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
<div> <div>
<div <div
style="border-bottom:1px solid #E9E9E9;"> style="border-bottom:1px solid #E9E9E9;"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-indeterminate"> class="ant-checkbox ant-checkbox-indeterminate"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Check all Check all
@ -36,46 +47,59 @@ exports[`test renders ./components/checkbox/demo/check-all.md correctly 1`] = `
</div> </div>
<br /> <br />
<div <div
class="ant-checkbox-group"> class="ant-checkbox-group"
>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Apple Apple
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Pear Pear
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Orange Orange
@ -85,20 +109,25 @@ exports[`test renders ./components/checkbox/demo/check-all.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = ` exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
<div> <div>
<p <p
style="margin-bottom:20px;"> style="margin-bottom:20px;"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Checked-Enabled Checked-Enabled
@ -108,7 +137,8 @@ exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = `
<p> <p>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
type="button"> type="button"
>
<span> <span>
Uncheck Uncheck
</span> </span>
@ -116,7 +146,8 @@ exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
style="margin-left:10px;" style="margin-left:10px;"
type="button"> type="button"
>
<span> <span>
Disable Disable
</span> </span>
@ -125,79 +156,100 @@ exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/checkbox/demo/disabled.md correctly 1`] = ` exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
<div> <div>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-disabled"> class="ant-checkbox ant-checkbox-disabled"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<br /> <br />
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"> class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
</div> </div>
`; `;
exports[`test renders ./components/checkbox/demo/group.md correctly 1`] = ` exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
<div> <div>
<div <div
class="ant-checkbox-group"> class="ant-checkbox-group"
>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Apple Apple
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Pear Pear
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Orange Orange
@ -206,45 +258,58 @@ exports[`test renders ./components/checkbox/demo/group.md correctly 1`] = `
</div> </div>
<br /> <br />
<div <div
class="ant-checkbox-group"> class="ant-checkbox-group"
>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Apple Apple
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Pear Pear
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Orange Orange
@ -253,47 +318,60 @@ exports[`test renders ./components/checkbox/demo/group.md correctly 1`] = `
</div> </div>
<br /> <br />
<div <div
class="ant-checkbox-group"> class="ant-checkbox-group"
>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"> class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Apple Apple
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-disabled"> class="ant-checkbox ant-checkbox-disabled"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Pear Pear
</span> </span>
</label> </label>
<label <label
class="ant-checkbox-group-item ant-checkbox-wrapper"> class="ant-checkbox-group-item ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
<span> <span>
Orange Orange

342
components/collapse/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,167 +1,78 @@
exports[`test renders ./components/collapse/demo/accordion.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = `
<div <div
class="ant-collapse"> class="ant-collapse"
>
<div <div
class="ant-collapse-item"> class="ant-collapse-item"
>
<div <div
aria-expanded="false" aria-expanded="false"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 1 This is panel header 1
</div> </div>
</div> </div>
<div <div
class="ant-collapse-item"> class="ant-collapse-item"
>
<div <div
aria-expanded="false" aria-expanded="false"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 2 This is panel header 2
</div> </div>
</div> </div>
<div <div
class="ant-collapse-item"> class="ant-collapse-item"
>
<div <div
aria-expanded="false" aria-expanded="false"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 3 This is panel header 3
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/collapse/demo/basic.md correctly 1`] = ` exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
<div <div
class="ant-collapse"> class="ant-collapse"
<div >
class="ant-collapse-item ant-collapse-item-active">
<div
aria-expanded="true"
class="ant-collapse-header"
role="tab">
<i
class="arrow" />
This is panel header 1
</div>
<div
class="ant-collapse-content ant-collapse-content-active"
role="tabpanel">
<div
class="ant-collapse-content-box">
<p>
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many households across the world.
</p>
</div>
</div>
</div>
<div
class="ant-collapse-item">
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
<i
class="arrow" />
This is panel header 2
</div>
</div>
<div
class="ant-collapse-item">
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
<i
class="arrow" />
This is panel header 3
</div>
</div>
</div>
`;
exports[`test renders ./components/collapse/demo/borderless.md correctly 1`] = `
<div
class="ant-collapse ant-collapse-borderless">
<div
class="ant-collapse-item ant-collapse-item-active">
<div
aria-expanded="true"
class="ant-collapse-header"
role="tab">
<i
class="arrow" />
This is panel header 1
</div>
<div
class="ant-collapse-content ant-collapse-content-active"
role="tabpanel">
<div
class="ant-collapse-content-box">
<p>
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many households across the world.
</p>
</div>
</div>
</div>
<div
class="ant-collapse-item">
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
<i
class="arrow" />
This is panel header 2
</div>
</div>
<div
class="ant-collapse-item">
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
<i
class="arrow" />
This is panel header 3
</div>
</div>
</div>
`;
exports[`test renders ./components/collapse/demo/custom.md correctly 1`] = `
<div
class="ant-collapse ant-collapse-borderless">
<div <div
class="ant-collapse-item ant-collapse-item-active" class="ant-collapse-item ant-collapse-item-active"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"> >
<div <div
aria-expanded="true" aria-expanded="true"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 1 This is panel header 1
</div> </div>
<div <div
class="ant-collapse-content ant-collapse-content-active" class="ant-collapse-content ant-collapse-content-active"
role="tabpanel"> role="tabpanel"
>
<div <div
class="ant-collapse-content-box"> class="ant-collapse-content-box"
>
<p> <p>
A dog is a type of domesticated animal. A dog is a type of domesticated animal.
@ -174,64 +85,211 @@ exports[`test renders ./components/collapse/demo/custom.md correctly 1`] = `
</div> </div>
<div <div
class="ant-collapse-item" class="ant-collapse-item"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"> >
<div <div
aria-expanded="false" aria-expanded="false"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 2 This is panel header 2
</div> </div>
</div> </div>
<div <div
class="ant-collapse-item" class="ant-collapse-item"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"> >
<div <div
aria-expanded="false" aria-expanded="false"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 3 This is panel header 3
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/collapse/demo/mix.md correctly 1`] = ` exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
<div <div
class="ant-collapse"> class="ant-collapse ant-collapse-borderless"
>
<div <div
class="ant-collapse-item"> class="ant-collapse-item ant-collapse-item-active"
>
<div <div
aria-expanded="false" aria-expanded="true"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 1 This is panel header 1
</div> </div>
<div
class="ant-collapse-content ant-collapse-content-active"
role="tabpanel"
>
<div
class="ant-collapse-content-box"
>
<p>
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many households across the world.
</p>
</div>
</div>
</div> </div>
<div <div
class="ant-collapse-item"> class="ant-collapse-item"
>
<div <div
aria-expanded="false" aria-expanded="false"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 2 This is panel header 2
</div> </div>
</div> </div>
<div <div
class="ant-collapse-item"> class="ant-collapse-item"
>
<div <div
aria-expanded="false" aria-expanded="false"
class="ant-collapse-header" class="ant-collapse-header"
role="tab"> role="tab"
>
<i <i
class="arrow" /> class="arrow"
/>
This is panel header 3
</div>
</div>
</div>
`;
exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
<div
class="ant-collapse ant-collapse-borderless"
>
<div
class="ant-collapse-item ant-collapse-item-active"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
>
<div
aria-expanded="true"
class="ant-collapse-header"
role="tab"
>
<i
class="arrow"
/>
This is panel header 1
</div>
<div
class="ant-collapse-content ant-collapse-content-active"
role="tabpanel"
>
<div
class="ant-collapse-content-box"
>
<p>
A dog is a type of domesticated animal.
Known for its loyalty and faithfulness,
it can be found as a welcome guest in many households across the world.
</p>
</div>
</div>
</div>
<div
class="ant-collapse-item"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab"
>
<i
class="arrow"
/>
This is panel header 2
</div>
</div>
<div
class="ant-collapse-item"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab"
>
<i
class="arrow"
/>
This is panel header 3
</div>
</div>
</div>
`;
exports[`renders ./components/collapse/demo/mix.md correctly 1`] = `
<div
class="ant-collapse"
>
<div
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab"
>
<i
class="arrow"
/>
This is panel header 1
</div>
</div>
<div
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab"
>
<i
class="arrow"
/>
This is panel header 2
</div>
</div>
<div
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab"
>
<i
class="arrow"
/>
This is panel header 3 This is panel header 3
</div> </div>
</div> </div>

1499
components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
View File

File diff suppressed because it is too large Load Diff

570
components/date-picker/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,308 +1,383 @@
exports[`test renders ./components/date-picker/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
<div> <div>
<span <span
class="ant-calendar-picker"> class="ant-calendar-picker"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="请选择日期" placeholder="请选择日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-calendar-picker"> class="ant-calendar-picker"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="Select month" placeholder="Select month"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
</span> />
</span>
<br />
<span
class="ant-calendar-picker">
<span
class="ant-calendar-picker-input ant-input">
<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>
</div>
`;
exports[`test renders ./components/date-picker/demo/disabled.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker">
<span>
<input
class="ant-calendar-picker-input ant-input"
disabled=""
placeholder="请选择日期"
readonly=""
value="2015-06-06" />
<span
class="ant-calendar-picker-icon" />
</span>
</span>
<br />
<span
class="ant-calendar-picker">
<span>
<input
class="ant-calendar-picker-input ant-input"
disabled=""
placeholder="请选择日期"
readonly=""
value="2015-06" />
<span
class="ant-calendar-picker-icon" />
</span>
</span>
<br />
<span
class="ant-calendar-picker">
<span
class="ant-calendar-picker-input ant-input"
disabled="">
<input
class="ant-calendar-range-picker-input"
disabled=""
placeholder="开始日期"
readonly=""
value="2015-06-06" />
<span
class="ant-calendar-range-picker-separator">
~
</span>
<input
class="ant-calendar-range-picker-input"
disabled=""
placeholder="结束日期"
readonly=""
value="2015-06-06" />
<span
class="ant-calendar-picker-icon" />
</span>
</span>
</div>
`;
exports[`test renders ./components/date-picker/demo/disabled-date.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker"
style="width:154px;">
<span>
<input
class="ant-calendar-picker-input ant-input"
placeholder="请选择日期"
readonly=""
value="" />
<span
class="ant-calendar-picker-icon" />
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;"> >
<span <span
class="ant-calendar-picker-input ant-input"> class="ant-calendar-picker-input ant-input"
>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="开始日期" placeholder="开始日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-range-picker-separator"> class="ant-calendar-range-picker-separator"
>
~ ~
</span> </span>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="结束日期" placeholder="结束日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/date-picker/demo/format.md correctly 1`] = ` exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
<div> <div>
<span <span
class="ant-calendar-picker"> class="ant-calendar-picker"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
disabled=""
placeholder="请选择日期" placeholder="请选择日期"
readonly="" readonly=""
value="2015/01/01" /> value="2015-06-06"
<i />
class="anticon anticon-cross-circle ant-calendar-picker-clear" />
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
</span> />
</span>
<br />
<span
class="ant-calendar-picker">
<span>
<input
class="ant-calendar-picker-input ant-input"
placeholder="请选择日期"
readonly=""
value="2015/01" />
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear" />
<span
class="ant-calendar-picker-icon" />
</span>
</span>
<br />
<span
class="ant-calendar-picker">
<span
class="ant-calendar-picker-input ant-input">
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value="2015/01/01" />
<span
class="ant-calendar-range-picker-separator">
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value="2015/01/01" />
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear" />
<span
class="ant-calendar-picker-icon" />
</span>
</span>
</div>
`;
exports[`test renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker">
<span
class="ant-calendar-picker-input ant-input">
<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>
</span> </span>
<br /> <br />
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;"> >
<span>
<input
class="ant-calendar-picker-input ant-input"
disabled=""
placeholder="请选择日期"
readonly=""
value="2015-06"
/>
<span <span
class="ant-calendar-picker-input ant-input"> class="ant-calendar-picker-icon"
/>
</span>
</span>
<br />
<span
class="ant-calendar-picker"
>
<span
class="ant-calendar-picker-input ant-input"
disabled=""
>
<input
class="ant-calendar-range-picker-input"
disabled=""
placeholder="开始日期"
readonly=""
value="2015-06-06"
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
disabled=""
placeholder="结束日期"
readonly=""
value="2015-06-06"
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker"
style="width:154px;"
>
<span>
<input
class="ant-calendar-picker-input ant-input"
placeholder="请选择日期"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
<br />
<span
class="ant-calendar-picker"
style="width:300px;"
>
<span
class="ant-calendar-picker-input ant-input"
>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="开始日期" placeholder="开始日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-range-picker-separator"> class="ant-calendar-range-picker-separator"
>
~ ~
</span> </span>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="结束日期" placeholder="结束日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/date-picker/demo/size.md correctly 1`] = ` exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker"
>
<span>
<input
class="ant-calendar-picker-input ant-input"
placeholder="请选择日期"
readonly=""
value="2015/01/01"
/>
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear"
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
<br />
<span
class="ant-calendar-picker"
>
<span>
<input
class="ant-calendar-picker-input ant-input"
placeholder="请选择日期"
readonly=""
value="2015/01"
/>
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear"
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
<br />
<span
class="ant-calendar-picker"
>
<span
class="ant-calendar-picker-input ant-input"
>
<input
class="ant-calendar-range-picker-input"
placeholder="开始日期"
readonly=""
value="2015/01/01"
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="结束日期"
readonly=""
value="2015/01/01"
/>
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear"
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker"
>
<span
class="ant-calendar-picker-input ant-input"
>
<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>
<br />
<span
class="ant-calendar-picker"
style="width:300px;"
>
<span
class="ant-calendar-picker-input ant-input"
>
<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>
</div>
`;
exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
<div> <div>
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Large Large
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span <span
class="ant-radio-button ant-radio-button-checked"> class="ant-radio-button ant-radio-button-checked"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Default Default
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Small Small
@ -312,124 +387,151 @@ exports[`test renders ./components/date-picker/demo/size.md correctly 1`] = `
<br /> <br />
<br /> <br />
<span <span
class="ant-calendar-picker"> class="ant-calendar-picker"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="请选择日期" placeholder="请选择日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-calendar-picker"> class="ant-calendar-picker"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="请选择日期" placeholder="请选择日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-calendar-picker"> class="ant-calendar-picker"
>
<span <span
class="ant-calendar-picker-input ant-input"> class="ant-calendar-picker-input ant-input"
>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="开始日期" placeholder="开始日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-range-picker-separator"> class="ant-calendar-range-picker-separator"
>
~ ~
</span> </span>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="结束日期" placeholder="结束日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/date-picker/demo/start-end.md correctly 1`] = ` exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
<div> <div>
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:154px;"> style="width:154px;"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="Start" placeholder="Start"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:154px;"> style="width:154px;"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="End" placeholder="End"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/date-picker/demo/time.md correctly 1`] = ` exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
<div> <div>
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:154px;"> style="width:154px;"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="Select Time" placeholder="Select Time"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;"> style="width:300px;"
>
<span <span
class="ant-calendar-picker-input ant-input"> class="ant-calendar-picker-input ant-input"
>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="Start Time" placeholder="Start Time"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-range-picker-separator"> class="ant-calendar-range-picker-separator"
>
~ ~
</span> </span>
<input <input
class="ant-calendar-range-picker-input" class="ant-calendar-range-picker-input"
placeholder="End Time" placeholder="End Time"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
</div> </div>

102
components/dropdown/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,38 +1,48 @@
exports[`test renders ./components/dropdown/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
<a <a
class="ant-dropdown-link ant-dropdown-trigger" class="ant-dropdown-link ant-dropdown-trigger"
href="#"> href="#"
>
Hover me Hover me
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</a> </a>
`; `;
exports[`test renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
<div> <div>
<div <div
class="ant-btn-group ant-dropdown-button"> class="ant-btn-group ant-dropdown-button"
>
<button <button
class="ant-btn ant-btn-default" class="ant-btn ant-btn-default"
type="button"> type="button"
>
<span> <span>
Dropdown Dropdown
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-default ant-dropdown-trigger" class="ant-btn ant-btn-default ant-dropdown-trigger"
type="button"> type="button"
>
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</button> </button>
</div> </div>
<div <div
class="ant-btn-group ant-dropdown-button" class="ant-btn-group ant-dropdown-button"
style="margin-left:8px;"> style="margin-left:8px;"
>
<button <button
class="ant-btn ant-btn-default" class="ant-btn ant-btn-default"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
Dropdown Dropdown
</span> </span>
@ -40,73 +50,86 @@ exports[`test renders ./components/dropdown/demo/dropdown-button.md correctly 1`
<button <button
class="ant-btn ant-btn-default ant-dropdown-trigger" class="ant-btn ant-btn-default ant-dropdown-trigger"
disabled="" disabled=""
type="button"> type="button"
>
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</button> </button>
</div> </div>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
style="margin-left:8px;" style="margin-left:8px;"
type="button"> type="button"
>
<span> <span>
Button Button
</span> </span>
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</button> </button>
</div> </div>
`; `;
exports[`test renders ./components/dropdown/demo/event.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
<a <a
class="ant-dropdown-link ant-dropdown-trigger" class="ant-dropdown-link ant-dropdown-trigger"
href="#"> href="#"
>
Hover me, Click menu item Hover me, Click menu item
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</a> </a>
`; `;
exports[`test renders ./components/dropdown/demo/item.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
<a <a
class="ant-dropdown-link ant-dropdown-trigger" class="ant-dropdown-link ant-dropdown-trigger"
href="#"> href="#"
>
Hover me Hover me
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</a> </a>
`; `;
exports[`test renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
<a <a
class="ant-dropdown-link ant-dropdown-trigger" class="ant-dropdown-link ant-dropdown-trigger"
href="#"> href="#"
>
Hover me Hover me
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</a> </a>
`; `;
exports[`test renders ./components/dropdown/demo/placement.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
type="button"> type="button"
>
<span> <span>
bottomLeft bottomLeft
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
type="button"> type="button"
>
<span> <span>
bottomCenter bottomCenter
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
type="button"> type="button"
>
<span> <span>
bottomRight bottomRight
</span> </span>
@ -114,21 +137,24 @@ exports[`test renders ./components/dropdown/demo/placement.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
type="button"> type="button"
>
<span> <span>
topLeft topLeft
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
type="button"> type="button"
>
<span> <span>
topCenter topCenter
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
type="button"> type="button"
>
<span> <span>
topRight topRight
</span> </span>
@ -136,24 +162,28 @@ exports[`test renders ./components/dropdown/demo/placement.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/dropdown/demo/sub-menu.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
<a <a
class="ant-dropdown-link ant-dropdown-trigger" class="ant-dropdown-link ant-dropdown-trigger"
href="#"> href="#"
>
Cascading menu Cascading menu
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</a> </a>
`; `;
exports[`test renders ./components/dropdown/demo/trigger.md correctly 1`] = ` exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
<div> <div>
<a <a
class="ant-dropdown-link ant-dropdown-trigger" class="ant-dropdown-link ant-dropdown-trigger"
href="#"> href="#"
>
Click me Click me
<i <i
class="anticon anticon-down" /> class="anticon anticon-down"
/>
</a> </a>
</div> </div>
`; `;

1613
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

466
components/grid/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,74 +1,93 @@
exports[`test renders ./components/grid/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/grid/demo/basic.md correctly 1`] = `
<div> <div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-12"> class="ant-col-12"
>
col-12 col-12
</div> </div>
<div <div
class="ant-col-12"> class="ant-col-12"
>
col-12 col-12
</div> </div>
</div> </div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-8"> class="ant-col-8"
>
col-8 col-8
</div> </div>
<div <div
class="ant-col-8"> class="ant-col-8"
>
col-8 col-8
</div> </div>
<div <div
class="ant-col-8"> class="ant-col-8"
>
col-8 col-8
</div> </div>
</div> </div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-6"> class="ant-col-6"
>
col-6 col-6
</div> </div>
<div <div
class="ant-col-6"> class="ant-col-6"
>
col-6 col-6
</div> </div>
<div <div
class="ant-col-6"> class="ant-col-6"
>
col-6 col-6
</div> </div>
<div <div
class="ant-col-6"> class="ant-col-6"
>
col-6 col-6
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/flex.md correctly 1`] = ` exports[`renders ./components/grid/demo/flex.md correctly 1`] = `
<div> <div>
<p> <p>
sub-element align left sub-element align left
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-start"> class="ant-row-flex ant-row-flex-start"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
</div> </div>
@ -76,21 +95,26 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
sub-element align center sub-element align center
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-center"> class="ant-row-flex ant-row-flex-center"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
</div> </div>
@ -98,21 +122,26 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
sub-element align right sub-element align right
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-end"> class="ant-row-flex ant-row-flex-end"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
</div> </div>
@ -120,21 +149,26 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
sub-element monospaced arrangement sub-element monospaced arrangement
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-space-between"> class="ant-row-flex ant-row-flex-space-between"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
</div> </div>
@ -142,59 +176,73 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
sub-element align full sub-element align full
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-space-around"> class="ant-row-flex ant-row-flex-space-around"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
col-4 col-4
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = ` exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
<div> <div>
<p> <p>
Align Top Align Top
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-center ant-row-flex-top"> class="ant-row-flex ant-row-flex-center ant-row-flex-top"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-100"> class="height-100"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-50"> class="height-50"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-120"> class="height-120"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-80"> class="height-80"
>
col-4 col-4
</p> </p>
</div> </div>
@ -203,32 +251,41 @@ exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = `
Align Center Align Center
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-space-around ant-row-flex-middle"> class="ant-row-flex ant-row-flex-space-around ant-row-flex-middle"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-100"> class="height-100"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-50"> class="height-50"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-120"> class="height-120"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-80"> class="height-80"
>
col-4 col-4
</p> </p>
</div> </div>
@ -237,32 +294,41 @@ exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = `
Align Bottom Align Bottom
</p> </p>
<div <div
class="ant-row-flex ant-row-flex-space-between ant-row-flex-bottom"> class="ant-row-flex ant-row-flex-space-between ant-row-flex-bottom"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-100"> class="height-100"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-50"> class="height-50"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-120"> class="height-120"
>
col-4 col-4
</p> </p>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<p <p
class="height-80"> class="height-80"
>
col-4 col-4
</p> </p>
</div> </div>
@ -270,65 +336,80 @@ exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/flex-order.md correctly 1`] = ` exports[`renders ./components/grid/demo/flex-order.md correctly 1`] = `
<div> <div>
<div <div
class="ant-row-flex"> class="ant-row-flex"
>
<div <div
class="ant-col-6 ant-col-order-4"> class="ant-col-6 ant-col-order-4"
>
1 col-order-4 1 col-order-4
</div> </div>
<div <div
class="ant-col-6 ant-col-order-3"> class="ant-col-6 ant-col-order-3"
>
2 col-order-3 2 col-order-3
</div> </div>
<div <div
class="ant-col-6 ant-col-order-2"> class="ant-col-6 ant-col-order-2"
>
3 col-order-2 3 col-order-2
</div> </div>
<div <div
class="ant-col-6 ant-col-order-1"> class="ant-col-6 ant-col-order-1"
>
4 col-order-1 4 col-order-1
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/gutter.md correctly 1`] = ` exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
<div <div
class="gutter-example"> class="gutter-example"
>
<div <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;"> style="margin-left:-8px;margin-right:-8px;"
>
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div <div
class="gutter-box"> class="gutter-box"
>
col-6 col-6
</div> </div>
</div> </div>
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div <div
class="gutter-box"> class="gutter-box"
>
col-6 col-6
</div> </div>
</div> </div>
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div <div
class="gutter-box"> class="gutter-box"
>
col-6 col-6
</div> </div>
</div> </div>
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div <div
class="gutter-box"> class="gutter-box"
>
col-6 col-6
</div> </div>
</div> </div>
@ -336,183 +417,232 @@ exports[`test renders ./components/grid/demo/gutter.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/offset.md correctly 1`] = ` exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
<div> <div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-8"> class="ant-col-8"
>
col-8 col-8
</div> </div>
<div <div
class="ant-col-8 ant-col-offset-8"> class="ant-col-8 ant-col-offset-8"
>
col-8 col-8
</div> </div>
</div> </div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-6 ant-col-offset-6"> class="ant-col-6 ant-col-offset-6"
>
col-6 col-offset-6 col-6 col-offset-6
</div> </div>
<div <div
class="ant-col-6 ant-col-offset-6"> class="ant-col-6 ant-col-offset-6"
>
col-6 col-offset-6 col-6 col-offset-6
</div> </div>
</div> </div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-12 ant-col-offset-6"> class="ant-col-12 ant-col-offset-6"
>
col-12 col-offset-6 col-12 col-offset-6
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/playground.md correctly 1`] = ` exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
<div> <div>
<div <div
style="margin-bottom:16px;"> style="margin-bottom:16px;"
>
<span <span
style="margin-right:6px;"> style="margin-right:6px;"
>
Gutter (px): Gutter (px):
</span> </span>
<div <div
style="width:50%;"> style="width:50%;"
>
<div <div
class="ant-slider ant-slider-with-marks"> class="ant-slider ant-slider-with-marks"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:20%;" /> style="visibility:visible;left:0%;width:20%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" /> style="left:0%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:20%;" /> style="left:20%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:40%;" /> style="left:40%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:60%;" /> style="left:60%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:80%;" /> style="left:80%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" /> style="left:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:20%;" /> style="left:20%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:0%;"> style="width:18%;margin-left:-9%;left:0%;"
>
8 8
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:20%;"> style="width:18%;margin-left:-9%;left:20%;"
>
16 16
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:40%;"> style="width:18%;margin-left:-9%;left:40%;"
>
24 24
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;"> style="width:18%;margin-left:-9%;left:60%;"
>
32 32
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;"> style="width:18%;margin-left:-9%;left:80%;"
>
40 40
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;"> style="width:18%;margin-left:-9%;left:100%;"
>
48 48
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<span <span
style="margin-right:6px;"> style="margin-right:6px;"
>
Column Count: Column Count:
</span> </span>
<div <div
style="width:50%;"> style="width:50%;"
>
<div <div
class="ant-slider ant-slider-with-marks"> class="ant-slider ant-slider-with-marks"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:40%;" /> style="visibility:visible;left:0%;width:40%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" /> style="left:0%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:20%;" /> style="left:20%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:40%;" /> style="left:40%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:60%;" /> style="left:60%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:80%;" /> style="left:80%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" /> style="left:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:40%;" /> style="left:40%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:0%;"> style="width:18%;margin-left:-9%;left:0%;"
>
2 2
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:20%;"> style="width:18%;margin-left:-9%;left:20%;"
>
3 3
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:40%;"> style="width:18%;margin-left:-9%;left:40%;"
>
4 4
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;"> style="width:18%;margin-left:-9%;left:60%;"
>
6 6
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;"> style="width:18%;margin-left:-9%;left:80%;"
>
8 8
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;"> style="width:18%;margin-left:-9%;left:100%;"
>
12 12
</span> </span>
</div> </div>
@ -521,93 +651,109 @@ exports[`test renders ./components/grid/demo/playground.md correctly 1`] = `
</div> </div>
<div <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;"> style="margin-left:-8px;margin-right:-8px;"
>
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div> <div>
Column Column
</div> </div>
</div> </div>
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div> <div>
Column Column
</div> </div>
</div> </div>
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div> <div>
Column Column
</div> </div>
</div> </div>
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;"> style="padding-left:8px;padding-right:8px;"
>
<div> <div>
Column Column
</div> </div>
</div> </div>
</div> </div>
<pre> <pre>
<Row gutter={16}> &lt;Row gutter={16}&gt;
<Col span={6} /> &lt;Col span={6} /&gt;
<Col span={6} /> &lt;Col span={6} /&gt;
<Col span={6} /> &lt;Col span={6} /&gt;
<Col span={6} /> &lt;Col span={6} /&gt;
</Row> &lt;/Row&gt;
</pre> </pre>
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/reponsive.md correctly 1`] = ` exports[`renders ./components/grid/demo/reponsive.md correctly 1`] = `
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"> class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
>
Col Col
</div> </div>
<div <div
class="ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4"> class="ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4"
>
Col Col
</div> </div>
<div <div
class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"> class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
>
Col Col
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/reponsive-more.md correctly 1`] = ` exports[`renders ./components/grid/demo/reponsive-more.md correctly 1`] = `
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"> class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
>
Col Col
</div> </div>
<div <div
class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"> class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
>
Col Col
</div> </div>
<div <div
class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"> class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
>
Col Col
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/grid/demo/sort.md correctly 1`] = ` exports[`renders ./components/grid/demo/sort.md correctly 1`] = `
<div> <div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-18 ant-col-push-6"> class="ant-col-18 ant-col-push-6"
>
col-18 col-push-6 col-18 col-push-6
</div> </div>
<div <div
class="ant-col-6 ant-col-pull-18"> class="ant-col-6 ant-col-pull-18"
>
col-6 col-pull-18 col-6 col-pull-18
</div> </div>
</div> </div>

210
components/input-number/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,104 +1,132 @@
exports[`test renders ./components/input-number/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
<div <div
class="ant-input-number"> class="ant-input-number"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="10" max="10"
min="1" min="1"
value="3" /> value="3"
/>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/input-number/demo/digit.md correctly 1`] = ` exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
<div <div
class="ant-input-number"> class="ant-input-number"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="10" max="10"
min="0" min="0"
value="" /> value=""
/>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/input-number/demo/disabled.md correctly 1`] = ` exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
<div> <div>
<div <div
class="ant-input-number ant-input-number-disabled"> class="ant-input-number ant-input-number-disabled"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
disabled="" disabled=""
max="10" max="10"
min="1" min="1"
value="3" /> value="3"
/>
</div> </div>
</div> </div>
<div <div
style="margin-top:20px;"> style="margin-top:20px;"
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Toggle disabled Toggle disabled
</span> </span>
@ -107,156 +135,196 @@ exports[`test renders ./components/input-number/demo/disabled.md correctly 1`] =
</div> </div>
`; `;
exports[`test renders ./components/input-number/demo/formatter.md correctly 1`] = ` exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
<div> <div>
<div <div
class="ant-input-number"> class="ant-input-number"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="Infinity" max="Infinity"
min="-Infinity" min="-Infinity"
value="$ 100" /> value="$ 100"
/>
</div> </div>
</div> </div>
<div <div
class="ant-input-number"> class="ant-input-number"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="Infinity" max="Infinity"
min="-Infinity" min="-Infinity"
value="100%" /> value="100%"
/>
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/input-number/demo/size.md correctly 1`] = ` exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
<div> <div>
<div <div
class="ant-input-number ant-input-number-lg"> class="ant-input-number ant-input-number-lg"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="100000" max="100000"
min="1" min="1"
value="3" /> value="3"
/>
</div> </div>
</div> </div>
<div <div
class="ant-input-number"> class="ant-input-number"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="100000" max="100000"
min="1" min="1"
value="3" /> value="3"
/>
</div> </div>
</div> </div>
<div <div
class="ant-input-number ant-input-number-sm"> class="ant-input-number ant-input-number-sm"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="100000" max="100000"
min="1" min="1"
value="3" /> value="3"
/>
</div> </div>
</div> </div>
</div> </div>

287
components/input/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,32 +1,43 @@
exports[`test renders ./components/input/demo/addon.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/input/demo/addon.md correctly 1`] = `
<div> <div>
<div <div
style="margin-bottom:16px;"> style="margin-bottom:16px;"
>
<span <span
class="ant-input-wrapper ant-input-group"> class="ant-input-wrapper ant-input-group"
>
<span <span
class="ant-input-group-addon"> class="ant-input-group-addon"
>
Http:// Http://
</span> </span>
<input <input
class="ant-input" class="ant-input"
type="text" type="text"
value="mysite" /> value="mysite"
/>
<span <span
class="ant-input-group-addon"> class="ant-input-group-addon"
>
.com .com
</span> </span>
</span> </span>
</div> </div>
<div <div
style="margin-bottom:16px;"> style="margin-bottom:16px;"
>
<span <span
class="ant-input-wrapper ant-input-group"> class="ant-input-wrapper ant-input-group"
>
<span <span
class="ant-input-group-addon"> class="ant-input-group-addon"
>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:80px;"> style="width:80px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -34,20 +45,24 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Http://"> title="Http://"
>
Http:// Http://
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -56,12 +71,15 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
<input <input
class="ant-input" class="ant-input"
type="text" type="text"
value="mysite" /> value="mysite"
/>
<span <span
class="ant-input-group-addon"> class="ant-input-group-addon"
>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:70px;"> style="width:70px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -69,20 +87,24 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title=".com"> title=".com"
>
.com .com
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -91,83 +113,102 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
style="margin-bottom:16px;"> style="margin-bottom:16px;"
>
<span <span
class="ant-input-wrapper ant-input-group"> class="ant-input-wrapper ant-input-group"
>
<input <input
class="ant-input" class="ant-input"
type="text" type="text"
value="mysite" /> value="mysite"
/>
<span <span
class="ant-input-group-addon"> class="ant-input-group-addon"
>
<i <i
class="anticon anticon-setting" /> class="anticon anticon-setting"
/>
</span> </span>
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/input/demo/autosize-textarea.md correctly 1`] = ` exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
<div> <div>
<textarea <textarea
class="ant-input" class="ant-input"
placeholder="Autosize height based on content lines" placeholder="Autosize height based on content lines"
type="textarea" /> type="textarea"
/>
<div <div
style="margin:24px 0;" /> style="margin:24px 0;"
/>
<textarea <textarea
class="ant-input" class="ant-input"
placeholder="Autosize height with minimum and maximum number of lines" placeholder="Autosize height with minimum and maximum number of lines"
type="textarea" /> type="textarea"
/>
</div> </div>
`; `;
exports[`test renders ./components/input/demo/basic.md correctly 1`] = ` exports[`renders ./components/input/demo/basic.md correctly 1`] = `
<input <input
class="ant-input" class="ant-input"
placeholder="Basic usage" placeholder="Basic usage"
type="text" /> type="text"
/>
`; `;
exports[`test renders ./components/input/demo/group.md correctly 1`] = ` exports[`renders ./components/input/demo/group.md correctly 1`] = `
<div> <div>
<span <span
class="ant-input-group ant-input-group-lg"> class="ant-input-group ant-input-group-lg"
>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<input <input
class="ant-input" class="ant-input"
type="text" type="text"
value="0571" /> value="0571"
/>
</div> </div>
<div <div
class="ant-col-8"> class="ant-col-8"
>
<input <input
class="ant-input" class="ant-input"
type="text" type="text"
value="26888888" /> value="26888888"
/>
</div> </div>
</span> </span>
<br /> <br />
<span <span
class="ant-input-group ant-input-group-compact"> class="ant-input-group ant-input-group-compact"
>
<input <input
class="ant-input" class="ant-input"
style="width:20%;" style="width:20%;"
type="text" type="text"
value="0571" /> value="0571"
/>
<input <input
class="ant-input" class="ant-input"
style="width:30%;" style="width:30%;"
type="text" type="text"
value="26888888" /> value="26888888"
/>
</span> </span>
<br /> <br />
<span <span
class="ant-input-group ant-input-group-compact"> class="ant-input-group ant-input-group-compact"
>
<div <div
class="ant-select ant-select-enabled"> class="ant-select ant-select-enabled"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -175,20 +216,24 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Zhejiang"> title="Zhejiang"
>
Zhejiang Zhejiang
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -197,13 +242,16 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input" class="ant-input"
style="width:50%;" style="width:50%;"
type="text" type="text"
value="Xihu District, Hangzhou" /> value="Xihu District, Hangzhou"
/>
</span> </span>
<br /> <br />
<span <span
class="ant-input-group ant-input-group-compact"> class="ant-input-group ant-input-group-compact"
>
<div <div
class="ant-select ant-select-enabled"> class="ant-select ant-select-enabled"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -211,20 +259,24 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Option1"> title="Option1"
>
Option1 Option1
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -233,63 +285,79 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
class="ant-input" class="ant-input"
style="width:50%;" style="width:50%;"
type="text" type="text"
value="input content" /> value="input content"
/>
<div <div
class="ant-input-number"> class="ant-input-number"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down " class="ant-input-number-handler ant-input-number-handler-down "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="Infinity" max="Infinity"
min="-Infinity" min="-Infinity"
value="" /> value=""
/>
</div> </div>
</div> </div>
</span> </span>
<br /> <br />
<span <span
class="ant-input-group ant-input-group-compact"> class="ant-input-group ant-input-group-compact"
>
<input <input
class="ant-input" class="ant-input"
style="width:50%;" style="width:50%;"
type="text" type="text"
value="input content" /> value="input content"
/>
<span <span
class="ant-calendar-picker"> class="ant-calendar-picker"
>
<span> <span>
<input <input
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
placeholder="请选择日期" placeholder="请选择日期"
readonly="" readonly=""
value="" /> value=""
/>
<span <span
class="ant-calendar-picker-icon" /> class="ant-calendar-picker-icon"
/>
</span> </span>
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-input-group ant-input-group-compact"> class="ant-input-group ant-input-group-compact"
>
<div <div
class="ant-select ant-select-enabled"> class="ant-select ant-select-enabled"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -297,26 +365,31 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Option1-1"> title="Option1-1"
>
Option1-1 Option1-1
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-select ant-select-enabled"> class="ant-select ant-select-enabled"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -324,20 +397,24 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Option2-2"> title="Option2-2"
>
Option2-2 Option2-2
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -347,69 +424,83 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/input/demo/presuffix.md correctly 1`] = ` exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
<span <span
class="ant-input-preSuffix-wrapper"> class="ant-input-preSuffix-wrapper"
>
<span <span
class="ant-input-prefix"> class="ant-input-prefix"
>
<i <i
class="anticon anticon-user" /> class="anticon anticon-user"
/>
</span> </span>
<input <input
class="ant-input" class="ant-input"
placeholder="Enter your userName" placeholder="Enter your userName"
type="text" type="text"
value="" /> value=""
/>
</span> </span>
`; `;
exports[`test renders ./components/input/demo/search-input.md correctly 1`] = ` exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
<span <span
class="ant-input-preSuffix-wrapper" class="ant-input-preSuffix-wrapper"
style="width:200px;"> style="width:200px;"
>
<input <input
class="ant-input ant-input-search" class="ant-input ant-input-search"
placeholder="input search text" placeholder="input search text"
type="text" /> type="text"
/>
<span <span
class="ant-input-suffix"> class="ant-input-suffix"
>
<i <i
class="anticon anticon-search ant-input-search-icon" /> class="anticon anticon-search ant-input-search-icon"
/>
</span> </span>
</span> </span>
`; `;
exports[`test renders ./components/input/demo/size.md correctly 1`] = ` exports[`renders ./components/input/demo/size.md correctly 1`] = `
<div <div
class="example-input"> class="example-input"
>
<input <input
class="ant-input ant-input-lg" class="ant-input ant-input-lg"
placeholder="large size" placeholder="large size"
type="text" /> type="text"
/>
<input <input
class="ant-input" class="ant-input"
placeholder="default size" placeholder="default size"
type="text" /> type="text"
/>
<input <input
class="ant-input ant-input-sm" class="ant-input ant-input-sm"
placeholder="small size" placeholder="small size"
type="text" /> type="text"
/>
</div> </div>
`; `;
exports[`test renders ./components/input/demo/textarea.md correctly 1`] = ` exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
<textarea <textarea
class="ant-input" class="ant-input"
rows="4" rows="4"
type="textarea" /> type="textarea"
/>
`; `;
exports[`test renders ./components/input/demo/tooltip.md correctly 1`] = ` exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
<input <input
class="ant-input" class="ant-input"
maxlength="25" maxlength="25"
placeholder="Input a number" placeholder="Input a number"
style="width:120px;" style="width:120px;"
type="text" type="text"
value="" /> value=""
/>
`; `;

892
components/layout/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

1005
components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

287
components/menu/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,36 +1,46 @@
exports[`test renders ./components/menu/demo/horizontal.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
<ul <ul
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-light ant-menu-root" class="ant-menu ant-menu-horizontal ant-menu-light ant-menu-root"
role="menu" role="menu"
tabindex="0"> tabindex="0"
>
<li <li
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem"> role="menuitem"
>
<i <i
class="anticon anticon-mail" /> class="anticon anticon-mail"
/>
Navigation One Navigation One
</li> </li>
<li <li
aria-disabled="true" aria-disabled="true"
aria-selected="false" aria-selected="false"
class="ant-menu-item-disabled ant-menu-item" class="ant-menu-item-disabled ant-menu-item"
role="menuitem"> role="menuitem"
>
<i <i
class="anticon anticon-appstore" /> class="anticon anticon-appstore"
/>
Navigation Two Navigation Two
</li> </li>
<li <li
class="ant-menu-submenu-horizontal ant-menu-submenu"> class="ant-menu-submenu-horizontal ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="item_2$Menu" aria-owns="item_2$Menu"
class="ant-menu-submenu-title"> class="ant-menu-submenu-title"
>
<span> <span>
<i <i
class="anticon anticon-setting" /> class="anticon anticon-setting"
/>
Navigation Three - Submenu Navigation Three - Submenu
</span> </span>
</div> </div>
@ -38,35 +48,41 @@ exports[`test renders ./components/menu/demo/horizontal.md correctly 1`] = `
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem"> role="menuitem"
>
<a <a
href="https://ant.design" href="https://ant.design"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank"> target="_blank"
>
Navigation Four - Link Navigation Four - Link
</a> </a>
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/menu/demo/sider.md correctly 1`] = ` exports[`renders ./components/menu/demo/sider.md correctly 1`] = `
<ul <ul
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px;"
tabindex="0"> tabindex="0"
>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"
>
<div <div
aria-expanded="true" aria-expanded="true"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-mail" /> class="anticon anticon-mail"
/>
<span> <span>
Navigation One Navigation One
</span> </span>
@ -76,51 +92,62 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-sub" class="ant-menu ant-menu-inline ant-menu-sub"
id="sub1$Menu" id="sub1$Menu"
role="menu"> role="menu"
>
<li <li
class=" ant-menu-item-group"> class=" ant-menu-item-group"
>
<div <div
class="ant-menu-item-group-title"> class="ant-menu-item-group-title"
>
Item 1 Item 1
</div> </div>
<ul <ul
class="ant-menu-item-group-list"> class="ant-menu-item-group-list"
>
<li <li
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 1 Option 1
</li> </li>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 2 Option 2
</li> </li>
</ul> </ul>
</li> </li>
<li <li
class=" ant-menu-item-group"> class=" ant-menu-item-group"
>
<div <div
class="ant-menu-item-group-title"> class="ant-menu-item-group-title"
>
Item 2 Item 2
</div> </div>
<ul <ul
class="ant-menu-item-group-list"> class="ant-menu-item-group-list"
>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 3 Option 3
</li> </li>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 4 Option 4
</li> </li>
</ul> </ul>
@ -128,16 +155,19 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
</ul> </ul>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-appstore" /> class="anticon anticon-appstore"
/>
<span> <span>
Navigation Two Navigation Two
</span> </span>
@ -145,16 +175,19 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-setting" /> class="anticon anticon-setting"
/>
<span> <span>
Navigation Three Navigation Three
</span> </span>
@ -164,24 +197,28 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = ` exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
<ul <ul
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px;"
tabindex="0"> tabindex="0"
>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu-selected ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu-selected ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-mail" /> class="anticon anticon-mail"
/>
<span> <span>
Navigation One Navigation One
</span> </span>
@ -189,16 +226,19 @@ exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-appstore" /> class="anticon anticon-appstore"
/>
<span> <span>
Navigation Two Navigation Two
</span> </span>
@ -206,16 +246,19 @@ exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-setting" /> class="anticon anticon-setting"
/>
<span> <span>
Navigation Three Navigation Three
</span> </span>
@ -225,13 +268,15 @@ exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = ` exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
<div> <div>
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
<br /> <br />
<br /> <br />
@ -240,18 +285,22 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px;"
tabindex="0"> tabindex="0"
>
<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"
>
<div <div
aria-expanded="true" aria-expanded="true"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-mail" /> class="anticon anticon-mail"
/>
<span> <span>
Navigation One Navigation One
</span> </span>
@ -261,51 +310,62 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-sub" class="ant-menu ant-menu-inline ant-menu-sub"
id="sub1$Menu" id="sub1$Menu"
role="menu"> role="menu"
>
<li <li
class=" ant-menu-item-group"> class=" ant-menu-item-group"
>
<div <div
class="ant-menu-item-group-title"> class="ant-menu-item-group-title"
>
Item 1 Item 1
</div> </div>
<ul <ul
class="ant-menu-item-group-list"> class="ant-menu-item-group-list"
>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 1 Option 1
</li> </li>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 2 Option 2
</li> </li>
</ul> </ul>
</li> </li>
<li <li
class=" ant-menu-item-group"> class=" ant-menu-item-group"
>
<div <div
class="ant-menu-item-group-title"> class="ant-menu-item-group-title"
>
Item 2 Item 2
</div> </div>
<ul <ul
class="ant-menu-item-group-list"> class="ant-menu-item-group-list"
>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 3 Option 3
</li> </li>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 4 Option 4
</li> </li>
</ul> </ul>
@ -313,16 +373,19 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
</ul> </ul>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-appstore" /> class="anticon anticon-appstore"
/>
<span> <span>
Navigation Two Navigation Two
</span> </span>
@ -330,16 +393,19 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-setting" /> class="anticon anticon-setting"
/>
<span> <span>
Navigation Three Navigation Three
</span> </span>
@ -350,14 +416,16 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/menu/demo/theme.md correctly 1`] = ` exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
<div> <div>
<span <span
checked="" checked=""
class="ant-switch ant-switch-checked" class="ant-switch ant-switch-checked"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner"> class="ant-switch-inner"
>
Dark Dark
</span> </span>
</span> </span>
@ -368,18 +436,22 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root" class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px;"
tabindex="0"> tabindex="0"
>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"
>
<div <div
aria-expanded="true" aria-expanded="true"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-mail" /> class="anticon anticon-mail"
/>
<span> <span>
Navigation One Navigation One
</span> </span>
@ -389,48 +461,56 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-sub" class="ant-menu ant-menu-inline ant-menu-sub"
id="sub1$Menu" id="sub1$Menu"
role="menu"> role="menu"
>
<li <li
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 1 Option 1
</li> </li>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 2 Option 2
</li> </li>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 3 Option 3
</li> </li>
<li <li
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;"> style="padding-left:48px;"
>
Option 4 Option 4
</li> </li>
</ul> </ul>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-appstore" /> class="anticon anticon-appstore"
/>
<span> <span>
Navigtion Two Navigtion Two
</span> </span>
@ -438,16 +518,19 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-menu-submenu-inline ant-menu-submenu"> class="ant-menu-submenu-inline ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;"> style="padding-left:24px;"
>
<span> <span>
<i <i
class="anticon anticon-setting" /> class="anticon anticon-setting"
/>
<span> <span>
Navigation Three Navigation Three
</span> </span>
@ -458,23 +541,27 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/menu/demo/vertical.md correctly 1`] = ` exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
<ul <ul
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-vertical ant-menu-light ant-menu-root" class="ant-menu ant-menu-vertical ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px;"
tabindex="0"> tabindex="0"
>
<li <li
class="ant-menu-submenu-vertical ant-menu-submenu"> class="ant-menu-submenu-vertical ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title"> class="ant-menu-submenu-title"
>
<span> <span>
<i <i
class="anticon anticon-mail" /> class="anticon anticon-mail"
/>
<span> <span>
Navigation One Navigation One
</span> </span>
@ -482,15 +569,18 @@ exports[`test renders ./components/menu/demo/vertical.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-menu-submenu-vertical ant-menu-submenu"> class="ant-menu-submenu-vertical ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title"> class="ant-menu-submenu-title"
>
<span> <span>
<i <i
class="anticon anticon-appstore" /> class="anticon anticon-appstore"
/>
<span> <span>
Navigation Two Navigation Two
</span> </span>
@ -498,15 +588,18 @@ exports[`test renders ./components/menu/demo/vertical.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-menu-submenu-vertical ant-menu-submenu"> class="ant-menu-submenu-vertical ant-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title"> class="ant-menu-submenu-title"
>
<span> <span>
<icon <icon
type="setting" /> type="setting"
/>
<span> <span>
Navigation Three Navigation Three
</span> </span>

28
components/message/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,52 +1,60 @@
exports[`test renders ./components/message/demo/duration.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/message/demo/duration.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Customized display duration Customized display duration
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/message/demo/info.md correctly 1`] = ` exports[`renders ./components/message/demo/info.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Display normal message Display normal message
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/message/demo/loading.md correctly 1`] = ` exports[`renders ./components/message/demo/loading.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Display a loading indicator Display a loading indicator
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/message/demo/other.md correctly 1`] = ` exports[`renders ./components/message/demo/other.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Success Success
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Error Error
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Warning Warning
</span> </span>

62
components/modal/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,8 +1,11 @@
exports[`test renders ./components/modal/demo/async.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/modal/demo/async.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open a modal dialog Open a modal dialog
</span> </span>
@ -10,11 +13,12 @@ exports[`test renders ./components/modal/demo/async.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/modal/demo/basic.md correctly 1`] = ` exports[`renders ./components/modal/demo/basic.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open a modal dialog Open a modal dialog
</span> </span>
@ -22,31 +26,34 @@ exports[`test renders ./components/modal/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/modal/demo/confirm.md correctly 1`] = ` exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
confirmation modal dialog confirmation modal dialog
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/modal/demo/confirm-promise.md correctly 1`] = ` exports[`renders ./components/modal/demo/confirm-promise.md correctly 1`] = `
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Confirmation modal dialog Confirmation modal dialog
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/modal/demo/footer.md correctly 1`] = ` exports[`renders ./components/modal/demo/footer.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open modal dialog Open modal dialog
</span> </span>
@ -54,32 +61,36 @@ exports[`test renders ./components/modal/demo/footer.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/modal/demo/info.md correctly 1`] = ` exports[`renders ./components/modal/demo/info.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Info Info
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Success Success
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Error Error
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Warning Warning
</span> </span>
@ -87,12 +98,13 @@ exports[`test renders ./components/modal/demo/info.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/modal/demo/locale.md correctly 1`] = ` exports[`renders ./components/modal/demo/locale.md correctly 1`] = `
<div> <div>
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Show Modal Show Modal
</span> </span>
@ -101,7 +113,8 @@ exports[`test renders ./components/modal/demo/locale.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
confirm confirm
</span> </span>
@ -109,11 +122,12 @@ exports[`test renders ./components/modal/demo/locale.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/modal/demo/manual.md correctly 1`] = ` exports[`renders ./components/modal/demo/manual.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Success Success
</span> </span>
@ -121,11 +135,12 @@ exports[`test renders ./components/modal/demo/manual.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/modal/demo/position.md correctly 1`] = ` exports[`renders ./components/modal/demo/position.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Display a modal dialog at 20px to Top Display a modal dialog at 20px to Top
</span> </span>
@ -134,7 +149,8 @@ exports[`test renders ./components/modal/demo/position.md correctly 1`] = `
<br /> <br />
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Vertically centered modal dialog Vertically centered modal dialog
</span> </span>

16
components/modal/__tests__/comfirm.test.js
View File

@ -3,6 +3,16 @@ import Modal from '..';
const confirm = Modal.confirm; const confirm = Modal.confirm;
describe('Modal.confirm triggers callbacks correctly', () => { describe('Modal.confirm triggers callbacks correctly', () => {
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
afterEach(() => {
errorSpy.mockReset();
});
afterAll(() => {
errorSpy.mockRestore();
});
function $$(className) { function $$(className) {
return document.body.querySelectorAll(className); return document.body.querySelectorAll(className);
} }
@ -45,15 +55,13 @@ describe('Modal.confirm triggers callbacks correctly', () => {
open(); open();
// Third Modal // Third Modal
$$('.ant-btn')[4].click(); $$('.ant-btn')[4].click();
// eslint-disable-next-line expect(errorSpy).not.toHaveBeenCalled();
expect(console.error.calls).toBe(undefined);
}); });
it('should allow Modal.comfirm without onOk been set', () => { it('should allow Modal.comfirm without onOk been set', () => {
open(); open();
// Fourth Modal // Fourth Modal
$$('.ant-btn-primary')[3].click(); $$('.ant-btn-primary')[3].click();
// eslint-disable-next-line expect(errorSpy).not.toHaveBeenCalled();
expect(console.error.calls).toBe(undefined);
}); });
}); });

56
components/notification/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,38 +1,44 @@
exports[`test renders ./components/notification/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/notification/demo/basic.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open the notification box Open the notification box
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/notification/demo/custom-icon.md correctly 1`] = ` exports[`renders ./components/notification/demo/custom-icon.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open the notification box Open the notification box
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/notification/demo/duration.md correctly 1`] = ` exports[`renders ./components/notification/demo/duration.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open the notification box Open the notification box
</span> </span>
</button> </button>
`; `;
exports[`test 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" class="ant-select ant-select-enabled"
style="width:120px;margin-right:10px;"> style="width:120px;margin-right:10px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -40,27 +46,32 @@ exports[`test renders ./components/notification/demo/placement.md correctly 1`]
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="topRight"> title="topRight"
>
topRight topRight
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open the notification box Open the notification box
</span> </span>
@ -68,42 +79,47 @@ exports[`test renders ./components/notification/demo/placement.md correctly 1`]
</div> </div>
`; `;
exports[`test renders ./components/notification/demo/with-btn.md correctly 1`] = ` exports[`renders ./components/notification/demo/with-btn.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Open the notification box Open the notification box
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/notification/demo/with-icon.md correctly 1`] = ` exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Success Success
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Info Info
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Warning Warning
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Error Error
</span> </span>

360
components/pagination/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,120 +1,142 @@
exports[`test renders ./components/pagination/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/pagination/demo/basic.md correctly 1`] = `
<ul <ul
class="ant-pagination " class="ant-pagination "
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class="ant-pagination-disabled ant-pagination-prev" class="ant-pagination-disabled ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3" class="ant-pagination-item ant-pagination-item-3"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/pagination/demo/changer.md correctly 1`] = ` exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
<ul <ul
class="ant-pagination " class="ant-pagination "
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class=" ant-pagination-prev" class=" ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1" class="ant-pagination-item ant-pagination-item-1"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class="ant-pagination-jump-next" class="ant-pagination-jump-next"
title="向后 5 页"> title="向后 5 页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-50" class="ant-pagination-item ant-pagination-item-50"
title="50"> title="50"
>
<a> <a>
50 50
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
<div <div
class="ant-pagination-options"> class="ant-pagination-options"
>
<div <div
class="ant-pagination-options-size-changer ant-select ant-select-enabled"> class="ant-pagination-options-size-changer ant-select ant-select-enabled"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -122,20 +144,24 @@ exports[`test renders ./components/pagination/demo/changer.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="10 条/页"> title="10 条/页"
>
10 条/页 10 条/页
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -144,236 +170,275 @@ exports[`test renders ./components/pagination/demo/changer.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`test renders ./components/pagination/demo/controlled.md correctly 1`] = ` exports[`renders ./components/pagination/demo/controlled.md correctly 1`] = `
<ul <ul
class="ant-pagination " class="ant-pagination "
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class=" ant-pagination-prev" class=" ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1" class="ant-pagination-item ant-pagination-item-1"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/pagination/demo/jump.md correctly 1`] = ` exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
<ul <ul
class="ant-pagination " class="ant-pagination "
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class=" ant-pagination-prev" class=" ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1" class="ant-pagination-item ant-pagination-item-1"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3" class="ant-pagination-item ant-pagination-item-3"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class="ant-pagination-jump-next" class="ant-pagination-jump-next"
title="向后 5 页"> title="向后 5 页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-50" class="ant-pagination-item ant-pagination-item-50"
title="50"> title="50"
>
<a> <a>
50 50
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
<div <div
class="ant-pagination-options"> class="ant-pagination-options"
>
<div <div
class="ant-pagination-options-quick-jumper"> class="ant-pagination-options-quick-jumper"
>
跳至 跳至
<input <input
type="text" type="text"
value="2" /> value="2"
/>
页 页
</div> </div>
</div> </div>
</ul> </ul>
`; `;
exports[`test renders ./components/pagination/demo/mini.md correctly 1`] = ` exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
<div> <div>
<ul <ul
class="ant-pagination mini" class="ant-pagination mini"
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class="ant-pagination-disabled ant-pagination-prev" class="ant-pagination-disabled ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3" class="ant-pagination-item ant-pagination-item-3"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>
<ul <ul
class="ant-pagination mini" class="ant-pagination mini"
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class="ant-pagination-disabled ant-pagination-prev" class="ant-pagination-disabled ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3" class="ant-pagination-item ant-pagination-item-3"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
<div <div
class="ant-pagination-options"> class="ant-pagination-options"
>
<div <div
class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"> class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -381,300 +446,351 @@ exports[`test renders ./components/pagination/demo/mini.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="10 条/页"> title="10 条/页"
>
10 条/页 10 条/页
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-pagination-options-quick-jumper"> class="ant-pagination-options-quick-jumper"
>
跳至 跳至
<input <input
type="text" type="text"
value="1" /> value="1"
/>
页 页
</div> </div>
</div> </div>
</ul> </ul>
<ul <ul
class="ant-pagination mini" class="ant-pagination mini"
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-pagination-total-text"> class="ant-pagination-total-text"
>
Total 50 items Total 50 items
</span> </span>
<li <li
class="ant-pagination-disabled ant-pagination-prev" class="ant-pagination-disabled ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3" class="ant-pagination-item ant-pagination-item-3"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>
</div> </div>
`; `;
exports[`test renders ./components/pagination/demo/more.md correctly 1`] = ` exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
<ul <ul
class="ant-pagination " class="ant-pagination "
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class=" ant-pagination-prev" class=" ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1" class="ant-pagination-item ant-pagination-item-1"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-jump-prev" class="ant-pagination-jump-prev"
title="向前 5 页"> title="向前 5 页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active"
title="6"> title="6"
>
<a> <a>
6 6
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-7" class="ant-pagination-item ant-pagination-item-7"
title="7"> title="7"
>
<a> <a>
7 7
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next" class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next"
title="8"> title="8"
>
<a> <a>
8 8
</a> </a>
</li> </li>
<li <li
class="ant-pagination-jump-next" class="ant-pagination-jump-next"
title="向后 5 页"> title="向后 5 页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-50" class="ant-pagination-item ant-pagination-item-50"
title="50"> title="50"
>
<a> <a>
50 50
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/pagination/demo/simple.md correctly 1`] = ` exports[`renders ./components/pagination/demo/simple.md correctly 1`] = `
<ul <ul
class="ant-pagination ant-pagination-simple "> class="ant-pagination ant-pagination-simple "
>
<li <li
class=" ant-pagination-prev" class=" ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-simple-pager" class="ant-pagination-simple-pager"
title="2/5"> title="2/5"
>
<input <input
type="text" type="text"
value="2" /> value="2"
/>
<span <span
class="ant-pagination-slash"> class="ant-pagination-slash"
>
／ ／
</span> </span>
5 5
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/pagination/demo/total.md correctly 1`] = ` exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
<div> <div>
<ul <ul
class="ant-pagination " class="ant-pagination "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-pagination-total-text"> class="ant-pagination-total-text"
>
Total 85 items Total 85 items
</span> </span>
<li <li
class="ant-pagination-disabled ant-pagination-prev" class="ant-pagination-disabled ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3" class="ant-pagination-item ant-pagination-item-3"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>
<br /> <br />
<ul <ul
class="ant-pagination " class="ant-pagination "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-pagination-total-text"> class="ant-pagination-total-text"
>
1-20 of 85 items 1-20 of 85 items
</span> </span>
<li <li
class="ant-pagination-disabled ant-pagination-prev" class="ant-pagination-disabled ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-3" class="ant-pagination-item ant-pagination-item-3"
title="3"> title="3"
>
<a> <a>
3 3
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-4" class="ant-pagination-item ant-pagination-item-4"
title="4"> title="4"
>
<a> <a>
4 4
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-5" class="ant-pagination-item ant-pagination-item-5"
title="5"> title="5"
>
<a> <a>
5 5
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>

76
components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,14 +1,18 @@
exports[`test renders ./components/popconfirm/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `
<a <a
href="#"> href="#"
>
Delete Delete
</a> </a>
`; `;
exports[`test renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = ` exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
<div> <div>
<a <a
href="#"> href="#"
>
Delete a task Delete a task
</a> </a>
<br /> <br />
@ -16,114 +20,134 @@ exports[`test renders ./components/popconfirm/demo/dynamic-trigger.md correctly
Whether directly execute： Whether directly execute：
<span <span
class="ant-switch ant-switch-checked" class="ant-switch ant-switch-checked"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/popconfirm/demo/locale.md correctly 1`] = ` exports[`renders ./components/popconfirm/demo/locale.md correctly 1`] = `
<a <a
href="#"> href="#"
>
Delete Delete
</a> </a>
`; `;
exports[`test renders ./components/popconfirm/demo/placement.md correctly 1`] = ` exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
<div <div
class="demo"> class="demo"
>
<div <div
style="margin-left:70px;white-space:nowrap;"> style="margin-left:70px;white-space:nowrap;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
TL TL
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Top Top
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
TR TR
</span> </span>
</button> </button>
</div> </div>
<div <div
style="width:70px;float:left;"> style="width:70px;float:left;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
LT LT
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Left Left
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
LB LB
</span> </span>
</button> </button>
</div> </div>
<div <div
style="width:70px;margin-left:304px;"> style="width:70px;margin-left:304px;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
RT RT
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Right Right
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
RB RB
</span> </span>
</button> </button>
</div> </div>
<div <div
style="margin-left:70px;clear:both;white-space:nowrap;"> style="margin-left:70px;clear:both;white-space:nowrap;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
BL BL
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Bottom Bottom
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
BR BR
</span> </span>

84
components/popover/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,15 +1,19 @@
exports[`test renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Align edge / 边缘对齐 Align edge / 边缘对齐
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Arrow points to center / 箭头指向中心 Arrow points to center / 箭头指向中心
</span> </span>
@ -17,120 +21,139 @@ exports[`test renders ./components/popover/demo/arrow-point-at-center.md correct
</div> </div>
`; `;
exports[`test renders ./components/popover/demo/basic.md correctly 1`] = ` exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Hover me Hover me
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/popover/demo/control.md correctly 1`] = ` exports[`renders ./components/popover/demo/control.md correctly 1`] = `
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Click me Click me
</span> </span>
</button> </button>
`; `;
exports[`test renders ./components/popover/demo/placement.md correctly 1`] = ` exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
<div <div
class="demo"> class="demo"
>
<div <div
style="margin-left:70px;white-space:nowrap;"> style="margin-left:70px;white-space:nowrap;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
TL TL
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Top Top
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
TR TR
</span> </span>
</button> </button>
</div> </div>
<div <div
style="width:70px;float:left;"> style="width:70px;float:left;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
LT LT
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Left Left
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
LB LB
</span> </span>
</button> </button>
</div> </div>
<div <div
style="width:70px;margin-left:304px;"> style="width:70px;margin-left:304px;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
RT RT
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Right Right
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
RB RB
</span> </span>
</button> </button>
</div> </div>
<div <div
style="margin-left:70px;clear:both;white-space:nowrap;"> style="margin-left:70px;clear:both;white-space:nowrap;"
>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
BL BL
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Bottom Bottom
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
BR BR
</span> </span>
@ -139,25 +162,28 @@ exports[`test renders ./components/popover/demo/placement.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/popover/demo/triggerType.md correctly 1`] = ` exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Hover me Hover me
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Focus me Focus me
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Click me Click me
</span> </span>

382
components/progress/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,13 +1,18 @@
exports[`test renders ./components/progress/demo/circle.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
<div> <div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;"> style="width:132px;height:132px;font-size:27.12px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -15,7 +20,8 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -25,22 +31,27 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
75% 75%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;"> style="width:132px;height:132px;font-size:27.12px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -48,7 +59,8 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -58,23 +70,29 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#ff5500" stroke="#ff5500"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;"> style="width:132px;height:132px;font-size:27.12px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -82,7 +100,8 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -92,28 +111,34 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#87d068" stroke="#87d068"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-check" /> class="anticon anticon-check"
/>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/progress/demo/circle-dynamic.md correctly 1`] = ` exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
<div> <div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;"> style="width:132px;height:132px;font-size:27.12px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -121,7 +146,8 @@ exports[`test renders ./components/progress/demo/circle-dynamic.md correctly 1`]
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -131,42 +157,52 @@ exports[`test renders ./components/progress/demo/circle-dynamic.md correctly 1`]
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:295.3097094374406px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:295.3097094374406px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
0% 0%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn ant-btn-icon-only" class="ant-btn ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-minus" /> class="anticon anticon-minus"
/>
</button> </button>
<button <button
class="ant-btn ant-btn-icon-only" class="ant-btn ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-plus" /> class="anticon anticon-plus"
/>
</button> </button>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] = ` exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
<div> <div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:80px;height:80px;font-size:18.8px;"> style="width:80px;height:80px;font-size:18.8px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -174,7 +210,8 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -184,22 +221,27 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:206.7167966062084px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:206.7167966062084px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
30% 30%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:80px;height:80px;font-size:18.8px;"> style="width:80px;height:80px;font-size:18.8px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -207,7 +249,8 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -217,23 +260,29 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
stroke="#ff5500" stroke="#ff5500"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:80px;height:80px;font-size:18.8px;"> style="width:80px;height:80px;font-size:18.8px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -241,7 +290,8 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -251,66 +301,82 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
stroke="#87d068" stroke="#87d068"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-check" /> class="anticon anticon-check"
/>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/progress/demo/dynamic.md correctly 1`] = ` exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
<div> <div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:0%;height:10px;" /> style="width:0%;height:10px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
0% 0%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-btn-group"> class="ant-btn-group"
>
<button <button
class="ant-btn ant-btn-icon-only" class="ant-btn ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-minus" /> class="anticon anticon-minus"
/>
</button> </button>
<button <button
class="ant-btn ant-btn-icon-only" class="ant-btn ant-btn-icon-only"
type="button"> type="button"
>
<i <i
class="anticon anticon-plus" /> class="anticon anticon-plus"
/>
</button> </button>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/progress/demo/format.md correctly 1`] = ` exports[`renders ./components/progress/demo/format.md correctly 1`] = `
<div> <div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;"> style="width:132px;height:132px;font-size:27.12px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -318,7 +384,8 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -328,22 +395,27 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
75 Days 75 Days
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"> class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
>
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;"> style="width:132px;height:132px;font-size:27.12px;"
>
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100"> viewbox="0 0 100 100"
>
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -351,7 +423,8 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
a 47,47 0 1 1 0,-94" a 47,47 0 1 1 0,-94"
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" /> stroke-width="6"
/>
<path <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
d="M 50,50 m 0,-47 d="M 50,50 m 0,-47
@ -361,10 +434,12 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#87d068" stroke="#87d068"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" /> style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
/>
</svg> </svg>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
Done Done
</span> </span>
</div> </div>
@ -372,92 +447,118 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/progress/demo/line.md correctly 1`] = ` exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<div> <div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:30%;height:10px;" /> style="width:30%;height:10px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
30% 30%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:50%;height:10px;" /> style="width:50%;height:10px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
50% 50%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:70%;height:10px;" /> style="width:70%;height:10px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-cross-circle" /> class="anticon anticon-cross-circle"
/>
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:100%;height:10px;" /> style="width:100%;height:10px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-check-circle" /> class="anticon anticon-check-circle"
/>
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-normal"> class="ant-progress ant-progress-line ant-progress-status-normal"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:50%;height:10px;" /> style="width:50%;height:10px;"
/>
</div> </div>
</div> </div>
</div> </div>
@ -465,80 +566,103 @@ exports[`test renders ./components/progress/demo/line.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/progress/demo/line-mini.md correctly 1`] = ` exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div <div
style="width:170px;"> style="width:170px;"
>
<div <div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:30%;height:5px;" /> style="width:30%;height:5px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
30% 30%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:50%;height:5px;" /> style="width:50%;height:5px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
50% 50%
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:70%;height:5px;" /> style="width:70%;height:5px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-cross-circle" /> class="anticon anticon-cross-circle"
/>
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info"> class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info"
>
<div> <div>
<div <div
class="ant-progress-outer"> class="ant-progress-outer"
>
<div <div
class="ant-progress-inner"> class="ant-progress-inner"
>
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:100%;height:5px;" /> style="width:100%;height:5px;"
/>
</div> </div>
</div> </div>
<span <span
class="ant-progress-text"> class="ant-progress-text"
>
<i <i
class="anticon anticon-check-circle" /> class="anticon anticon-check-circle"
/>
</span> </span>
</div> </div>
</div> </div>

476
components/radio/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,13 +1,19 @@
exports[`test renders ./components/radio/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
<label <label
class="ant-radio-wrapper"> class="ant-radio-wrapper"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
Radio Radio
@ -15,18 +21,22 @@ exports[`test renders ./components/radio/demo/basic.md correctly 1`] = `
</label> </label>
`; `;
exports[`test renders ./components/radio/demo/disable.md correctly 1`] = ` exports[`renders ./components/radio/demo/disable.md correctly 1`] = `
<div> <div>
<label <label
class="ant-radio-wrapper ant-radio-wrapper-disabled"> class="ant-radio-wrapper ant-radio-wrapper-disabled"
>
<span <span
class="ant-radio ant-radio-disabled"> class="ant-radio ant-radio-disabled"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
disabled="" disabled=""
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
Disabled Disabled
@ -34,26 +44,32 @@ exports[`test renders ./components/radio/demo/disable.md correctly 1`] = `
</label> </label>
<br /> <br />
<label <label
class="ant-radio-wrapper ant-radio-wrapper-disabled"> class="ant-radio-wrapper ant-radio-wrapper-disabled"
>
<span <span
class="ant-radio ant-radio-checked ant-radio-disabled"> class="ant-radio ant-radio-checked ant-radio-disabled"
>
<input <input
checked="" checked=""
class="ant-radio-input" class="ant-radio-input"
disabled="" disabled=""
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
Disabled Disabled
</span> </span>
</label> </label>
<div <div
style="margin-top:20px;"> style="margin-top:20px;"
>
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Toggle disabled Toggle disabled
</span> </span>
@ -62,63 +78,80 @@ exports[`test renders ./components/radio/demo/disable.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = ` exports[`renders ./components/radio/demo/radiobutton.md correctly 1`] = `
<div> <div>
<div> <div>
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span <span
class="ant-radio-button ant-radio-button-checked"> class="ant-radio-button ant-radio-button-checked"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Hangzhou Hangzhou
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Shanghai Shanghai
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Beijing Beijing
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Chengdu Chengdu
@ -127,62 +160,80 @@ exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;"> style="margin-top:16px;"
>
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span <span
class="ant-radio-button ant-radio-button-checked"> class="ant-radio-button ant-radio-button-checked"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Hangzhou Hangzhou
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"> class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span <span
class="ant-radio-button ant-radio-button-disabled"> class="ant-radio-button ant-radio-button-disabled"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
disabled="" disabled=""
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Shanghai Shanghai
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Beijing Beijing
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Chengdu Chengdu
@ -191,65 +242,83 @@ exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;"> style="margin-top:16px;"
>
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"
>
<span <span
class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"> class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
disabled="" disabled=""
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Hangzhou Hangzhou
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"> class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span <span
class="ant-radio-button ant-radio-button-disabled"> class="ant-radio-button ant-radio-button-disabled"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
disabled="" disabled=""
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Shanghai Shanghai
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"> class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span <span
class="ant-radio-button ant-radio-button-disabled"> class="ant-radio-button ant-radio-button-disabled"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
disabled="" disabled=""
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Beijing Beijing
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"> class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
>
<span <span
class="ant-radio-button ant-radio-button-disabled"> class="ant-radio-button ant-radio-button-disabled"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
disabled="" disabled=""
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Chengdu Chengdu
@ -260,61 +329,78 @@ exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/radio/demo/radiogroup.md correctly 1`] = ` exports[`renders ./components/radio/demo/radiogroup.md correctly 1`] = `
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-wrapper ant-radio-wrapper-checked"> class="ant-radio-wrapper ant-radio-wrapper-checked"
>
<span <span
class="ant-radio ant-radio-checked"> class="ant-radio ant-radio-checked"
>
<input <input
checked="" checked=""
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
A A
</span> </span>
</label> </label>
<label <label
class="ant-radio-wrapper"> class="ant-radio-wrapper"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
B B
</span> </span>
</label> </label>
<label <label
class="ant-radio-wrapper"> class="ant-radio-wrapper"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
C C
</span> </span>
</label> </label>
<label <label
class="ant-radio-wrapper"> class="ant-radio-wrapper"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
D D
@ -323,20 +409,25 @@ exports[`test renders ./components/radio/demo/radiogroup.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] = ` exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-wrapper ant-radio-wrapper-checked" class="ant-radio-wrapper ant-radio-wrapper-checked"
style="display:block;height:30px;line-height:30px;"> style="display:block;height:30px;line-height:30px;"
>
<span <span
class="ant-radio ant-radio-checked"> class="ant-radio ant-radio-checked"
>
<input <input
checked="" checked=""
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
Option A Option A
@ -344,14 +435,18 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
</label> </label>
<label <label
class="ant-radio-wrapper" class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;"> style="display:block;height:30px;line-height:30px;"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
Option B Option B
@ -359,14 +454,18 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
</label> </label>
<label <label
class="ant-radio-wrapper" class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;"> style="display:block;height:30px;line-height:30px;"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
Option C Option C
@ -374,14 +473,18 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
</label> </label>
<label <label
class="ant-radio-wrapper" class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;"> style="display:block;height:30px;line-height:30px;"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
More... More...
@ -390,63 +493,80 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
</div> </div>
`; `;
exports[`test renders ./components/radio/demo/size.md correctly 1`] = ` exports[`renders ./components/radio/demo/size.md correctly 1`] = `
<div> <div>
<div> <div>
<div <div
class="ant-radio-group ant-radio-group-large"> class="ant-radio-group ant-radio-group-large"
>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span <span
class="ant-radio-button ant-radio-button-checked"> class="ant-radio-button ant-radio-button-checked"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Hangzhou Hangzhou
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Shanghai Shanghai
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Beijing Beijing
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Chengdu Chengdu
@ -455,61 +575,79 @@ exports[`test renders ./components/radio/demo/size.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;"> style="margin-top:16px;"
>
<div <div
class="ant-radio-group"> class="ant-radio-group"
>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span <span
class="ant-radio-button ant-radio-button-checked"> class="ant-radio-button ant-radio-button-checked"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Hangzhou Hangzhou
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Shanghai Shanghai
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Beijing Beijing
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Chengdu Chengdu
@ -518,61 +656,79 @@ exports[`test renders ./components/radio/demo/size.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;"> style="margin-top:16px;"
>
<div <div
class="ant-radio-group ant-radio-group-small"> class="ant-radio-group ant-radio-group-small"
>
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"> class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span <span
class="ant-radio-button ant-radio-button-checked"> class="ant-radio-button ant-radio-button-checked"
>
<input <input
checked="" checked=""
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Hangzhou Hangzhou
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Shanghai Shanghai
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Beijing Beijing
</span> </span>
</label> </label>
<label <label
class="ant-radio-button-wrapper"> class="ant-radio-button-wrapper"
>
<span <span
class="ant-radio-button"> class="ant-radio-button"
>
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-button-inner" /> class="ant-radio-button-inner"
/>
</span> </span>
<span> <span>
Chengdu Chengdu

14
components/radio/__tests__/__snapshots__/radio.test.js.snap
View File

@ -1,13 +1,19 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Radio should render correctly 1`] = ` exports[`Radio should render correctly 1`] = `
<label <label
class="ant-radio-wrapper customized"> class="ant-radio-wrapper customized"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
<span> <span>
Test Test

501
components/rate/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,259 +1,345 @@
exports[`test renders ./components/rate/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
<ul <ul
class="ant-rate"> class="ant-rate"
>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/rate/demo/character.md correctly 1`] = ` exports[`renders ./components/rate/demo/character.md correctly 1`] = `
<div> <div>
<ul <ul
class="ant-rate"> class="ant-rate"
>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-heart" /> class="anticon anticon-heart"
/>
</div> </div>
</li> </li>
</ul> </ul>
<br /> <br />
<ul <ul
class="ant-rate" class="ant-rate"
style="font-size:36px;"> style="font-size:36px;"
>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
A A
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
A A
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
A A
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
A A
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
A A
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
A A
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
A A
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
A A
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
A A
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
A A
</div> </div>
</li> </li>
</ul> </ul>
<br /> <br />
<ul <ul
class="ant-rate"> class="ant-rate"
>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
好 好
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
好 好
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
好 好
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
好 好
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
好 好
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
好 好
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
好 好
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
好 好
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
好 好
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
好 好
</div> </div>
</li> </li>
@ -261,220 +347,299 @@ exports[`test renders ./components/rate/demo/character.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/rate/demo/disabled.md correctly 1`] = ` exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
<ul <ul
class="ant-rate ant-rate-disabled"> class="ant-rate ant-rate-disabled"
>
<li <li
class="ant-rate-star ant-rate-star-full"> class="ant-rate-star ant-rate-star-full"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-full"> class="ant-rate-star ant-rate-star-full"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/rate/demo/half.md correctly 1`] = ` exports[`renders ./components/rate/demo/half.md correctly 1`] = `
<ul <ul
class="ant-rate"> class="ant-rate"
>
<li <li
class="ant-rate-star ant-rate-star-full"> class="ant-rate-star ant-rate-star-full"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-full"> class="ant-rate-star ant-rate-star-full"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-half ant-rate-star-active"> class="ant-rate-star ant-rate-star-half ant-rate-star-active"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/rate/demo/text.md correctly 1`] = ` exports[`renders ./components/rate/demo/text.md correctly 1`] = `
<span> <span>
<ul <ul
class="ant-rate"> class="ant-rate"
>
<li <li
class="ant-rate-star ant-rate-star-full"> class="ant-rate-star ant-rate-star-full"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-full"> class="ant-rate-star ant-rate-star-full"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-full"> class="ant-rate-star ant-rate-star-full"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
<li <li
class="ant-rate-star ant-rate-star-zero"> class="ant-rate-star ant-rate-star-zero"
>
<div <div
class="ant-rate-star-first"> class="ant-rate-star-first"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
<div <div
class="ant-rate-star-second"> class="ant-rate-star-second"
>
<i <i
class="anticon anticon-star" /> class="anticon anticon-star"
/>
</div> </div>
</li> </li>
</ul> </ul>
<span <span
class="ant-rate-text"> class="ant-rate-text"
>
3 stars 3 stars
</span> </span>
</span> </span>

324
components/select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,26 +1,35 @@
exports[`test renders ./components/select/demo/automatic-tokenization.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;"> style="width:100%;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--multiple" ant-select-selection--multiple"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-select-search__field" class="ant-select-search__field"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -31,11 +40,12 @@ exports[`test renders ./components/select/demo/automatic-tokenization.md correct
</div> </div>
`; `;
exports[`test renders ./components/select/demo/basic.md correctly 1`] = ` exports[`renders ./components/select/demo/basic.md correctly 1`] = `
<div> <div>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:120px;"> style="width:120px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -43,27 +53,32 @@ exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Lucy"> title="Lucy"
>
Lucy Lucy
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-select ant-select-disabled ant-select-allow-clear" class="ant-select ant-select-disabled ant-select-allow-clear"
style="width:120px;"> style="width:120px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -71,24 +86,29 @@ exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Lucy"> title="Lucy"
>
Lucy Lucy
</div> </div>
</div> </div>
<span <span
class="ant-select-selection__clear" class="ant-select-selection__clear"
style="user-select:none;-webkit-user-select:none;display:block;" style="user-select:none;-webkit-user-select:none;display:block;"
unselectable="unselectable" /> unselectable="unselectable"
/>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -96,35 +116,43 @@ exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/select/demo/combobox.md correctly 1`] = ` exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
<div <div
class="ant-select ant-select-combobox ant-select-enabled" class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
Enter the account name Enter the account name
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-select-search__field" class="ant-select-search__field"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -134,18 +162,20 @@ exports[`test renders ./components/select/demo/combobox.md correctly 1`] = `
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/select/demo/coordinate.md correctly 1`] = ` exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<div> <div>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:90px;"> style="width:90px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -153,27 +183,32 @@ exports[`test renders ./components/select/demo/coordinate.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Zhejiang"> title="Zhejiang"
>
Zhejiang Zhejiang
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:90px;"> style="width:90px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -181,20 +216,24 @@ exports[`test renders ./components/select/demo/coordinate.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Hangzhou"> title="Hangzhou"
>
Hangzhou Hangzhou
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -202,10 +241,11 @@ exports[`test renders ./components/select/demo/coordinate.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/select/demo/label-in-value.md correctly 1`] = ` exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:120px;"> style="width:120px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -213,43 +253,51 @@ exports[`test renders ./components/select/demo/label-in-value.md correctly 1`] =
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Lucy (101)"> title="Lucy (101)"
>
Lucy (101) Lucy (101)
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/select/demo/multiple.md correctly 1`] = ` exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;"> style="width:100%;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--multiple" ant-select-selection--multiple"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:none;user-select:none;-webkit-user-select:none;" style="display:none;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
Please select Please select
</div> </div>
<ul> <ul>
@ -257,35 +305,45 @@ exports[`test renders ./components/select/demo/multiple.md correctly 1`] = `
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
title="a10" title="a10"
unselectable="unselectable"> unselectable="unselectable"
>
<div <div
class="ant-select-selection__choice__content"> class="ant-select-selection__choice__content"
>
a10 a10
</div> </div>
<span <span
class="ant-select-selection__choice__remove" /> class="ant-select-selection__choice__remove"
/>
</li> </li>
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
title="c12" title="c12"
unselectable="unselectable"> unselectable="unselectable"
>
<div <div
class="ant-select-selection__choice__content"> class="ant-select-selection__choice__content"
>
c12 c12
</div> </div>
<span <span
class="ant-select-selection__choice__remove" /> class="ant-select-selection__choice__remove"
/>
</li> </li>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-select-search__field" class="ant-select-search__field"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -296,10 +354,11 @@ exports[`test renders ./components/select/demo/multiple.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/select/demo/optgroup.md correctly 1`] = ` exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -307,30 +366,35 @@ exports[`test renders ./components/select/demo/optgroup.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Lucy"> title="Lucy"
>
Lucy Lucy
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/select/demo/search.md correctly 1`] = ` exports[`renders ./components/select/demo/search.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -338,25 +402,32 @@ exports[`test renders ./components/select/demo/search.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
Select a person Select a person
</div> </div>
<div <div
class="ant-select-search ant-select-search--inline" class="ant-select-search ant-select-search--inline"
style="display:none;"> style="display:none;"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-select-search__field" class="ant-select-search__field"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -365,42 +436,51 @@ exports[`test renders ./components/select/demo/search.md correctly 1`] = `
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/select/demo/search-box.md correctly 1`] = ` exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
<div <div
class="ant-select ant-select-combobox ant-select-enabled" class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection__placeholder" class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none;" style="display:block;user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
input search text input search text
</div> </div>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-select-search__field" class="ant-select-search__field"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>
@ -411,11 +491,12 @@ exports[`test renders ./components/select/demo/search-box.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/select/demo/size.md correctly 1`] = ` exports[`renders ./components/select/demo/size.md correctly 1`] = `
<div> <div>
<div <div
class="ant-select-lg ant-select ant-select-enabled" class="ant-select-lg ant-select ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -423,27 +504,32 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Lucy"> title="Lucy"
>
Lucy Lucy
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -451,27 +537,32 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Lucy"> title="Lucy"
>
Lucy Lucy
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-select-sm ant-select ant-select-enabled" class="ant-select-sm ant-select ant-select-enabled"
style="width:200px;"> style="width:200px;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
@ -479,20 +570,24 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
class="ant-select-selection class="ant-select-selection
ant-select-selection--single" ant-select-selection--single"
role="combobox" role="combobox"
tabindex="0"> tabindex="0"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1;"
title="Lucy"> title="Lucy"
>
Lucy Lucy
</div> </div>
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none;"
unselectable="unselectable"> unselectable="unselectable"
>
<b /> <b />
</span> </span>
</div> </div>
@ -500,29 +595,36 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/select/demo/tags.md correctly 1`] = ` exports[`renders ./components/select/demo/tags.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;"> style="width:100%;"
>
<div <div
aria-autocomplete="list" aria-autocomplete="list"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-select-selection class="ant-select-selection
ant-select-selection--multiple" ant-select-selection--multiple"
role="combobox"> role="combobox"
>
<div <div
class="ant-select-selection__rendered"> class="ant-select-selection__rendered"
>
<ul> <ul>
<li <li
class="ant-select-search ant-select-search--inline"> class="ant-select-search ant-select-search--inline"
>
<div <div
class="ant-select-search__field__wrap"> class="ant-select-search__field__wrap"
>
<input <input
class="ant-select-search__field" class="ant-select-search__field"
value="" /> value=""
/>
<span <span
class="ant-select-search__field__mirror"> class="ant-select-search__field__mirror"
>
   
</span> </span>
</div> </div>

574
components/slider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,217 +1,290 @@
exports[`test renders ./components/slider/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
<div> <div>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:30%;" /> style="visibility:visible;left:0%;width:30%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:30%;" /> style="left:30%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:20%;width:30%;" /> style="visibility:visible;left:20%;width:30%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
style="left:20%;" /> style="left:20%;"
/>
<div <div
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
style="left:50%;" /> style="left:50%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
Disabled: Disabled:
<span <span
class="ant-switch-small ant-switch" class="ant-switch-small ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/slider/demo/event.md correctly 1`] = ` exports[`renders ./components/slider/demo/event.md correctly 1`] = `
<div> <div>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:30%;" /> style="visibility:visible;left:0%;width:30%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:30%;" /> style="left:30%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:20%;width:30%;" /> style="visibility:visible;left:20%;width:30%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
style="left:20%;" /> style="left:20%;"
/>
<div <div
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
style="left:50%;" /> style="left:50%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/slider/demo/icon-slider.md correctly 1`] = ` exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
<div <div
class="icon-wrapper"> class="icon-wrapper"
>
<i <i
class="anticon anticon-frown-o anticon-highlight" /> class="anticon anticon-frown-o anticon-highlight"
/>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" /> style="visibility:visible;left:0%;width:0%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:0%;" /> style="left:0%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
<i <i
class="anticon anticon-smile-o" /> class="anticon anticon-smile-o"
/>
</div> </div>
`; `;
exports[`test renders ./components/slider/demo/input-number.md correctly 1`] = ` exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
<div> <div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-12"> class="ant-col-12"
>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" /> style="visibility:visible;left:0%;width:0%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:0%;" /> style="left:0%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<div <div
class="ant-input-number" class="ant-input-number"
style="margin-left:16px;"> style="margin-left:16px;"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="20" max="20"
min="1" min="1"
value="1" /> value="1"
/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-row"> class="ant-row"
>
<div <div
class="ant-col-12"> class="ant-col-12"
>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" /> style="visibility:visible;left:0%;width:0%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:0%;" /> style="left:0%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
</div> </div>
<div <div
class="ant-col-4"> class="ant-col-4"
>
<div <div
class="ant-input-number" class="ant-input-number"
style="margin-left:16px;"> style="margin-left:16px;"
>
<div <div
class="ant-input-number-handler-wrap"> class="ant-input-number-handler-wrap"
>
<span <span
class="ant-input-number-handler ant-input-number-handler-up " class="ant-input-number-handler ant-input-number-handler-up "
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-up-inner" class="ant-input-number-handler-up-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
<span <span
class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"
unselectable="unselectable"> unselectable="unselectable"
>
<span <span
class="ant-input-number-handler-down-inner" class="ant-input-number-handler-down-inner"
unselectable="unselectable" /> unselectable="unselectable"
/>
</span> </span>
</div> </div>
<div <div
class="ant-input-number-input-wrap"> class="ant-input-number-input-wrap"
>
<input <input
autocomplete="off" autocomplete="off"
class="ant-input-number-input" class="ant-input-number-input"
max="1" max="1"
min="0" min="0"
value="0.00" /> value="0.00"
/>
</div> </div>
</div> </div>
</div> </div>
@ -219,56 +292,70 @@ exports[`test renders ./components/slider/demo/input-number.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/slider/demo/mark.md correctly 1`] = ` exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
<div> <div>
<h4> <h4>
included=true included=true
</h4> </h4>
<div <div
class="ant-slider ant-slider-with-marks"> class="ant-slider ant-slider-with-marks"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;" /> style="visibility:visible;left:0%;width:37%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" /> style="left:0%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" /> style="left:26%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" /> style="left:37%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" /> style="left:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:37%;" /> style="left:37%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
>
0°C 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
>
26°C 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
>
37°C 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
>
<strong> <strong>
100°C 100°C
</strong> </strong>
@ -276,53 +363,68 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
class="ant-slider ant-slider-with-marks"> class="ant-slider ant-slider-with-marks"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:26%;width:11%;" /> style="visibility:visible;left:26%;width:11%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:0%;" /> style="left:0%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" /> style="left:26%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" /> style="left:37%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" /> style="left:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
style="left:26%;" /> style="left:26%;"
/>
<div <div
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
style="left:37%;" /> style="left:37%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
>
0°C 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
>
26°C 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
>
37°C 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
>
<strong> <strong>
100°C 100°C
</strong> </strong>
@ -333,50 +435,64 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
included=false included=false
</h4> </h4>
<div <div
class="ant-slider ant-slider-with-marks"> class="ant-slider ant-slider-with-marks"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:hidden;left:0%;width:37%;" /> style="visibility:hidden;left:0%;width:37%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:0%;" /> style="left:0%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:26%;" /> style="left:26%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" /> style="left:37%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" /> style="left:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:37%;" /> style="left:37%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
>
0°C 0°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
>
26°C 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
>
37°C 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
>
<strong> <strong>
100°C 100°C
</strong> </strong>
@ -387,50 +503,64 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
marks & step marks & step
</h4> </h4>
<div <div
class="ant-slider ant-slider-with-marks"> class="ant-slider ant-slider-with-marks"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;" /> style="visibility:visible;left:0%;width:37%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" /> style="left:0%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" /> style="left:26%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" /> style="left:37%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" /> style="left:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:37%;" /> style="left:37%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
>
0°C 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
>
26°C 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
>
37°C 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
>
<strong> <strong>
100°C 100°C
</strong> </strong>
@ -441,50 +571,64 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
step=null step=null
</h4> </h4>
<div <div
class="ant-slider ant-slider-with-marks"> class="ant-slider ant-slider-with-marks"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;" /> style="visibility:visible;left:0%;width:37%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" /> style="left:0%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" /> style="left:26%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" /> style="left:37%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" /> style="left:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:37%;" /> style="left:37%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
>
0°C 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
>
26°C 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
>
37°C 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"> style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
>
<strong> <strong>
100°C 100°C
</strong> </strong>
@ -494,133 +638,177 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/slider/demo/tip-formatter.md correctly 1`] = ` exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
<div> <div>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" /> style="visibility:visible;left:0%;width:0%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:0%;" /> style="left:0%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
<div <div
class="ant-slider"> class="ant-slider"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" /> style="visibility:visible;left:0%;width:0%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="left:0%;" /> style="left:0%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/slider/demo/vertical.md correctly 1`] = ` exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
<div <div
style="height:300px;"> style="height:300px;"
>
<div <div
style="float:left;height:300px;margin-left:70px;"> style="float:left;height:300px;margin-left:70px;"
>
<div <div
class="ant-slider ant-slider-vertical"> class="ant-slider ant-slider-vertical"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;bottom:0%;height:30%;" /> style="visibility:visible;bottom:0%;height:30%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle" class="ant-slider-handle"
style="bottom:30%;" /> style="bottom:30%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
</div> </div>
<div <div
style="float:left;height:300px;margin-left:70px;"> style="float:left;height:300px;margin-left:70px;"
>
<div <div
class="ant-slider ant-slider-vertical"> class="ant-slider ant-slider-vertical"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;bottom:20%;height:30%;" /> style="visibility:visible;bottom:20%;height:30%;"
/>
<div <div
class="ant-slider-step" /> class="ant-slider-step"
/>
<div <div
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
style="bottom:20%;" /> style="bottom:20%;"
/>
<div <div
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
style="bottom:50%;" /> style="bottom:50%;"
/>
<div <div
class="ant-slider-mark" /> class="ant-slider-mark"
/>
</div> </div>
</div> </div>
<div <div
style="float:left;height:300px;margin-left:70px;"> style="float:left;height:300px;margin-left:70px;"
>
<div <div
class="ant-slider ant-slider-with-marks ant-slider-vertical"> class="ant-slider ant-slider-with-marks ant-slider-vertical"
>
<div <div
class="ant-slider-rail" /> class="ant-slider-rail"
/>
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;bottom:26%;height:11%;" /> style="visibility:visible;bottom:26%;height:11%;"
/>
<div <div
class="ant-slider-step"> class="ant-slider-step"
>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="bottom:0%;" /> style="bottom:0%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="bottom:26%;" /> style="bottom:26%;"
/>
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="bottom:37%;" /> style="bottom:37%;"
/>
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="bottom:100%;" /> style="bottom:100%;"
/>
</div> </div>
<div <div
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
style="bottom:26%;" /> style="bottom:26%;"
/>
<div <div
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
style="bottom:37%;" /> style="bottom:37%;"
/>
<div <div
class="ant-slider-mark"> class="ant-slider-mark"
>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="margin-bottom:-50%;bottom:0%;"> style="margin-bottom:-50%;bottom:0%;"
>
0°C 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="margin-bottom:-50%;bottom:26%;"> style="margin-bottom:-50%;bottom:26%;"
>
26°C 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="margin-bottom:-50%;bottom:37%;"> style="margin-bottom:-50%;bottom:37%;"
>
37°C 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="margin-bottom:-50%;bottom:100%;color:#f50;"> style="margin-bottom:-50%;bottom:100%;color:#f50;"
>
<strong> <strong>
100°C 100°C
</strong> </strong>

167
components/spin/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,8 +1,12 @@
exports[`test renders ./components/spin/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/spin/demo/basic.md correctly 1`] = `
<div <div
class="ant-spin ant-spin-spinning"> class="ant-spin ant-spin-spinning"
>
<span <span
class="ant-spin-dot"> class="ant-spin-dot"
>
<i /> <i />
<i /> <i />
<i /> <i />
@ -11,21 +15,26 @@ exports[`test renders ./components/spin/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = ` exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
<div> <div>
<div <div
class="ant-spin-nested-loading"> class="ant-spin-nested-loading"
>
<div <div
class="ant-spin-container"> class="ant-spin-container"
>
<div <div
class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Alert message title Alert message title
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Further details about the context of this alert. Further details about the context of this alert.
</span> </span>
</div> </div>
@ -34,28 +43,54 @@ exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] =
Loading state： Loading state：
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = ` exports[`renders ./components/spin/demo/inside.md correctly 1`] = `
<div
class="example"
>
<div
class="ant-spin ant-spin-spinning"
>
<span
class="ant-spin-dot"
>
<i />
<i />
<i />
<i />
</span>
</div>
</div>
`;
exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
<div> <div>
<div <div
class="ant-spin-nested-loading"> class="ant-spin-nested-loading"
>
<div <div
class="ant-spin-container"> class="ant-spin-container"
>
<div <div
class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Alert message title Alert message title
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Further details about the context of this alert. Further details about the context of this alert.
</span> </span>
</div> </div>
@ -64,65 +99,23 @@ exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] =
Loading state： Loading state：
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/spin/demo/inside.md correctly 1`] = ` exports[`renders ./components/spin/demo/size.md correctly 1`] = `
<div
class="example">
<div
class="ant-spin ant-spin-spinning">
<span
class="ant-spin-dot">
<i />
<i />
<i />
<i />
</span>
</div>
</div>
`;
exports[`test renders ./components/spin/demo/nested.md correctly 1`] = `
<div> <div>
<div <div
class="ant-spin-nested-loading"> class="ant-spin ant-spin-sm ant-spin-spinning"
<div >
class="ant-spin-container">
<div
class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
data-show="true">
<span <span
class="ant-alert-message"> class="ant-spin-dot"
Alert message title >
</span>
<span
class="ant-alert-description">
Further details about the context of this alert.
</span>
</div>
</div>
</div>
Loading state：
<span
class="ant-switch"
tabindex="0">
<span
class="ant-switch-inner" />
</span>
</div>
`;
exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
<div>
<div
class="ant-spin ant-spin-sm ant-spin-spinning">
<span
class="ant-spin-dot">
<i /> <i />
<i /> <i />
<i /> <i />
@ -130,9 +123,11 @@ exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
class="ant-spin ant-spin-spinning"> class="ant-spin ant-spin-spinning"
>
<span <span
class="ant-spin-dot"> class="ant-spin-dot"
>
<i /> <i />
<i /> <i />
<i /> <i />
@ -140,9 +135,11 @@ exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
class="ant-spin ant-spin-lg ant-spin-spinning"> class="ant-spin ant-spin-lg ant-spin-spinning"
>
<span <span
class="ant-spin-dot"> class="ant-spin-dot"
>
<i /> <i />
<i /> <i />
<i /> <i />
@ -152,36 +149,44 @@ exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/spin/demo/tip.md correctly 1`] = ` exports[`renders ./components/spin/demo/tip.md correctly 1`] = `
<div <div
class="ant-spin-nested-loading"> class="ant-spin-nested-loading"
>
<div> <div>
<div <div
class="ant-spin ant-spin-spinning ant-spin-show-text"> class="ant-spin ant-spin-spinning ant-spin-show-text"
>
<span <span
class="ant-spin-dot"> class="ant-spin-dot"
>
<i /> <i />
<i /> <i />
<i /> <i />
<i /> <i />
</span> </span>
<div <div
class="ant-spin-text"> class="ant-spin-text"
>
Loading... Loading...
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-spin-container ant-spin-blur"> class="ant-spin-container ant-spin-blur"
>
<div <div
class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon" class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
data-show="true"> data-show="true"
>
<span <span
class="ant-alert-message"> class="ant-alert-message"
>
Alert message title Alert message title
</span> </span>
<span <span
class="ant-alert-description"> class="ant-alert-description"
>
Further details about the context of this alert. Further details about the context of this alert.
</span> </span>
</div> </div>

815
components/steps/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

58
components/switch/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,24 +1,31 @@
exports[`test renders ./components/switch/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/switch/demo/basic.md correctly 1`] = `
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
`; `;
exports[`test renders ./components/switch/demo/disabled.md correctly 1`] = ` exports[`renders ./components/switch/demo/disabled.md correctly 1`] = `
<div> <div>
<span <span
class="ant-switch ant-switch-disabled" class="ant-switch ant-switch-disabled"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
<br /> <br />
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
type="button"> type="button"
>
<span> <span>
Toggle disabled Toggle disabled
</span> </span>
@ -26,51 +33,62 @@ exports[`test renders ./components/switch/demo/disabled.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/switch/demo/size.md correctly 1`] = ` exports[`renders ./components/switch/demo/size.md correctly 1`] = `
<div> <div>
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
<br /> <br />
<span <span
class="ant-switch-small ant-switch" class="ant-switch-small ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner" /> class="ant-switch-inner"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/switch/demo/text.md correctly 1`] = ` exports[`renders ./components/switch/demo/text.md correctly 1`] = `
<div> <div>
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner"> class="ant-switch-inner"
>
关 关
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner"> class="ant-switch-inner"
>
0 0
</span> </span>
</span> </span>
<br /> <br />
<span <span
class="ant-switch" class="ant-switch"
tabindex="0"> tabindex="0"
>
<span <span
class="ant-switch-inner"> class="ant-switch-inner"
>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</span> </span>
</span> </span>
</div> </div>

185
components/table/__tests__/__snapshots__/Table.filter.test.js.snap
View File

@ -1,10 +1,14 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Table.filter renders custom content correctly 1`] = ` exports[`Table.filter renders custom content correctly 1`] = `
<div> <div>
<div <div
class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"> class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"
>
<div> <div>
<div <div
class="custom-filter-dropdown"> class="custom-filter-dropdown"
>
custom filter custom filter
</div> </div>
</div> </div>
@ -14,75 +18,98 @@ exports[`Table.filter renders custom content correctly 1`] = `
exports[`Table.filter renders filter correctly 1`] = ` exports[`Table.filter renders filter correctly 1`] = `
<div <div
class="ant-table-wrapper"> class="ant-table-wrapper"
>
<div <div
class="ant-spin-nested-loading"> class="ant-spin-nested-loading"
>
<div <div
class="ant-spin-container"> class="ant-spin-container"
>
<div <div
class="ant-table ant-table-large ant-table-scroll-position-left"> class="ant-table ant-table-large ant-table-scroll-position-left"
>
<div <div
class="ant-table-content"> class="ant-table-content"
>
<div <div
class="ant-table-body"> class="ant-table-body"
>
<table <table
class=""> class=""
>
<colgroup> <colgroup>
<col /> <col />
</colgroup> </colgroup>
<thead <thead
class="ant-table-thead"> class="ant-table-thead"
>
<tr> <tr>
<th <th
class=""> class=""
>
<span> <span>
Name Name
<i <i
class="anticon anticon-filter ant-dropdown-trigger" class="anticon anticon-filter ant-dropdown-trigger"
title="筛选" /> title="筛选"
/>
</span> </span>
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody <tbody
class="ant-table-tbody"> class="ant-table-tbody"
>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
Jack Jack
</td> </td>
</tr> </tr>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
Lucy Lucy
</td> </td>
</tr> </tr>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
Tom Tom
</td> </td>
</tr> </tr>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
Jerry Jerry
</td> </td>
</tr> </tr>
@ -99,27 +126,35 @@ exports[`Table.filter renders filter correctly 1`] = `
exports[`Table.filter renders menu correctly 1`] = ` exports[`Table.filter renders menu correctly 1`] = `
<div> <div>
<div <div
class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"> class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"
>
<div <div
class="ant-table-filter-dropdown"> class="ant-table-filter-dropdown"
>
<ul <ul
aria-activedescendant="" aria-activedescendant=""
class="ant-dropdown-menu ant-dropdown-menu-vertical ant-dropdown-menu-root" class="ant-dropdown-menu ant-dropdown-menu-vertical ant-dropdown-menu-root"
role="menu" role="menu"
tabindex="0"> tabindex="0"
>
<li <li
aria-selected="false" aria-selected="false"
class="ant-dropdown-menu-item" class="ant-dropdown-menu-item"
role="menuitem"> role="menuitem"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span> <span>
@ -129,16 +164,21 @@ exports[`Table.filter renders menu correctly 1`] = `
<li <li
aria-selected="false" aria-selected="false"
class="ant-dropdown-menu-item" class="ant-dropdown-menu-item"
role="menuitem"> role="menuitem"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span> <span>
@ -146,24 +186,29 @@ exports[`Table.filter renders menu correctly 1`] = `
</span> </span>
</li> </li>
<li <li
class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu"> class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="title$Menu" aria-owns="title$Menu"
class="ant-dropdown-menu-submenu-title"> class="ant-dropdown-menu-submenu-title"
>
Title Title
</div> </div>
</li> </li>
</ul> </ul>
<div <div
class="ant-table-filter-dropdown-btns"> class="ant-table-filter-dropdown-btns"
>
<a <a
class="ant-table-filter-dropdown-link confirm"> class="ant-table-filter-dropdown-link confirm"
>
确定 确定
</a> </a>
<a <a
class="ant-table-filter-dropdown-link clear"> class="ant-table-filter-dropdown-link clear"
>
重置 重置
</a> </a>
</div> </div>
@ -175,27 +220,35 @@ exports[`Table.filter renders menu correctly 1`] = `
exports[`Table.filter renders radio filter correctly 1`] = ` exports[`Table.filter renders radio filter correctly 1`] = `
<div> <div>
<div <div
class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"> class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"
>
<div <div
class="ant-table-filter-dropdown"> class="ant-table-filter-dropdown"
>
<ul <ul
aria-activedescendant="" aria-activedescendant=""
class="ant-dropdown-menu ant-dropdown-menu-vertical ant-dropdown-menu-root" class="ant-dropdown-menu ant-dropdown-menu-vertical ant-dropdown-menu-root"
role="menu" role="menu"
tabindex="0"> tabindex="0"
>
<li <li
aria-selected="false" aria-selected="false"
class="ant-dropdown-menu-item" class="ant-dropdown-menu-item"
role="menuitem"> role="menuitem"
>
<label <label
class="ant-radio-wrapper"> class="ant-radio-wrapper"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
</label> </label>
<span> <span>
@ -205,16 +258,21 @@ exports[`Table.filter renders radio filter correctly 1`] = `
<li <li
aria-selected="false" aria-selected="false"
class="ant-dropdown-menu-item" class="ant-dropdown-menu-item"
role="menuitem"> role="menuitem"
>
<label <label
class="ant-radio-wrapper"> class="ant-radio-wrapper"
>
<span <span
class="ant-radio"> class="ant-radio"
>
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" /> type="radio"
/>
<span <span
class="ant-radio-inner" /> class="ant-radio-inner"
/>
</span> </span>
</label> </label>
<span> <span>
@ -222,24 +280,29 @@ exports[`Table.filter renders radio filter correctly 1`] = `
</span> </span>
</li> </li>
<li <li
class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu"> class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu"
>
<div <div
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-owns="title$Menu" aria-owns="title$Menu"
class="ant-dropdown-menu-submenu-title"> class="ant-dropdown-menu-submenu-title"
>
Title Title
</div> </div>
</li> </li>
</ul> </ul>
<div <div
class="ant-table-filter-dropdown-btns"> class="ant-table-filter-dropdown-btns"
>
<a <a
class="ant-table-filter-dropdown-link confirm"> class="ant-table-filter-dropdown-link confirm"
>
确定 确定
</a> </a>
<a <a
class="ant-table-filter-dropdown-link clear"> class="ant-table-filter-dropdown-link clear"
>
重置 重置
</a> </a>
</div> </div>

65
components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
View File

@ -1,26 +1,37 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Table.pagination renders pagination correctly 1`] = ` exports[`Table.pagination renders pagination correctly 1`] = `
<div <div
class="ant-table-wrapper"> class="ant-table-wrapper"
>
<div <div
class="ant-spin-nested-loading"> class="ant-spin-nested-loading"
>
<div <div
class="ant-spin-container"> class="ant-spin-container"
>
<div <div
class="ant-table ant-table-large ant-table-scroll-position-left"> class="ant-table ant-table-large ant-table-scroll-position-left"
>
<div <div
class="ant-table-content"> class="ant-table-content"
>
<div <div
class="ant-table-body"> class="ant-table-body"
>
<table <table
class=""> class=""
>
<colgroup> <colgroup>
<col /> <col />
</colgroup> </colgroup>
<thead <thead
class="ant-table-thead"> class="ant-table-thead"
>
<tr> <tr>
<th <th
class=""> class=""
>
<span> <span>
Name Name
</span> </span>
@ -28,24 +39,31 @@ exports[`Table.pagination renders pagination correctly 1`] = `
</tr> </tr>
</thead> </thead>
<tbody <tbody
class="ant-table-tbody"> class="ant-table-tbody"
>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
Jack Jack
</td> </td>
</tr> </tr>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
Lucy Lucy
</td> </td>
</tr> </tr>
@ -56,29 +74,34 @@ exports[`Table.pagination renders pagination correctly 1`] = `
</div> </div>
<ul <ul
class="ant-pagination ant-table-pagination" class="ant-pagination ant-table-pagination"
unselectable="unselectable"> unselectable="unselectable"
>
<li <li
class="ant-pagination-disabled ant-pagination-prev" class="ant-pagination-disabled ant-pagination-prev"
title="上一页"> title="上一页"
>
<a /> <a />
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1"> title="1"
>
<a> <a>
1 1
</a> </a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-2" class="ant-pagination-item ant-pagination-item-2"
title="2"> title="2"
>
<a> <a>
2 2
</a> </a>
</li> </li>
<li <li
class=" ant-pagination-next" class=" ant-pagination-next"
title="下一页"> title="下一页"
>
<a /> <a />
</li> </li>
</ul> </ul>

14
components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
View File

@ -1,16 +1,21 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Table.rowSelection render selection correctly 1`] = ` exports[`Table.rowSelection render selection correctly 1`] = `
<div> <div>
<div <div
class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"> class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"
>
<ul <ul
aria-activedescendant="" aria-activedescendant=""
class="ant-dropdown-menu ant-dropdown-menu-vertical ant-table-selection-menu ant-dropdown-menu-light ant-dropdown-menu-root" class="ant-dropdown-menu ant-dropdown-menu-vertical ant-table-selection-menu ant-dropdown-menu-light ant-dropdown-menu-root"
role="menu" role="menu"
tabindex="0"> tabindex="0"
>
<li <li
aria-selected="false" aria-selected="false"
class="ant-dropdown-menu-item" class="ant-dropdown-menu-item"
role="menuitem"> role="menuitem"
>
<div> <div>
全选 全选
</div> </div>
@ -18,7 +23,8 @@ exports[`Table.rowSelection render selection correctly 1`] = `
<li <li
aria-selected="false" aria-selected="false"
class="ant-dropdown-menu-item" class="ant-dropdown-menu-item"
role="menuitem"> role="menuitem"
>
<div> <div>
反选 反选
</div> </div>

23
components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
View File

@ -1,24 +1,33 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Table.sorter renders sorter icon correctly 1`] = ` exports[`Table.sorter renders sorter icon correctly 1`] = `
<thead <thead
class="ant-table-thead"> class="ant-table-thead"
>
<tr> <tr>
<th <th
class=""> class=""
>
<span> <span>
Name Name
<div <div
class="ant-table-column-sorter"> class="ant-table-column-sorter"
>
<span <span
class="ant-table-column-sorter-up off" class="ant-table-column-sorter-up off"
title="↑"> title="↑"
>
<i <i
class="anticon anticon-caret-up" /> class="anticon anticon-caret-up"
/>
</span> </span>
<span <span
class="ant-table-column-sorter-down off" class="ant-table-column-sorter-down off"
title="↓"> title="↓"
>
<i <i
class="anticon anticon-caret-down" /> class="anticon anticon-caret-down"
/>
</span> </span>
</div> </div>
</span> </span>

71
components/table/__tests__/__snapshots__/Table.test.js.snap
View File

@ -1,36 +1,48 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Table renders JSX correctly 1`] = ` exports[`Table renders JSX correctly 1`] = `
<div <div
class="ant-table-wrapper"> class="ant-table-wrapper"
>
<div <div
class="ant-spin-nested-loading"> class="ant-spin-nested-loading"
>
<div <div
class="ant-spin-container"> class="ant-spin-container"
>
<div <div
class="ant-table ant-table-large ant-table-scroll-position-left"> class="ant-table ant-table-large ant-table-scroll-position-left"
>
<div <div
class="ant-table-content"> class="ant-table-content"
>
<div <div
class="ant-table-body"> class="ant-table-body"
>
<table <table
class=""> class=""
>
<colgroup> <colgroup>
<col /> <col />
<col /> <col />
<col /> <col />
</colgroup> </colgroup>
<thead <thead
class="ant-table-thead"> class="ant-table-thead"
>
<tr> <tr>
<th <th
class="" class=""
colspan="2"> colspan="2"
>
<span> <span>
Name Name
</span> </span>
</th> </th>
<th <th
class="" class=""
rowspan="2"> rowspan="2"
>
<span> <span>
Age Age
</span> </span>
@ -38,13 +50,15 @@ exports[`Table renders JSX correctly 1`] = `
</tr> </tr>
<tr> <tr>
<th <th
class=""> class=""
>
<span> <span>
First Name First Name
</span> </span>
</th> </th>
<th <th
class=""> class=""
>
<span> <span>
Last Name Last Name
</span> </span>
@ -52,40 +66,51 @@ exports[`Table renders JSX correctly 1`] = `
</tr> </tr>
</thead> </thead>
<tbody <tbody
class="ant-table-tbody"> class="ant-table-tbody"
>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
John John
</td> </td>
<td <td
class=""> class=""
>
Brown Brown
</td> </td>
<td <td
class=""> class=""
>
32 32
</td> </td>
</tr> </tr>
<tr <tr
class="ant-table-row ant-table-row-level-0"> class="ant-table-row ant-table-row-level-0"
>
<td <td
class=""> class=""
>
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" /> style="padding-left:0px;"
/>
Jim Jim
</td> </td>
<td <td
class=""> class=""
>
Green Green
</td> </td>
<td <td
class=""> class=""
>
42 42
</td> </td>
</tr> </tr>

6751
components/table/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

567
components/tabs/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

204
components/tag/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,218 +1,272 @@
exports[`test renders ./components/tag/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tag/demo/basic.md correctly 1`] = `
<div> <div>
<div <div
class="ant-tag" class="ant-tag"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
Tag 1 Tag 1
</span> </span>
</div> </div>
<div <div
class="ant-tag" class="ant-tag"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
<a <a
href="https://github.com/ant-design/ant-design/issues/1862"> href="https://github.com/ant-design/ant-design/issues/1862"
>
Link Link
</a> </a>
</span> </span>
</div> </div>
<div <div
class="ant-tag" class="ant-tag"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
Tag 2 Tag 2
</span> </span>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</div> </div>
<div <div
class="ant-tag" class="ant-tag"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
Prevent Default Prevent Default
</span> </span>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/tag/demo/checkable.md correctly 1`] = ` exports[`renders ./components/tag/demo/checkable.md correctly 1`] = `
<div> <div>
<div <div
class="ant-tag ant-tag-checkable"> class="ant-tag ant-tag-checkable"
>
Unchecked Unchecked
</div> </div>
<div <div
class="ant-tag ant-tag-checkable ant-tag-checkable-checked"> class="ant-tag ant-tag-checkable ant-tag-checkable-checked"
>
Checked Checked
</div> </div>
<div <div
class="ant-tag ant-tag-checkable"> class="ant-tag ant-tag-checkable"
>
Uncontrolled Uncontrolled
</div> </div>
</div> </div>
`; `;
exports[`test renders ./components/tag/demo/colorful.md correctly 1`] = ` exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div> <div>
<div> <div>
<div <div
class="ant-tag ant-tag-pink" class="ant-tag ant-tag-pink"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
pink pink
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-red" class="ant-tag ant-tag-red"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
red red
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-orange" class="ant-tag ant-tag-orange"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
orange orange
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-green" class="ant-tag ant-tag-green"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
green green
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-cyan" class="ant-tag ant-tag-cyan"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
cyan cyan
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-blue" class="ant-tag ant-tag-blue"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
blue blue
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-purple" class="ant-tag ant-tag-purple"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
purple purple
</span> </span>
</div> </div>
</div> </div>
<div <div
style="margin-top:24px;"> style="margin-top:24px;"
>
<div <div
class="ant-tag ant-tag-pink-inverse" class="ant-tag ant-tag-pink-inverse"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
pink-inverse pink-inverse
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-red-inverse" class="ant-tag ant-tag-red-inverse"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
red-inverse red-inverse
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-orange-inverse" class="ant-tag ant-tag-orange-inverse"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
orange-inverse orange-inverse
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-green-inverse" class="ant-tag ant-tag-green-inverse"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
green-inverse green-inverse
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-cyan-inverse" class="ant-tag ant-tag-cyan-inverse"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
cyan-inverse cyan-inverse
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-blue-inverse" class="ant-tag ant-tag-blue-inverse"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
blue-inverse blue-inverse
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-purple-inverse" class="ant-tag ant-tag-purple-inverse"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
purple-inverse purple-inverse
</span> </span>
</div> </div>
</div> </div>
<div <div
style="margin-top:24px;"> style="margin-top:24px;"
>
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#f50;"> style="background-color:#f50;"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
#f50 #f50
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#2db7f5;"> style="background-color:#2db7f5;"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
#2db7f5 #2db7f5
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#87d068;"> style="background-color:#87d068;"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
#87d068 #87d068
</span> </span>
</div> </div>
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#108ee9;"> style="background-color:#108ee9;"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
#108ee9 #108ee9
</span> </span>
</div> </div>
@ -220,39 +274,48 @@ exports[`test renders ./components/tag/demo/colorful.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/tag/demo/control.md correctly 1`] = ` exports[`renders ./components/tag/demo/control.md correctly 1`] = `
<div> <div>
<div <div
class="ant-tag" class="ant-tag"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
Unremovable Unremovable
</span> </span>
</div> </div>
<div <div
class="ant-tag" class="ant-tag"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
Tag 2 Tag 2
</span> </span>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</div> </div>
<div <div
class="ant-tag" class="ant-tag"
data-show="true"> data-show="true"
>
<span <span
class="ant-tag-text"> class="ant-tag-text"
>
Tag 3 Tag 3
</span> </span>
<i <i
class="anticon anticon-cross" /> class="anticon anticon-cross"
/>
</div> </div>
<button <button
class="ant-btn ant-btn-dashed ant-btn-sm" class="ant-btn ant-btn-dashed ant-btn-sm"
type="button"> type="button"
>
<span> <span>
+ New Tag + New Tag
</span> </span>
@ -260,21 +323,24 @@ exports[`test renders ./components/tag/demo/control.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/tag/demo/hot-tags.md correctly 1`] = ` exports[`renders ./components/tag/demo/hot-tags.md correctly 1`] = `
<div> <div>
<strong> <strong>
Hots: Hots:
</strong> </strong>
<div <div
class="ant-tag ant-tag-checkable"> class="ant-tag ant-tag-checkable"
>
Movie Movie
</div> </div>
<div <div
class="ant-tag ant-tag-checkable"> class="ant-tag ant-tag-checkable"
>
Books Books
</div> </div>
<div <div
class="ant-tag ant-tag-checkable"> class="ant-tag ant-tag-checkable"
>
Music Music
</div> </div>
</div> </div>

106
components/time-picker/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,135 +1,167 @@
exports[`test renders ./components/time-picker/demo/addon.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
`; `;
exports[`test renders ./components/time-picker/demo/basic.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
`; `;
exports[`test renders ./components/time-picker/demo/disable-options.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/disable-options.md correctly 1`] = `
<div> <div>
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="Just Disabled" placeholder="Just Disabled"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="Hide Directly" placeholder="Hide Directly"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/time-picker/demo/disabled.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
disabled="" disabled=""
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="12:08:23" /> value="12:08:23"
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
`; `;
exports[`test renders ./components/time-picker/demo/hide-column.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="12:08" /> value="12:08"
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
`; `;
exports[`test renders ./components/time-picker/demo/size.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
<div> <div>
<span <span
class="ant-time-picker ant-time-picker-large"> class="ant-time-picker ant-time-picker-large"
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="12:08:23" /> value="12:08:23"
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="12:08:23" /> value="12:08:23"
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
<span <span
class="ant-time-picker ant-time-picker-small"> class="ant-time-picker ant-time-picker-small"
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="12:08:23" /> value="12:08:23"
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/time-picker/demo/value.md correctly 1`] = ` exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
<span <span
class="ant-time-picker "> class="ant-time-picker "
>
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
placeholder="请选择时间" placeholder="请选择时间"
readonly="" readonly=""
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-time-picker-icon" /> class="ant-time-picker-icon"
/>
</span> </span>
`; `;

5
components/time-picker/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,6 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`TimePicker renders addon correctly 1`] = ` exports[`TimePicker renders addon correctly 1`] = `
<div <div
class="ant-time-picker-panel-addon"> class="ant-time-picker-panel-addon"
>
<button> <button>
Ok Ok
</button> </button>

220
components/timeline/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,86 +1,118 @@
exports[`test renders ./components/timeline/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/timeline/demo/basic.md correctly 1`] = `
<ul <ul
class="ant-timeline"> class="ant-timeline"
>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Create a services site 2015-09-01 Create a services site 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Solve initial network problems 2015-09-01 Solve initial network problems 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Technical testing 2015-09-01 Technical testing 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item ant-timeline-item-last"> class="ant-timeline-item ant-timeline-item-last"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Network problems being solved 2015-09-01 Network problems being solved 2015-09-01
</div> </div>
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/timeline/demo/color.md correctly 1`] = ` exports[`renders ./components/timeline/demo/color.md correctly 1`] = `
<ul <ul
class="ant-timeline"> class="ant-timeline"
>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-green" /> class="ant-timeline-item-head ant-timeline-item-head-green"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Create a services site 2015-09-01 Create a services site 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-green" /> class="ant-timeline-item-head ant-timeline-item-head-green"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Create a services site 2015-09-01 Create a services site 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-red" /> class="ant-timeline-item-head ant-timeline-item-head-red"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
<p> <p>
Solve initial network problems 1 Solve initial network problems 1
</p> </p>
@ -93,13 +125,17 @@ exports[`test renders ./components/timeline/demo/color.md correctly 1`] = `
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item ant-timeline-item-last"> class="ant-timeline-item ant-timeline-item-last"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
<p> <p>
Technical testing 1 Technical testing 1
</p> </p>
@ -114,106 +150,142 @@ exports[`test renders ./components/timeline/demo/color.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`test renders ./components/timeline/demo/custom.md correctly 1`] = ` exports[`renders ./components/timeline/demo/custom.md correctly 1`] = `
<ul <ul
class="ant-timeline"> class="ant-timeline"
>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Create a services site 2015-09-01 Create a services site 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Solve initial network problems 2015-09-01 Solve initial network problems 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-red"> class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-red"
>
<i <i
class="anticon anticon-clock-circle-o" class="anticon anticon-clock-circle-o"
style="font-size:16px;" /> style="font-size:16px;"
/>
</div> </div>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Technical testing 2015-09-01 Technical testing 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item ant-timeline-item-last"> class="ant-timeline-item ant-timeline-item-last"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Network problems being solved 2015-09-01 Network problems being solved 2015-09-01
</div> </div>
</li> </li>
</ul> </ul>
`; `;
exports[`test renders ./components/timeline/demo/pending.md correctly 1`] = ` exports[`renders ./components/timeline/demo/pending.md correctly 1`] = `
<ul <ul
class="ant-timeline ant-timeline-pending"> class="ant-timeline ant-timeline-pending"
>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Create a services site 2015-09-01 Create a services site 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item"> class="ant-timeline-item"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Solve initial network problems 2015-09-01 Solve initial network problems 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item ant-timeline-item-last"> class="ant-timeline-item ant-timeline-item-last"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
Technical testing 2015-09-01 Technical testing 2015-09-01
</div> </div>
</li> </li>
<li <li
class="ant-timeline-item ant-timeline-item-pending"> class="ant-timeline-item ant-timeline-item-pending"
>
<div <div
class="ant-timeline-item-tail" /> class="ant-timeline-item-tail"
/>
<div <div
class="ant-timeline-item-head ant-timeline-item-head-blue" /> class="ant-timeline-item-head ant-timeline-item-head-blue"
/>
<div <div
class="ant-timeline-item-content"> class="ant-timeline-item-content"
>
<a <a
href="#"> href="#"
>
See more See more
</a> </a>
</div> </div>

62
components/tooltip/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,15 +1,19 @@
exports[`test renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
<div> <div>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Align edge / 边缘对齐 Align edge / 边缘对齐
</span> </span>
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
type="button"> type="button"
>
<span> <span>
Arrow points to center / 箭头指向中心 Arrow points to center / 箭头指向中心
</span> </span>
@ -17,71 +21,87 @@ exports[`test renders ./components/tooltip/demo/arrow-point-at-center.md correct
</div> </div>
`; `;
exports[`test renders ./components/tooltip/demo/basic.md correctly 1`] = ` exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
<span> <span>
Tooltip will show when mouse enter. Tooltip will show when mouse enter.
</span> </span>
`; `;
exports[`test renders ./components/tooltip/demo/placement.md correctly 1`] = ` exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
<div> <div>
<div <div
style="margin-left:60px;"> style="margin-left:60px;"
>
<a <a
href="#"> href="#"
>
TL TL
</a> </a>
<a <a
href="#"> href="#"
>
Top Top
</a> </a>
<a <a
href="#"> href="#"
>
TR TR
</a> </a>
</div> </div>
<div <div
style="width:60px;float:left;"> style="width:60px;float:left;"
>
<a <a
href="#"> href="#"
>
LT LT
</a> </a>
<a <a
href="#"> href="#"
>
Left Left
</a> </a>
<a <a
href="#"> href="#"
>
LB LB
</a> </a>
</div> </div>
<div <div
style="width:60px;margin-left:270px;"> style="width:60px;margin-left:270px;"
>
<a <a
href="#"> href="#"
>
RT RT
</a> </a>
<a <a
href="#"> href="#"
>
Right Right
</a> </a>
<a <a
href="#"> href="#"
>
RB RB
</a> </a>
</div> </div>
<div <div
style="margin-left:60px;clear:both;"> style="margin-left:60px;clear:both;"
>
<a <a
href="#"> href="#"
>
BL BL
</a> </a>
<a <a
href="#"> href="#"
>
Bottom Bottom
</a> </a>
<a <a
href="#"> href="#"
>
BR BR
</a> </a>
</div> </div>

552
components/transfer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,61 +1,81 @@
exports[`test renders ./components/transfer/demo/advanced.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
<div <div
class="ant-transfer"> class="ant-transfer"
>
<div <div
class="ant-transfer-list ant-transfer-list-with-footer" class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;"> style="width:250px;height:300px;"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body ant-transfer-list-body-with-search"> class="ant-transfer-list-body ant-transfer-list-body-with-search"
>
<div <div
class="ant-transfer-list-body-search-wrapper"> class="ant-transfer-list-body-search-wrapper"
>
<div> <div>
<input <input
class="ant-input ant-transfer-list-search" class="ant-input ant-transfer-list-search"
placeholder="Search" placeholder="Search"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-transfer-list-search-action"> class="ant-transfer-list-search-action"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</span> </span>
</div> </div>
</div> </div>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
<div <div
class="ant-transfer-list-footer"> class="ant-transfer-list-footer"
>
<button <button
class="ant-btn ant-btn-sm" class="ant-btn ant-btn-sm"
style="float:right;margin:5px;" style="float:right;margin:5px;"
type="button"> type="button"
>
<span> <span>
reload reload
</span> </span>
@ -63,83 +83,105 @@ exports[`test renders ./components/transfer/demo/advanced.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
class="ant-transfer-operation"> class="ant-transfer-operation"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
to left to left
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
to right to right
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-transfer-list ant-transfer-list-with-footer" class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;"> style="width:250px;height:300px;"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body ant-transfer-list-body-with-search"> class="ant-transfer-list-body ant-transfer-list-body-with-search"
>
<div <div
class="ant-transfer-list-body-search-wrapper"> class="ant-transfer-list-body-search-wrapper"
>
<div> <div>
<input <input
class="ant-input ant-transfer-list-search" class="ant-input ant-transfer-list-search"
placeholder="Search" placeholder="Search"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-transfer-list-search-action"> class="ant-transfer-list-search-action"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</span> </span>
</div> </div>
</div> </div>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
<div <div
class="ant-transfer-list-footer"> class="ant-transfer-list-footer"
>
<button <button
class="ant-btn ant-btn-sm" class="ant-btn ant-btn-sm"
style="float:right;margin:5px;" style="float:right;margin:5px;"
type="button"> type="button"
>
<span> <span>
reload reload
</span> </span>
@ -149,160 +191,208 @@ exports[`test renders ./components/transfer/demo/advanced.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/transfer/demo/basic.md correctly 1`] = ` exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
<div <div
class="ant-transfer"> class="ant-transfer"
>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
14 14
</span> </span>
<span <span
class="ant-transfer-list-header-title"> class="ant-transfer-list-header-title"
>
Source Source
</span> </span>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content"> class="ant-transfer-list-content"
>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
</ul> </ul>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-transfer-operation"> class="ant-transfer-operation"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
6 6
</span> </span>
<span <span
class="ant-transfer-list-header-title"> class="ant-transfer-list-header-title"
>
Target Target
</span> </span>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content"> class="ant-transfer-list-content"
>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" /> style="height:32px;"
/>
</ul> </ul>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
@ -310,96 +400,124 @@ exports[`test renders ./components/transfer/demo/basic.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/transfer/demo/custom-item.md correctly 1`] = ` exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
<div <div
class="ant-transfer"> class="ant-transfer"
>
<div <div
class="ant-transfer-list" class="ant-transfer-list"
style="width:300px;height:300px;"> style="width:300px;height:300px;"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-transfer-operation"> class="ant-transfer-operation"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-transfer-list" class="ant-transfer-list"
style="width:300px;height:300px;"> style="width:300px;height:300px;"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
@ -407,94 +525,122 @@ exports[`test renders ./components/transfer/demo/custom-item.md correctly 1`] =
</div> </div>
`; `;
exports[`test renders ./components/transfer/demo/large-data.md correctly 1`] = ` exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
<div <div
class="ant-transfer"> class="ant-transfer"
>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-transfer-operation"> class="ant-transfer-operation"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
@ -502,124 +648,160 @@ exports[`test renders ./components/transfer/demo/large-data.md correctly 1`] = `
</div> </div>
`; `;
exports[`test renders ./components/transfer/demo/search.md correctly 1`] = ` exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
<div <div
class="ant-transfer"> class="ant-transfer"
>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body ant-transfer-list-body-with-search"> class="ant-transfer-list-body ant-transfer-list-body-with-search"
>
<div <div
class="ant-transfer-list-body-search-wrapper"> class="ant-transfer-list-body-search-wrapper"
>
<div> <div>
<input <input
class="ant-input ant-transfer-list-search" class="ant-input ant-transfer-list-search"
placeholder="Search" placeholder="Search"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-transfer-list-search-action"> class="ant-transfer-list-search-action"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</span> </span>
</div> </div>
</div> </div>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-transfer-operation"> class="ant-transfer-operation"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
0 0
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body ant-transfer-list-body-with-search"> class="ant-transfer-list-body ant-transfer-list-body-with-search"
>
<div <div
class="ant-transfer-list-body-search-wrapper"> class="ant-transfer-list-body-search-wrapper"
>
<div> <div>
<input <input
class="ant-input ant-transfer-list-search" class="ant-input ant-transfer-list-search"
placeholder="Search" placeholder="Search"
type="text" type="text"
value="" /> value=""
/>
<span <span
class="ant-transfer-list-search-action"> class="ant-transfer-list-search-action"
>
<i <i
class="anticon anticon-search" /> class="anticon anticon-search"
/>
</span> </span>
</div> </div>
</div> </div>
<ul <ul
class="ant-transfer-list-content" /> class="ant-transfer-list-content"
/>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>

131
components/transfer/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,140 +1,185 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Transfer should render correctly 1`] = ` exports[`Transfer should render correctly 1`] = `
<div <div
class="ant-transfer"> class="ant-transfer"
>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
1/2 1/2
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content"> class="ant-transfer-list-content"
>
<li <li
class="ant-transfer-list-content-item"> class="ant-transfer-list-content-item"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span /> <span />
</li> </li>
<li <li
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"> class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-disabled"> class="ant-checkbox ant-checkbox-disabled"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span /> <span />
</li> </li>
</ul> </ul>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>
</div> </div>
<div <div
class="ant-transfer-operation"> class="ant-transfer-operation"
>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
disabled="" disabled=""
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-left" /> class="anticon anticon-left"
/>
</span> </span>
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
type="button"> type="button"
>
<span> <span>
<i <i
class="anticon anticon-right" /> class="anticon anticon-right"
/>
</span> </span>
</button> </button>
</div> </div>
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
1 1
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content"> class="ant-transfer-list-content"
>
<li <li
class="ant-transfer-list-content-item"> class="ant-transfer-list-content-item"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span /> <span />
</li> </li>
</ul> </ul>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>

80
components/transfer/__tests__/__snapshots__/list.test.js.snap
View File

@ -1,82 +1,110 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`List should render correctly 1`] = ` exports[`List should render correctly 1`] = `
<div <div
class="ant-transfer-list"> class="ant-transfer-list"
>
<div <div
class="ant-transfer-list-header"> class="ant-transfer-list-header"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-indeterminate"> class="ant-checkbox ant-checkbox-indeterminate"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span <span
class="ant-transfer-list-header-selected"> class="ant-transfer-list-header-selected"
>
<span> <span>
1/3 1/3
</span> </span>
<span <span
class="ant-transfer-list-header-title" /> class="ant-transfer-list-header-title"
/>
</span> </span>
</div> </div>
<div <div
class="ant-transfer-list-body"> class="ant-transfer-list-body"
>
<ul <ul
class="ant-transfer-list-content"> class="ant-transfer-list-content"
>
<li <li
class="ant-transfer-list-content-item"> class="ant-transfer-list-content-item"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-checked"> class="ant-checkbox ant-checkbox-checked"
>
<input <input
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span /> <span />
</li> </li>
<li <li
class="ant-transfer-list-content-item"> class="ant-transfer-list-content-item"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox"> class="ant-checkbox"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span /> <span />
</li> </li>
<li <li
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"> class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
>
<label <label
class="ant-checkbox-wrapper"> class="ant-checkbox-wrapper"
>
<span <span
class="ant-checkbox ant-checkbox-disabled"> class="ant-checkbox ant-checkbox-disabled"
>
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" /> type="checkbox"
/>
<span <span
class="ant-checkbox-inner" /> class="ant-checkbox-inner"
/>
</span> </span>
</label> </label>
<span /> <span />
</li> </li>
</ul> </ul>
<div <div
class="ant-transfer-list-body-not-found"> class="ant-transfer-list-body-not-found"
>
Not Found Not Found
</div> </div>
</div> </div>

38
components/transfer/__tests__/__snapshots__/search.test.js.snap
View File

@ -1,7 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Search should show cross icon when input value exists 1`] = ` exports[`Search should show cross icon when input value exists 1`] = `
<Search <Search
placeholder="" placeholder=""
value=""> value=""
>
<div> <div>
<Input <Input
autosize={false} autosize={false}
@ -10,7 +13,8 @@ exports[`Search should show cross icon when input value exists 1`] = `
placeholder="" placeholder=""
prefixCls="ant-input" prefixCls="ant-input"
type="text" type="text"
value=""> value=""
>
<input <input
className="ant-input" className="ant-input"
disabled={false} disabled={false}
@ -18,14 +22,18 @@ exports[`Search should show cross icon when input value exists 1`] = `
onKeyDown={[Function]} onKeyDown={[Function]}
placeholder="" placeholder=""
type="text" type="text"
value="" /> value=""
/>
</Input> </Input>
<span <span
className="undefined-action"> className="undefined-action"
>
<Component <Component
type="search"> type="search"
>
<i <i
className="anticon anticon-search" /> className="anticon anticon-search"
/>
</Component> </Component>
</span> </span>
</div> </div>
@ -35,7 +43,8 @@ exports[`Search should show cross icon when input value exists 1`] = `
exports[`Search should show cross icon when input value exists 2`] = ` exports[`Search should show cross icon when input value exists 2`] = `
<Search <Search
placeholder="" placeholder=""
value="a"> value="a"
>
<div> <div>
<Input <Input
autosize={false} autosize={false}
@ -44,7 +53,8 @@ exports[`Search should show cross icon when input value exists 2`] = `
placeholder="" placeholder=""
prefixCls="ant-input" prefixCls="ant-input"
type="text" type="text"
value="a"> value="a"
>
<input <input
className="ant-input" className="ant-input"
disabled={false} disabled={false}
@ -52,16 +62,20 @@ exports[`Search should show cross icon when input value exists 2`] = `
onKeyDown={[Function]} onKeyDown={[Function]}
placeholder="" placeholder=""
type="text" type="text"
value="a" /> value="a"
/>
</Input> </Input>
<a <a
className="undefined-action" className="undefined-action"
href="#" href="#"
onClick={[Function]}> onClick={[Function]}
>
<Component <Component
type="cross-circle"> type="cross-circle"
>
<i <i
className="anticon anticon-cross-circle" /> className="anticon anticon-cross-circle"
/>
</Component> </Component>
</a> </a>
</div> </div>

68
components/tree-select/__tests__/__snapshots__/demo.test.js.snap
View File

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

543
components/tree/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,80 +1,109 @@
exports[`test renders ./components/tree/demo/basic.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
<ul <ul
class="ant-tree" class="ant-tree"
role="tree-node" role="tree-node"
unselectable="true"> unselectable="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_open" /> class="ant-tree-switcher ant-tree-noline_open"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked"> class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1"> title="parent 1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
parent 1 parent 1
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class="ant-tree-treenode-disabled"> class="ant-tree-treenode-disabled"
>
<span <span
class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled" /> class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"> class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1-0"> title="parent 1-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
parent 1-0 parent 1-0
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"> class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"> title="leaf"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
leaf leaf
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked"> class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"> title="leaf"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
leaf leaf
</span> </span>
</a> </a>
@ -82,41 +111,55 @@ exports[`test renders ./components/tree/demo/basic.md correctly 1`] = `
</ul> </ul>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_open" /> class="ant-tree-switcher ant-tree-noline_open"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked"> class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1-1"> title="parent 1-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
parent 1-1 parent 1-1
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked"> class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title=""> title=""
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
<span <span
style="color:#08c;"> style="color:#08c;"
>
sss sss
</span> </span>
</span> </span>
@ -129,101 +172,134 @@ exports[`test renders ./components/tree/demo/basic.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] = ` exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
<ul <ul
class="ant-tree" class="ant-tree"
role="tree-node" role="tree-node"
unselectable="true"> unselectable="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_open" /> class="ant-tree-switcher ant-tree-noline_open"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-indeterminate"> class="ant-tree-checkbox ant-tree-checkbox-indeterminate"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0"> title="0-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0 0-0
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_open" /> class="ant-tree-switcher ant-tree-noline_open"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"> class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0-0"> title="0-0-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0 0-0-0
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked"> class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-0"> title="0-0-0-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0-0 0-0-0-0
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked"> class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-1"> title="0-0-0-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0-1 0-0-0-1
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox ant-tree-checkbox-checked"> class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-2"> title="0-0-0-2"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0-2 0-0-0-2
</span> </span>
</a> </a>
@ -231,75 +307,100 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
</ul> </ul>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_open" /> class="ant-tree-switcher ant-tree-noline_open"
/>
<span <span
class="ant-tree-checkbox"> class="ant-tree-checkbox"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0-1"> title="0-0-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-1 0-0-1
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox"> class="ant-tree-checkbox"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-1-0"> title="0-0-1-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-1-0 0-0-1-0
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox"> class="ant-tree-checkbox"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-1-1"> title="0-0-1-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-1-1 0-0-1-1
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox"> class="ant-tree-checkbox"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-1-2"> title="0-0-1-2"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-1-2 0-0-1-2
</span> </span>
</a> </a>
@ -307,19 +408,25 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
</ul> </ul>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox"> class="ant-tree-checkbox"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-2"> title="0-0-2"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-2 0-0-2
</span> </span>
</a> </a>
@ -327,37 +434,49 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
</ul> </ul>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_close" /> class="ant-tree-switcher ant-tree-noline_close"
/>
<span <span
class="ant-tree-checkbox"> class="ant-tree-checkbox"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="0-1"> title="0-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-1 0-1
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<span <span
class="ant-tree-checkbox"> class="ant-tree-checkbox"
>
<span <span
class="ant-tree-checkbox-inner" /> class="ant-tree-checkbox-inner"
/>
</span> </span>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-2"> title="0-2"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-2 0-2
</span> </span>
</a> </a>
@ -365,86 +484,109 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
</ul> </ul>
`; `;
exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = ` exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
<ul <ul
class="draggable-tree ant-tree" class="draggable-tree ant-tree"
role="tree-node" role="tree-node"
unselectable="true"> unselectable="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_open" /> class="ant-tree-switcher ant-tree-noline_open"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"
draggable="true" draggable="true"
title="0-0"> title="0-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0 0-0
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_open" /> class="ant-tree-switcher ant-tree-noline_open"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"
draggable="true" draggable="true"
title="0-0-0"> title="0-0-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0 0-0-0
</span> </span>
</a> </a>
<ul <ul
class="ant-tree-child-tree ant-tree-child-tree-open" class="ant-tree-child-tree ant-tree-child-tree-open"
data-expanded="true"> data-expanded="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
draggable="true" draggable="true"
title="0-0-0-0"> title="0-0-0-0"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0-0 0-0-0-0
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
draggable="true" draggable="true"
title="0-0-0-1"> title="0-0-0-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0-1 0-0-0-1
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
draggable="true" draggable="true"
title="0-0-0-2"> title="0-0-0-2"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-0-2 0-0-0-2
</span> </span>
</a> </a>
@ -452,31 +594,39 @@ exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = `
</ul> </ul>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_close" /> class="ant-tree-switcher ant-tree-noline_close"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"
draggable="true" draggable="true"
title="0-0-1"> title="0-0-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-1 0-0-1
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
draggable="true" draggable="true"
title="0-0-2"> title="0-0-2"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-0-2 0-0-2
</span> </span>
</a> </a>
@ -484,31 +634,39 @@ exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = `
</ul> </ul>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_close" /> class="ant-tree-switcher ant-tree-noline_close"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"
draggable="true" draggable="true"
title="0-1"> title="0-1"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-1 0-1
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<a <a
aria-grabbed="true" aria-grabbed="true"
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
draggable="true" draggable="true"
title="0-2"> title="0-2"
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
0-2 0-2
</span> </span>
</a> </a>
@ -516,78 +674,99 @@ exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = `
</ul> </ul>
`; `;
exports[`test renders ./components/tree/demo/dynamic.md correctly 1`] = ` exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
<ul <ul
class="ant-tree" class="ant-tree"
role="tree-node" role="tree-node"
unselectable="true" /> unselectable="true"
/>
`; `;
exports[`test renders ./components/tree/demo/search.md correctly 1`] = ` exports[`renders ./components/tree/demo/search.md correctly 1`] = `
<div> <div>
<span <span
class="ant-input-preSuffix-wrapper" class="ant-input-preSuffix-wrapper"
style="width:300px;"> style="width:300px;"
>
<input <input
class="ant-input ant-input-search" class="ant-input ant-input-search"
placeholder="Search" placeholder="Search"
type="text" /> type="text"
/>
<span <span
class="ant-input-suffix"> class="ant-input-suffix"
>
<i <i
class="anticon anticon-search ant-input-search-icon" /> class="anticon anticon-search ant-input-search-icon"
/>
</span> </span>
</span> </span>
<ul <ul
class="ant-tree" class="ant-tree"
role="tree-node" role="tree-node"
unselectable="true"> unselectable="true"
>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_close" /> class="ant-tree-switcher ant-tree-noline_close"
/>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title=""> title=""
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
<span> <span>
<span <span
style="color:#f50;" /> style="color:#f50;"
/>
0-0 0-0
</span> </span>
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-noline_close" /> class="ant-tree-switcher ant-tree-noline_close"
/>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title=""> title=""
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
<span> <span>
<span <span
style="color:#f50;" /> style="color:#f50;"
/>
0-1 0-1
</span> </span>
</span> </span>
</a> </a>
</li> </li>
<li <li
class=""> class=""
>
<span <span
class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" /> class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
/>
<a <a
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title=""> title=""
>
<span <span
class="ant-tree-title"> class="ant-tree-title"
>
<span> <span>
<span <span
style="color:#f50;" /> style="color:#f50;"
/>
0-2 0-2
</span> </span>
</span> </span>

247
components/upload/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,327 +1,406 @@
exports[`test renders ./components/upload/demo/avatar.md correctly 1`] = ` // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `
<span <span
class="avatar-uploader"> class="avatar-uploader"
>
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" /> style="display:;"
/>
</span> </span>
`; `;
exports[`test renders ./components/upload/demo/basic.md correctly 1`] = ` exports[`renders ./components/upload/demo/basic.md correctly 1`] = `
<span <span
class=""> class=""
>
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" /> style="display:;"
/>
<div <div
class="ant-upload-list ant-upload-list-text" /> class="ant-upload-list ant-upload-list-text"
/>
</span> </span>
`; `;
exports[`test renders ./components/upload/demo/defaultFileList.md correctly 1`] = ` exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<span <span
class=""> class=""
>
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" /> style="display:;"
/>
<div <div
class="ant-upload-list ant-upload-list-text"> class="ant-upload-list ant-upload-list-text"
>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<i <i
class="anticon anticon-paper-clip" /> class="anticon anticon-paper-clip"
/>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="http://www.baidu.com/xxx.png" href="http://www.baidu.com/xxx.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="xxx.png"> title="xxx.png"
>
xxx.png xxx.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<i <i
class="anticon anticon-paper-clip" /> class="anticon anticon-paper-clip"
/>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="http://www.baidu.com/yyy.png" href="http://www.baidu.com/yyy.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="yyy.png"> title="yyy.png"
>
yyy.png yyy.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
<div <div
class="ant-upload-list-item ant-upload-list-item-error"> class="ant-upload-list-item ant-upload-list-item-error"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<i <i
class="anticon anticon-paper-clip" /> class="anticon anticon-paper-clip"
/>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="http://www.baidu.com/zzz.png" href="http://www.baidu.com/zzz.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="zzz.png"> title="zzz.png"
>
zzz.png zzz.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
</div> </div>
</span> </span>
`; `;
exports[`test renders ./components/upload/demo/drag.md correctly 1`] = ` exports[`renders ./components/upload/demo/drag.md correctly 1`] = `
<div <div
style="margin-top:16px;height:180px;"> style="margin-top:16px;height:180px;"
>
<span <span
class=""> class=""
>
<div <div
class="ant-upload ant-upload-drag" /> class="ant-upload ant-upload-drag"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/upload/demo/fileList.md correctly 1`] = ` exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
<span <span
class=""> class=""
>
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" /> style="display:;"
/>
<div <div
class="ant-upload-list ant-upload-list-text"> class="ant-upload-list ant-upload-list-text"
>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<i <i
class="anticon anticon-paper-clip" /> class="anticon anticon-paper-clip"
/>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="http://www.baidu.com/xxx.png" href="http://www.baidu.com/xxx.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="xxx.png"> title="xxx.png"
>
xxx.png xxx.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
</div> </div>
</span> </span>
`; `;
exports[`test renders ./components/upload/demo/picture-card.md correctly 1`] = ` exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
<div <div
class="clearfix"> class="clearfix"
>
<span <span
class=""> class=""
>
<div <div
class="ant-upload-list ant-upload-list-picture-card"> class="ant-upload-list ant-upload-list-picture-card"
>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<a <a
class="ant-upload-list-item-thumbnail" class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank"> target="_blank"
>
<img <img
alt="xxx.png" alt="xxx.png"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" /> src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</a> </a>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="xxx.png"> title="xxx.png"
>
xxx.png xxx.png
</a> </a>
</span> </span>
</div> </div>
<span <span
class="ant-upload-list-item-actions"> class="ant-upload-list-item-actions"
>
<a <a
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="预览文件"> title="预览文件"
>
<i <i
class="anticon anticon-eye-o" /> class="anticon anticon-eye-o"
/>
</a> </a>
<i <i
class="anticon anticon-delete" class="anticon anticon-delete"
title="删除文件" /> title="删除文件"
/>
</span> </span>
</div> </div>
</div> </div>
<div <div
class="ant-upload ant-upload-select ant-upload-select-picture-card" class="ant-upload ant-upload-select ant-upload-select-picture-card"
style="display:;" /> style="display:;"
/>
</span> </span>
</div> </div>
`; `;
exports[`test renders ./components/upload/demo/picture-style.md correctly 1`] = ` exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div> <div>
<span <span
class=""> class=""
>
<div <div
class="ant-upload ant-upload-select ant-upload-select-picture" class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;" /> style="display:;"
/>
<div <div
class="ant-upload-list ant-upload-list-picture"> class="ant-upload-list ant-upload-list-picture"
>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<a <a
class="ant-upload-list-item-thumbnail" class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank"> target="_blank"
>
<img <img
alt="xxx.png" alt="xxx.png"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" /> src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</a> </a>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="xxx.png"> title="xxx.png"
>
xxx.png xxx.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<a <a
class="ant-upload-list-item-thumbnail" class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank"> target="_blank"
>
<img <img
alt="yyy.png" alt="yyy.png"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" /> src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</a> </a>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="yyy.png"> title="yyy.png"
>
yyy.png yyy.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
</div> </div>
</span> </span>
<br /> <br />
<br /> <br />
<span <span
class="upload-list-inline"> class="upload-list-inline"
>
<div <div
class="ant-upload ant-upload-select ant-upload-select-picture" class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;" /> style="display:;"
/>
<div <div
class="ant-upload-list ant-upload-list-picture"> class="ant-upload-list ant-upload-list-picture"
>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<a <a
class="ant-upload-list-item-thumbnail" class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank"> target="_blank"
>
<img <img
alt="xxx.png" alt="xxx.png"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" /> src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</a> </a>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="xxx.png"> title="xxx.png"
>
xxx.png xxx.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
<div <div
class="ant-upload-list-item ant-upload-list-item-done"> class="ant-upload-list-item ant-upload-list-item-done"
>
<div <div
class="ant-upload-list-item-info"> class="ant-upload-list-item-info"
>
<span> <span>
<a <a
class="ant-upload-list-item-thumbnail" class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank"> target="_blank"
>
<img <img
alt="yyy.png" alt="yyy.png"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" /> src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</a> </a>
<a <a
class="ant-upload-list-item-name" class="ant-upload-list-item-name"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
title="yyy.png"> title="yyy.png"
>
yyy.png yyy.png
</a> </a>
</span> </span>
</div> </div>
<i <i
class="anticon anticon-cross" class="anticon anticon-cross"
title="删除文件" /> title="删除文件"
/>
</div> </div>
</div> </div>
</span> </span>

2
package.json
View File

@ -109,7 +109,7 @@
"eslint-tinker": "^0.4.0", "eslint-tinker": "^0.4.0",
"fetch-jsonp": "^1.0.3", "fetch-jsonp": "^1.0.3",
"glob": "^7.1.1", "glob": "^7.1.1",
"jest": "^18.1.0", "jest": "^19.0.2",
"jsonml.js": "^0.1.0", "jsonml.js": "^0.1.0",
"lint-staged": "^3.3.1", "lint-staged": "^3.3.1",
"mockdate": "^2.0.1", "mockdate": "^2.0.1",

2
tests/__snapshots__/index.test.js.snap
View File

@ -1,3 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`antd dist files exports modules correctly 1`] = ` exports[`antd dist files exports modules correctly 1`] = `
Array [ Array [
"Affix", "Affix",