* 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

View File

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

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

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

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
class="">
class=""
>
<div
class="ant-anchor-wrapper">
class="ant-anchor-wrapper"
>
<div
class="ant-anchor">
class="ant-anchor"
>
<div
class="ant-anchor-ink">
class="ant-anchor-ink"
>
<span
class="ant-anchor-ink-ball animated" />
class="ant-anchor-ink-ball animated"
/>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#components-anchor-demo-basic"
title="Basic demo">
title="Basic demo"
>
Basic demo
</a>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#components-anchor-demo-fixed"
title="Fixed demo">
title="Fixed demo"
>
Fixed demo
</a>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#API"
title="API">
title="API"
>
API
</a>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#Anchor-Props"
title="Anchor Props">
title="Anchor Props"
>
Anchor Props
</a>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#Link-Props"
title="Link Props">
title="Link Props"
>
Link Props
</a>
</div>
@ -62,57 +79,71 @@ exports[`test renders ./components/anchor/demo/basic.md correctly 1`] = `
</div>
`;
exports[`test renders ./components/anchor/demo/fixed.md correctly 1`] = `
exports[`renders ./components/anchor/demo/fixed.md correctly 1`] = `
<div
class="ant-anchor-wrapper">
class="ant-anchor-wrapper"
>
<div
class="ant-anchor fixed">
class="ant-anchor fixed"
>
<div
class="ant-anchor-ink">
class="ant-anchor-ink"
>
<span
class="ant-anchor-ink-ball animated" />
class="ant-anchor-ink-ball animated"
/>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#components-anchor-demo-basic"
title="Basic demo">
title="Basic demo"
>
Basic demo
</a>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#components-anchor-demo-fixed"
title="Fixed demo">
title="Fixed demo"
>
Fixed demo
</a>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#API"
title="API">
title="API"
>
API
</a>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#Anchor-Props"
title="Anchor Props">
title="Anchor Props"
>
Anchor Props
</a>
</div>
<div
class="ant-anchor-link">
class="ant-anchor-link"
>
<a
class="ant-anchor-link-title"
href="#Link-Props"
title="Link Props">
title="Link Props"
>
Link Props
</a>
</div>

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

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>
Scroll down to see the bottom-right
<strong
style="color:rgba(64, 64, 64, 0.6);">
style="color:rgba(64, 64, 64, 0.6);"
>
gray
</strong>
button.
</div>
`;
exports[`test renders ./components/back-top/demo/custom.md correctly 1`] = `
exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
<div>
Scroll down to see the bottom-right
<strong
style="color:#57c5f7;">
style="color:#57c5f7;"
>
blue
</strong>
button.

File diff suppressed because it is too large Load Diff

View File

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

View File

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

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

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

View File

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

File diff suppressed because it is too large Load Diff

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

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

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

View File

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

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

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
class="ant-collapse">
class="ant-collapse"
>
<div
class="ant-collapse-item">
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
role="tab"
>
<i
class="arrow" />
class="arrow"
/>
This is panel header 1
</div>
</div>
<div
class="ant-collapse-item">
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
role="tab"
>
<i
class="arrow" />
class="arrow"
/>
This is panel header 2
</div>
</div>
<div
class="ant-collapse-item">
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
role="tab"
>
<i
class="arrow" />
class="arrow"
/>
This is panel header 3
</div>
</div>
</div>
`;
exports[`test renders ./components/collapse/demo/basic.md correctly 1`] = `
exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
<div
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">
class="ant-collapse"
>
<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">
role="tab"
>
<i
class="arrow" />
class="arrow"
/>
This is panel header 1
</div>
<div
class="ant-collapse-content ant-collapse-content-active"
role="tabpanel">
role="tabpanel"
>
<div
class="ant-collapse-content-box">
class="ant-collapse-content-box"
>
<p>
A dog is a type of domesticated animal.
@ -174,64 +85,211 @@ exports[`test renders ./components/collapse/demo/custom.md correctly 1`] = `
</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">
role="tab"
>
<i
class="arrow" />
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">
role="tab"
>
<i
class="arrow" />
class="arrow"
/>
This is panel header 3
</div>
</div>
</div>
`;
exports[`test renders ./components/collapse/demo/mix.md correctly 1`] = `
exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
<div
class="ant-collapse">
class="ant-collapse ant-collapse-borderless"
>
<div
class="ant-collapse-item">
class="ant-collapse-item ant-collapse-item-active"
>
<div
aria-expanded="false"
aria-expanded="true"
class="ant-collapse-header"
role="tab">
role="tab"
>
<i
class="arrow" />
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">
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
role="tab"
>
<i
class="arrow" />
class="arrow"
/>
This is panel header 2
</div>
</div>
<div
class="ant-collapse-item">
class="ant-collapse-item"
>
<div
aria-expanded="false"
class="ant-collapse-header"
role="tab">
role="tab"
>
<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
</div>
</div>

View File

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

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

File diff suppressed because it is too large Load Diff

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

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

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

File diff suppressed because it is too large Load Diff

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

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
class="ant-btn"
type="button">
type="button"
>
<span>
Customized display duration
</span>
</button>
`;
exports[`test renders ./components/message/demo/info.md correctly 1`] = `
exports[`renders ./components/message/demo/info.md correctly 1`] = `
<button
class="ant-btn ant-btn-primary"
type="button">
type="button"
>
<span>
Display normal message
</span>
</button>
`;
exports[`test renders ./components/message/demo/loading.md correctly 1`] = `
exports[`renders ./components/message/demo/loading.md correctly 1`] = `
<button
class="ant-btn"
type="button">
type="button"
>
<span>
Display a loading indicator
</span>
</button>
`;
exports[`test renders ./components/message/demo/other.md correctly 1`] = `
exports[`renders ./components/message/demo/other.md correctly 1`] = `
<div>
<button
class="ant-btn"
type="button">
type="button"
>
<span>
Success
</span>
</button>
<button
class="ant-btn"
type="button">
type="button"
>
<span>
Error
</span>
</button>
<button
class="ant-btn"
type="button">
type="button"
>
<span>
Warning
</span>

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

View File

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

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

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

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

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

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
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
class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;">
style="width:132px;height:132px;font-size:27.12px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
d="M 50,50 m 0,-47
@ -25,22 +31,27 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#108ee9"
stroke-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
75%
</span>
</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
class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;">
style="width:132px;height:132px;font-size:27.12px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
d="M 50,50 m 0,-47
@ -58,23 +70,29 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#ff5500"
stroke-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-cross" />
class="anticon anticon-cross"
/>
</span>
</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
class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;">
style="width:132px;height:132px;font-size:27.12px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
d="M 50,50 m 0,-47
@ -92,28 +111,34 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#87d068"
stroke-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-check" />
class="anticon anticon-check"
/>
</span>
</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
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
class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;">
style="width:132px;height:132px;font-size:27.12px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
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-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
0%
</span>
</div>
</div>
<div
class="ant-btn-group">
class="ant-btn-group"
>
<button
class="ant-btn ant-btn-icon-only"
type="button">
type="button"
>
<i
class="anticon anticon-minus" />
class="anticon anticon-minus"
/>
</button>
<button
class="ant-btn ant-btn-icon-only"
type="button">
type="button"
>
<i
class="anticon anticon-plus" />
class="anticon anticon-plus"
/>
</button>
</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
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
class="ant-progress-inner"
style="width:80px;height:80px;font-size:18.8px;">
style="width:80px;height:80px;font-size:18.8px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
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-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
30%
</span>
</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
class="ant-progress-inner"
style="width:80px;height:80px;font-size:18.8px;">
style="width:80px;height:80px;font-size:18.8px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
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-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-cross" />
class="anticon anticon-cross"
/>
</span>
</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
class="ant-progress-inner"
style="width:80px;height:80px;font-size:18.8px;">
style="width:80px;height:80px;font-size:18.8px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
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-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-check" />
class="anticon anticon-check"
/>
</span>
</div>
</div>
</div>
`;
exports[`test renders ./components/progress/demo/dynamic.md correctly 1`] = `
exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
<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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:0%;height:10px;" />
style="width:0%;height:10px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
0%
</span>
</div>
</div>
<div
class="ant-btn-group">
class="ant-btn-group"
>
<button
class="ant-btn ant-btn-icon-only"
type="button">
type="button"
>
<i
class="anticon anticon-minus" />
class="anticon anticon-minus"
/>
</button>
<button
class="ant-btn ant-btn-icon-only"
type="button">
type="button"
>
<i
class="anticon anticon-plus" />
class="anticon anticon-plus"
/>
</button>
</div>
</div>
`;
exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
exports[`renders ./components/progress/demo/format.md correctly 1`] = `
<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
class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;">
style="width:132px;height:132px;font-size:27.12px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
d="M 50,50 m 0,-47
@ -328,22 +395,27 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#108ee9"
stroke-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
75 Days
</span>
</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
class="ant-progress-inner"
style="width:132px;height:132px;font-size:27.12px;">
style="width:132px;height:132px;font-size:27.12px;"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100">
viewbox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
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"
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6" />
stroke-width="6"
/>
<path
class="ant-progress-circle-path"
d="M 50,50 m 0,-47
@ -361,10 +434,12 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#87d068"
stroke-linecap="round"
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>
<span
class="ant-progress-text">
class="ant-progress-text"
>
Done
</span>
</div>
@ -372,92 +447,118 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
</div>
`;
exports[`test renders ./components/progress/demo/line.md correctly 1`] = `
exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:30%;height:10px;" />
style="width:30%;height:10px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
30%
</span>
</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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:50%;height:10px;" />
style="width:50%;height:10px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
50%
</span>
</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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:70%;height:10px;" />
style="width:70%;height:10px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-cross-circle" />
class="anticon anticon-cross-circle"
/>
</span>
</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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:100%;height:10px;" />
style="width:100%;height:10px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-check-circle" />
class="anticon anticon-check-circle"
/>
</span>
</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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:50%;height:10px;" />
style="width:50%;height:10px;"
/>
</div>
</div>
</div>
@ -465,80 +566,103 @@ exports[`test renders ./components/progress/demo/line.md correctly 1`] = `
</div>
`;
exports[`test renders ./components/progress/demo/line-mini.md correctly 1`] = `
exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div
style="width:170px;">
style="width:170px;"
>
<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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:30%;height:5px;" />
style="width:30%;height:5px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
30%
</span>
</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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:50%;height:5px;" />
style="width:50%;height:5px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
50%
</span>
</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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:70%;height:5px;" />
style="width:70%;height:5px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-cross-circle" />
class="anticon anticon-cross-circle"
/>
</span>
</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
class="ant-progress-outer">
class="ant-progress-outer"
>
<div
class="ant-progress-inner">
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width:100%;height:5px;" />
style="width:100%;height:5px;"
/>
</div>
</div>
<span
class="ant-progress-text">
class="ant-progress-text"
>
<i
class="anticon anticon-check-circle" />
class="anticon anticon-check-circle"
/>
</span>
</div>
</div>

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

View File

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

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
class="ant-rate">
class="ant-rate"
>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
</ul>
`;
exports[`test renders ./components/rate/demo/character.md correctly 1`] = `
exports[`renders ./components/rate/demo/character.md correctly 1`] = `
<div>
<ul
class="ant-rate">
class="ant-rate"
>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-heart" />
class="anticon anticon-heart"
/>
</div>
</li>
</ul>
<br />
<ul
class="ant-rate"
style="font-size:36px;">
style="font-size:36px;"
>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
A
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
A
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
A
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
A
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
A
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
A
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
A
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
A
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
A
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
A
</div>
</li>
</ul>
<br />
<ul
class="ant-rate">
class="ant-rate"
>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
</div>
</li>
@ -261,220 +347,299 @@ exports[`test renders ./components/rate/demo/character.md correctly 1`] = `
</div>
`;
exports[`test renders ./components/rate/demo/disabled.md correctly 1`] = `
exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
<ul
class="ant-rate ant-rate-disabled">
class="ant-rate ant-rate-disabled"
>
<li
class="ant-rate-star ant-rate-star-full">
class="ant-rate-star ant-rate-star-full"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-full">
class="ant-rate-star ant-rate-star-full"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
</ul>
`;
exports[`test renders ./components/rate/demo/half.md correctly 1`] = `
exports[`renders ./components/rate/demo/half.md correctly 1`] = `
<ul
class="ant-rate">
class="ant-rate"
>
<li
class="ant-rate-star ant-rate-star-full">
class="ant-rate-star ant-rate-star-full"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-full">
class="ant-rate-star ant-rate-star-full"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</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
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
</ul>
`;
exports[`test renders ./components/rate/demo/text.md correctly 1`] = `
exports[`renders ./components/rate/demo/text.md correctly 1`] = `
<span>
<ul
class="ant-rate">
class="ant-rate"
>
<li
class="ant-rate-star ant-rate-star-full">
class="ant-rate-star ant-rate-star-full"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-full">
class="ant-rate-star ant-rate-star-full"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-full">
class="ant-rate-star ant-rate-star-full"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
<li
class="ant-rate-star ant-rate-star-zero">
class="ant-rate-star ant-rate-star-zero"
>
<div
class="ant-rate-star-first">
class="ant-rate-star-first"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
<div
class="ant-rate-star-second">
class="ant-rate-star-second"
>
<i
class="anticon anticon-star" />
class="anticon anticon-star"
/>
</div>
</li>
</ul>
<span
class="ant-rate-text">
class="ant-rate-text"
>
3 stars
</span>
</span>

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

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

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

File diff suppressed because it is too large Load Diff

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
class="ant-switch"
tabindex="0">
tabindex="0"
>
<span
class="ant-switch-inner" />
class="ant-switch-inner"
/>
</span>
`;
exports[`test renders ./components/switch/demo/disabled.md correctly 1`] = `
exports[`renders ./components/switch/demo/disabled.md correctly 1`] = `
<div>
<span
class="ant-switch ant-switch-disabled"
tabindex="0">
tabindex="0"
>
<span
class="ant-switch-inner" />
class="ant-switch-inner"
/>
</span>
<br />
<button
class="ant-btn ant-btn-primary"
type="button">
type="button"
>
<span>
Toggle disabled
</span>
@ -26,51 +33,62 @@ exports[`test renders ./components/switch/demo/disabled.md correctly 1`] = `
</div>
`;
exports[`test renders ./components/switch/demo/size.md correctly 1`] = `
exports[`renders ./components/switch/demo/size.md correctly 1`] = `
<div>
<span
class="ant-switch"
tabindex="0">
tabindex="0"
>
<span
class="ant-switch-inner" />
class="ant-switch-inner"
/>
</span>
<br />
<span
class="ant-switch-small ant-switch"
tabindex="0">
tabindex="0"
>
<span
class="ant-switch-inner" />
class="ant-switch-inner"
/>
</span>
</div>
`;
exports[`test renders ./components/switch/demo/text.md correctly 1`] = `
exports[`renders ./components/switch/demo/text.md correctly 1`] = `
<div>
<span
class="ant-switch"
tabindex="0">
tabindex="0"
>
<span
class="ant-switch-inner">
class="ant-switch-inner"
>
</span>
</span>
<br />
<span
class="ant-switch"
tabindex="0">
tabindex="0"
>
<span
class="ant-switch-inner">
class="ant-switch-inner"
>
0
</span>
</span>
<br />
<span
class="ant-switch"
tabindex="0">
tabindex="0"
>
<span
class="ant-switch-inner">
class="ant-switch-inner"
>
<i
class="anticon anticon-cross" />
class="anticon anticon-cross"
/>
</span>
</span>
</div>

View File

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

View File

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

View File

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

View File

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

View File

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

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

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

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
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="" />
value=""
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
`;
exports[`test renders ./components/time-picker/demo/basic.md correctly 1`] = `
exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
<span
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="" />
value=""
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</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>
<span
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="Just Disabled"
readonly=""
type="text"
value="" />
value=""
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="Hide Directly"
readonly=""
type="text"
value="" />
value=""
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
</div>
`;
exports[`test renders ./components/time-picker/demo/disabled.md correctly 1`] = `
exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
<span
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
disabled=""
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23" />
value="12:08:23"
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</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
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08" />
value="12:08"
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
`;
exports[`test renders ./components/time-picker/demo/size.md correctly 1`] = `
exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
<div>
<span
class="ant-time-picker ant-time-picker-large">
class="ant-time-picker ant-time-picker-large"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23" />
value="12:08:23"
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23" />
value="12:08:23"
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
<span
class="ant-time-picker ant-time-picker-small">
class="ant-time-picker ant-time-picker-small"
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="12:08:23" />
value="12:08:23"
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
</div>
`;
exports[`test renders ./components/time-picker/demo/value.md correctly 1`] = `
exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
<span
class="ant-time-picker ">
class="ant-time-picker "
>
<input
class="ant-time-picker-input"
placeholder="请选择时间"
readonly=""
type="text"
value="" />
value=""
/>
<span
class="ant-time-picker-icon" />
class="ant-time-picker-icon"
/>
</span>
`;

View File

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

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

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

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

View File

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

View File

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

View File

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

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
class="ant-select ant-select-enabled"
style="width:300px;">
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0">
tabindex="0"
>
<span
class="ant-select-selection__rendered">
class="ant-select-selection__rendered"
>
<span
class="ant-select-selection__placeholder">
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;">
style="outline:none;"
>
<b />
</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
class="ant-select ant-select-enabled"
style="width:300px;">
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--multiple"
role="combobox">
role="combobox"
>
<ul
class="ant-select-selection__rendered">
class="ant-select-selection__rendered"
>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
title="Node1"
unselectable="unselectable">
unselectable="unselectable"
>
<span
class="ant-select-selection__choice__remove" />
class="ant-select-selection__choice__remove"
/>
<span
class="ant-select-selection__choice__content">
class="ant-select-selection__choice__content"
>
Node1
</span>
</li>
<li
class="ant-select-search ant-select-search--inline">
class="ant-select-search ant-select-search--inline"
>
<span
class="ant-select-search__field__wrap">
class="ant-select-search__field__wrap"
>
<input
class="ant-select-search__field"
role="textbox"
value="" />
value=""
/>
</span>
</li>
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:none;">
style="display:none;"
>
Please select
</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
class="ant-select ant-select-enabled"
style="width:300px;">
style="width:300px;"
>
<span
aria-autocomplete="list"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0">
tabindex="0"
>
<span
class="ant-select-selection__rendered">
class="ant-select-selection__rendered"
>
<span
class="ant-select-selection__placeholder">
class="ant-select-selection__placeholder"
>
Please select
</span>
</span>
<span
class="ant-select-arrow"
style="outline:none;">
style="outline:none;"
>
<b />
</span>
</span>

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

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

View File

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

View File

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