ant-design/components/popconfirm/__tests__/__snapshots__/demo.test.tsx.snap

526 lines
12 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders components/popconfirm/demo/async.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Open Popconfirm with async logic
</span>
</button>
`;
exports[`renders components/popconfirm/demo/basic.tsx correctly 1`] = `
2016-11-22 14:28:05 +08:00
<a
href="#"
>
2016-11-22 14:28:05 +08:00
Delete
</a>
`;
exports[`renders components/popconfirm/demo/dynamic-trigger.tsx correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<a
href="#"
>
2016-11-22 14:28:05 +08:00
Delete a task
</a>
<br />
<br />
Whether directly execute
2018-09-13 19:47:28 +08:00
<button
aria-checked="true"
2016-11-22 14:28:05 +08:00
class="ant-switch ant-switch-checked"
2018-09-13 19:47:28 +08:00
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-switch-inner"
2022-10-14 12:11:43 +08:00
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
2018-09-13 19:47:28 +08:00
</button>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders components/popconfirm/demo/icon.tsx correctly 1`] = `
2018-07-06 23:48:37 +08:00
<a
href="#"
>
Delete
</a>
`;
exports[`renders components/popconfirm/demo/locale.tsx correctly 1`] = `
2016-11-22 14:28:05 +08:00
<a
href="#"
>
2016-11-22 14:28:05 +08:00
Delete
</a>
`;
exports[`renders components/popconfirm/demo/placement.tsx correctly 1`] = `
Array [
2016-11-22 14:28:05 +08:00
<div
style="margin-left:70px;white-space:nowrap"
>
2016-11-22 14:28:05 +08:00
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
TL
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
Top
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
TR
</span>
</button>
</div>,
2016-11-22 14:28:05 +08:00
<div
style="width:70px;float:left"
>
2016-11-22 14:28:05 +08:00
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
LT
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
Left
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
LB
</span>
</button>
</div>,
2016-11-22 14:28:05 +08:00
<div
style="width:70px;margin-left:304px"
>
2016-11-22 14:28:05 +08:00
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
RT
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
Right
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
RB
</span>
</button>
</div>,
2016-11-22 14:28:05 +08:00
<div
style="margin-left:70px;clear:both;white-space:nowrap"
>
2016-11-22 14:28:05 +08:00
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
BL
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
Bottom
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
2016-11-22 14:28:05 +08:00
<span>
BR
</span>
</button>
</div>,
]
2016-11-22 14:28:05 +08:00
`;
exports[`renders components/popconfirm/demo/promise.tsx correctly 1`] = `
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Open Popconfirm with Promise
</span>
</button>
`;
exports[`renders components/popconfirm/demo/render-panel.tsx correctly 1`] = `
Array [
<div
class="ant-popover ant-popover-pure ant-popover-placement-top ant-popconfirm"
>
<div
class="ant-popover-arrow"
/>
<div
class="ant-popover-content"
>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-inner-content"
>
<div
class="ant-popconfirm-inner-content"
>
<div
class="ant-popconfirm-message"
>
2022-10-11 21:33:29 +08:00
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
2022-10-11 21:33:29 +08:00
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
2022-10-11 21:33:29 +08:00
</span>
<div
class="ant-popconfirm-message-title ant-popconfirm-message-title-only"
>
Are you OK?
</div>
</div>
<div
class="ant-popconfirm-description"
>
Does this look good?
</div>
<div
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-popover ant-popover-pure ant-popover-placement-bottomRight ant-popconfirm"
style="width:250px"
>
<div
class="ant-popover-arrow"
/>
<div
class="ant-popover-content"
style="width:250px"
>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-inner-content"
>
<div
class="ant-popconfirm-inner-content"
>
<div
class="ant-popconfirm-message"
>
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="ant-popconfirm-message-title ant-popconfirm-message-title-only"
>
Are you OK?
</div>
</div>
<div
class="ant-popconfirm-description"
>
Does this look good?
</div>
<div
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders components/popconfirm/demo/wireframe.tsx correctly 1`] = `
Array [
<div
class="ant-popover ant-popover-pure ant-popover-placement-top ant-popconfirm"
>
<div
class="ant-popover-arrow"
/>
<div
class="ant-popover-content"
>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-inner-content"
>
<div
class="ant-popconfirm-inner-content"
>
<div
class="ant-popconfirm-message"
>
2022-10-11 21:33:29 +08:00
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
2022-10-11 21:33:29 +08:00
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
2022-10-11 21:33:29 +08:00
</span>
<div
class="ant-popconfirm-message-title"
>
Are you OK?
</div>
</div>
<div
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-popover ant-popover-pure ant-popover-placement-bottomRight ant-popconfirm"
style="width:250px"
>
<div
class="ant-popover-arrow"
/>
<div
class="ant-popover-content"
style="width:250px"
>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-inner-content"
>
<div
class="ant-popconfirm-inner-content"
>
<div
class="ant-popconfirm-message"
>
<span
class="ant-popconfirm-message-icon"
>
<span
aria-label="exclamation-circle"
class="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
<div
class="ant-popconfirm-message-title"
>
Are you OK?
</div>
</div>
<div
class="ant-popconfirm-buttons"
>
<button
class="ant-btn ant-btn-default ant-btn-sm"
type="button"
>
<span>
Cancel
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;