288 lines
12 KiB
Plaintext
288 lines
12 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`] = `
|
|
<div>
|
|
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot">
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Finished</div>
|
|
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">In Progress</div>
|
|
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
<div class="ant-steps-item-description">You can hover on the dot.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/error.md correctly 1`] = `
|
|
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
|
|
<div class="ant-steps-item ant-steps-item-finish ant-steps-next-error">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Finished</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-error">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-cross"></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">In Progress</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/icon.md correctly 1`] = `
|
|
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-user"></i></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Login</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-solution"></i></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Verification</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-loading anticon-spin"></i></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Pay</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><i class="anticon anticon-smile-o"></i></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Done</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/progress-dot.md correctly 1`] = `
|
|
<div class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-dot">
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Finished</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">In Progress</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon"><span class="ant-steps-icon-dot"></span></span>
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/simple.md correctly 1`] = `
|
|
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">
|
|
Finished
|
|
</div>
|
|
<div class="ant-steps-item-description"><span>This is a description.</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">In Progress</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/small-size.md correctly 1`] = `
|
|
<div class="ant-steps ant-steps-horizontal ant-steps-small ant-steps-label-horizontal">
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Finished</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">In Progress</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/step-next.md correctly 1`] = `
|
|
<div>
|
|
<div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal">
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">1</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">First</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Second</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Last</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="steps-content">First-content</div>
|
|
<div class="steps-action">
|
|
<button type="button" class="ant-btn ant-btn-primary"><span>Next</span></button>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/vertical.md correctly 1`] = `
|
|
<div class="ant-steps ant-steps-vertical">
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Finished</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">In Progress</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/steps/demo/vertical-small.md correctly 1`] = `
|
|
<div class="ant-steps ant-steps-vertical ant-steps-small">
|
|
<div class="ant-steps-item ant-steps-item-finish">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon anticon anticon-check"></span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Finished</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-process">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">2</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">In Progress</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-steps-item ant-steps-item-wait">
|
|
<div class="ant-steps-item-tail"></div>
|
|
<div class="ant-steps-item-icon"><span class="ant-steps-icon">3</span></div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">Waiting</div>
|
|
<div class="ant-steps-item-description">This is a description.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|