ant-design-vue/components/steps/__tests__/__snapshots__/demo.test.js.snap

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>
`;