2017-01-24 16:07:03 +08:00
|
|
|
exports[`test renders ./components/steps/demo/customized-progress-dot.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-hidden ant-steps-dot">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2017-01-24 16:07:03 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon-dot" />
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Finished
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
You can hover on the dot.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2017-01-24 16:07:03 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon-dot" />
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
In Progress
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
You can hover on the dot.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-wait"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2017-01-24 16:07:03 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon-dot" />
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
You can hover on the dot.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon-dot" />
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
You can hover on the dot.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
2016-11-22 14:28:05 +08:00
|
|
|
exports[`test renders ./components/steps/demo/error.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish ant-steps-next-error"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon anticon anticon-check" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Finished
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-error"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon anticon anticon-cross" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
In Process
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
3
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`test renders ./components/steps/demo/icon.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish ant-steps-custom"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
2016-12-04 16:01:45 +08:00
|
|
|
class="ant-steps-icon">
|
|
|
|
<i
|
|
|
|
class="anticon anticon-user" />
|
|
|
|
</span>
|
2016-11-22 14:28:05 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Login
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish ant-steps-custom"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
2016-12-04 16:01:45 +08:00
|
|
|
class="ant-steps-icon">
|
|
|
|
<i
|
|
|
|
class="anticon anticon-solution" />
|
|
|
|
</span>
|
2016-11-22 14:28:05 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Verification
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process ant-steps-custom"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
2016-12-04 16:01:45 +08:00
|
|
|
class="ant-steps-icon">
|
|
|
|
<i
|
|
|
|
class="anticon anticon-credit-card" />
|
|
|
|
</span>
|
2016-11-22 14:28:05 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Pay
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait ant-steps-custom">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<i
|
2016-11-30 10:20:23 +08:00
|
|
|
class="anticon anticon-smile-o" />
|
2016-11-22 14:28:05 +08:00
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Done
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
2017-01-24 16:07:03 +08:00
|
|
|
exports[`test renders ./components/steps/demo/progress-dot.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-hidden ant-steps-dot">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2017-01-24 16:07:03 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon-dot" />
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Finished
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2017-01-24 16:07:03 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon-dot" />
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
In Progress
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon-dot" />
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
2016-11-22 14:28:05 +08:00
|
|
|
exports[`test renders ./components/steps/demo/simple.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon anticon anticon-check" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Finished
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
2
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
In Progress
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
3
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`test renders ./components/steps/demo/small-size.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-small ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon anticon anticon-check" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Finished
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
2
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
In Progress
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
3
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`test renders ./components/steps/demo/step-next.md correctly 1`] = `
|
|
|
|
<div>
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
1
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
First
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-wait"
|
|
|
|
style="margin-right:-1px;">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:1px;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
2
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Second
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
3
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Last
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="steps-content">
|
|
|
|
First-content
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="steps-action">
|
|
|
|
<button
|
|
|
|
class="ant-btn ant-btn-primary"
|
|
|
|
type="button">
|
|
|
|
<span>
|
|
|
|
Next
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`test renders ./components/steps/demo/vertical.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-vertical ant-steps-hidden">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:0;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon anticon anticon-check" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Finished
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:0;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
2
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
In Progress
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
3
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
|
|
|
|
exports[`test renders ./components/steps/demo/vertical-small.md correctly 1`] = `
|
|
|
|
<div
|
|
|
|
class="ant-steps ant-steps-small ant-steps-vertical ant-steps-hidden">
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-finish">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:0;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon anticon anticon-check" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Finished
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-status-process">
|
|
|
|
<div
|
2017-02-28 16:14:41 +08:00
|
|
|
class="ant-steps-tail"
|
|
|
|
style="padding-right:0;">
|
2016-11-22 14:28:05 +08:00
|
|
|
<i />
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
2
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
In Progress
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
|
|
|
|
<div
|
|
|
|
class="ant-steps-step">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head">
|
|
|
|
<div
|
|
|
|
class="ant-steps-head-inner">
|
|
|
|
<span
|
|
|
|
class="ant-steps-icon">
|
|
|
|
3
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-main">
|
|
|
|
<div
|
|
|
|
class="ant-steps-title">
|
|
|
|
Waiting
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
class="ant-steps-description">
|
|
|
|
This is a description.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
`;
|