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

525 lines
11 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-alert ant-alert-warning ant-alert-banner"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-exclamation-circle ant-alert-icon"
2018-09-02 19:25:04 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Warning text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<br />
<div
class="ant-alert ant-alert-warning ant-alert-banner"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-exclamation-circle ant-alert-icon"
2018-09-02 19:25:04 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Very long warning text warning text text text text text text text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
<a
class="ant-alert-close-icon"
2018-07-19 20:37:47 +08:00
>
<i
2018-08-24 18:36:08 +08:00
class="anticon anticon-close"
2018-09-02 19:25:04 +08:00
/>
2018-07-19 20:37:47 +08:00
</a>
2016-11-22 14:28:05 +08:00
</div>
<br />
<div
class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-banner"
data-show="true"
>
<span
class="ant-alert-message"
>
Warning text without icon
</span>
<span
class="ant-alert-description"
/>
</div>
<br />
<div
class="ant-alert ant-alert-error ant-alert-banner"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-24 18:36:08 +08:00
class="anticon anticon-close-circle ant-alert-icon"
2018-09-02 19:25:04 +08:00
/>
<span
class="ant-alert-message"
>
Error text
</span>
<span
class="ant-alert-description"
/>
</div>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/alert/demo/basic.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Success Text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
<a
class="ant-alert-close-icon"
2018-07-19 20:37:47 +08:00
>
<i
2018-08-24 18:36:08 +08:00
class="anticon anticon-close"
2018-09-02 19:25:04 +08:00
/>
2018-07-19 20:37:47 +08:00
</a>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Error Text
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
Error Description Error Description Error Description Error Description Error Description Error Description
</span>
<a
class="ant-alert-close-icon"
2018-07-19 20:37:47 +08:00
>
<i
2018-08-24 18:36:08 +08:00
class="anticon anticon-close"
2018-09-02 19:25:04 +08:00
/>
2018-07-19 20:37:47 +08:00
</a>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;
exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div
class="ant-alert ant-alert-info ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Info Text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
<a
class="ant-alert-close-icon"
>
2016-11-22 14:28:05 +08:00
Close Now
</a>
</div>
`;
exports[`renders ./components/alert/demo/description.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Success Text
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
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"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Info Text
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
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"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Warning Text
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
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"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Error Text
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
Error Description Error Description Error Description Error Description
</span>
</div>
</div>
`;
exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-alert ant-alert-success"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-check-circle ant-alert-icon"
2018-09-02 19:25:04 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Success Tips
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-info"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-info-circle ant-alert-icon"
2018-09-02 19:25:04 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Informational Notes
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-warning"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-exclamation-circle ant-alert-icon"
2018-09-02 19:25:04 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Warning
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-error"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-24 18:36:08 +08:00
class="anticon anticon-close-circle ant-alert-icon"
2018-09-02 19:25:04 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Error
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-success ant-alert-with-description"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-check-circle-o ant-alert-icon"
2018-08-24 18:36:08 +08:00
>
<svg
aria-hidden="true"
class=""
2018-08-30 22:59:43 +08:00
data-icon="check-circle"
2018-08-24 18:36:08 +08:00
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
2018-08-27 20:40:11 +08:00
xmlns="http://www.w3.org/2000/svg"
2018-08-24 18:36:08 +08:00
>
<path
2018-08-30 22:59:43 +08:00
d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8c12.7 17.7 39 17.7 51.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
2018-08-24 18:36:08 +08:00
/>
<path
2018-08-30 22:59:43 +08:00
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
2018-08-24 18:36:08 +08:00
/>
</svg>
</i>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2018-01-01 15:19:40 +08:00
Success Tips
2016-11-22 14:28:05 +08:00
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
Detailed description and advices about successful copywriting.
</span>
</div>
<div
class="ant-alert ant-alert-info ant-alert-with-description"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-info-circle-o ant-alert-icon"
2018-08-24 18:36:08 +08:00
>
<svg
aria-hidden="true"
class=""
2018-08-30 22:59:43 +08:00
data-icon="info-circle"
2018-08-24 18:36:08 +08:00
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
2018-08-27 20:40:11 +08:00
xmlns="http://www.w3.org/2000/svg"
2018-08-24 18:36:08 +08:00
>
<path
2018-08-30 22:59:43 +08:00
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
2018-08-24 18:36:08 +08:00
/>
<path
2018-08-30 22:59:43 +08:00
d="M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM536 448h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
2018-08-24 18:36:08 +08:00
/>
</svg>
</i>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Informational Notes
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
Additional description and informations about copywriting.
</span>
</div>
<div
class="ant-alert ant-alert-warning ant-alert-with-description"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-13 20:51:01 +08:00
class="anticon anticon-exclamation-circle-o ant-alert-icon"
2018-08-24 18:36:08 +08:00
>
<svg
aria-hidden="true"
class=""
2018-08-30 22:59:43 +08:00
data-icon="exclamation-circle"
2018-08-24 18:36:08 +08:00
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
2018-08-27 20:40:11 +08:00
xmlns="http://www.w3.org/2000/svg"
2018-08-24 18:36:08 +08:00
>
<path
2018-08-30 22:59:43 +08:00
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
2018-08-24 18:36:08 +08:00
/>
<path
2018-08-30 22:59:43 +08:00
d="M464 688a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM488 576h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z"
2018-08-24 18:36:08 +08:00
/>
</svg>
</i>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Warning
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
This is a warning notice about copywriting.
</span>
</div>
<div
class="ant-alert ant-alert-error ant-alert-with-description"
data-show="true"
>
2018-07-19 20:37:47 +08:00
<i
2018-08-24 18:36:08 +08:00
class="anticon anticon-close-circle-o ant-alert-icon"
>
<svg
aria-hidden="true"
class=""
2018-08-30 22:59:43 +08:00
data-icon="close-circle"
2018-08-24 18:36:08 +08:00
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
2018-08-27 20:40:11 +08:00
xmlns="http://www.w3.org/2000/svg"
2018-08-24 18:36:08 +08:00
>
<path
2018-08-30 22:59:43 +08:00
d="M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-99.3-118.4-66.1-.3c-4.4 0-8 3.5-8 8 0 1.9.7 3.7 1.9 5.2l130.1 155L340.5 670c-1.2 1.5-1.9 3.3-1.9 5.2 0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z"
2018-08-24 18:36:08 +08:00
/>
<path
2018-08-30 22:59:43 +08:00
d="M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
2018-08-24 18:36:08 +08:00
/>
</svg>
</i>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Error
</span>
<span
class="ant-alert-description"
>
2016-11-22 14:28:05 +08:00
This is an error message about copywriting.
</span>
</div>
</div>
`;
exports[`renders ./components/alert/demo/smooth-closed.md correctly 1`] = `
<div>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
data-show="true"
>
<span
class="ant-alert-message"
>
Alert Message Text
</span>
<span
class="ant-alert-description"
/>
<a
class="ant-alert-close-icon"
2018-07-19 20:37:47 +08:00
>
<i
2018-08-24 18:36:08 +08:00
class="anticon anticon-close"
2018-09-02 19:25:04 +08:00
/>
2018-07-19 20:37:47 +08:00
</a>
</div>
<p>
placeholder text here
</p>
</div>
`;
exports[`renders ./components/alert/demo/style.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
class="ant-alert ant-alert-success ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Success Text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-info ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Info Text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-warning ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Warning Text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
<div
class="ant-alert ant-alert-error ant-alert-no-icon"
data-show="true"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-alert-message"
>
2016-11-22 14:28:05 +08:00
Error Text
</span>
<span
class="ant-alert-description"
/>
2016-11-22 14:28:05 +08:00
</div>
</div>
`;