ant-design/components/popconfirm/__tests__/__snapshots__/demo.test.ts.snap
xhh0223 451d2f6ee2
feat(Popconfirm): make title bold and add description prop (#39250)
* feat(popconfirm): make title bold and add description prop

* feat(popconfirm): make title bold and add description prop(update demos)

* feat(popconfirm): make title bold and add description prop(the update of demos translation)

* feat(popconfirm): make title bold and add description prop(the update of snapshot)

* feat(popconfirm): make title bold and add description prop(the update of popconfirm md)

* feat(popconfirm): make title bold and add description prop(the update of popconfirm md)2

* feat(popconfirm): make title bold and add description prop(run all test.ts.snaps and update popconfirm)
2022-12-08 16:39:42 +08:00

528 lines
12 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// 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`] = `
<a
href="#"
>
Delete
</a>
`;
exports[`renders ./components/popconfirm/demo/dynamic-trigger.tsx correctly 1`] = `
<div>
<a
href="#"
>
Delete a task
</a>
<br />
<br />
Whether directly execute
<button
aria-checked="true"
class="ant-switch ant-switch-checked"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
<span
class="ant-switch-inner"
>
<span
class="ant-switch-inner-checked"
/>
<span
class="ant-switch-inner-unchecked"
/>
</span>
</button>
</div>
`;
exports[`renders ./components/popconfirm/demo/icon.tsx correctly 1`] = `
<a
href="#"
>
Delete
</a>
`;
exports[`renders ./components/popconfirm/demo/locale.tsx correctly 1`] = `
<a
href="#"
>
Delete
</a>
`;
exports[`renders ./components/popconfirm/demo/placement.tsx correctly 1`] = `
<div
class="demo"
>
<div
style="margin-left:70px;white-space:nowrap"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
TL
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Top
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
TR
</span>
</button>
</div>
<div
style="width:70px;float:left"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
LT
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Left
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
LB
</span>
</button>
</div>
<div
style="width:70px;margin-left:304px"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
RT
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Right
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
RB
</span>
</button>
</div>
<div
style="margin-left:70px;clear:both;white-space:nowrap"
>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
BL
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
Bottom
</span>
</button>
<button
class="ant-btn ant-btn-default"
type="button"
>
<span>
BR
</span>
</button>
</div>
</div>
`;
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-content"
>
<div
class="ant-popover-arrow"
/>
<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>,
<div
class="ant-popover ant-popover-pure ant-popover-placement-bottomRight ant-popconfirm"
style="width:250px"
>
<div
class="ant-popover-content"
style="width:250px"
>
<div
class="ant-popover-arrow"
/>
<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-content"
>
<div
class="ant-popover-arrow"
/>
<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>,
<div
class="ant-popover ant-popover-pure ant-popover-placement-bottomRight ant-popconfirm"
style="width:250px"
>
<div
class="ant-popover-content"
style="width:250px"
>
<div
class="ant-popover-arrow"
/>
<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>,
]
`;