test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-15 09:21:22 +08:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity
2df11184f4
ant-design/components/popover/__tests__/__snapshots__/demo-extend.test.ts.snap

1060 lines
20 KiB
Plaintext
Raw Normal View History

test: Demo check popup content (#33378) * auto demo * chore: update demo snapshot * fix: trigger mock ref logic * chore: try 2 test case * chore: more snapshot * chore: update snapshot * chore: fix ts * chore: split test * test: Update test case * chore: fix test order
2021-12-23 11:51:10 +08:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/popover/demo/arrow-point-at-center.md extend context correctly 1`] = `
Array [
<button
class="ant-btn"
type="button"
>
<span>
Align edge / 边缘对齐
</span>
</button>,
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Title
</div>
<div
class="ant-popover-inner-content"
>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>,
<button
class="ant-btn"
type="button"
>
<span>
Arrow points to center / 箭头指向中心
</span>
</button>,
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Title
</div>
<div
class="ant-popover-inner-content"
>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/popover/demo/basic.md extend context correctly 1`] = `
Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Hover me
</span>
</button>,
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Title
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/popover/demo/control.md extend context correctly 1`] = `
Array [
<button
class="ant-btn ant-btn-primary"
type="button"
>
<span>
Click me
</span>
</button>,
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Title
</div>
<div
class="ant-popover-inner-content"
>
<a>
Close
</a>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/popover/demo/hover-with-click.md extend context correctly 1`] = `
Array [
<button
class="ant-btn"
type="button"
>
<span>
Hover and click / 悬停并单击
</span>
</button>,
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Click title
</div>
<div
class="ant-popover-inner-content"
>
<div>
<div>
This is click content.
</div>
<a>
Close
</a>
</div>
</div>
</div>
</div>
</div>
</div>,
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Hover title
</div>
<div
class="ant-popover-inner-content"
>
<div>
This is hover content.
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/popover/demo/placement.md extend context correctly 1`] = `
<div
class="demo"
>
<div
style="margin-left:70px;white-space:nowrap"
>
<button
class="ant-btn"
type="button"
>
<span>
TL
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
Top
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
TR
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
style="width:70px;float:left"
>
<button
class="ant-btn"
type="button"
>
<span>
LT
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
Left
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
LB
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
style="width:70px;margin-left:304px"
>
<button
class="ant-btn"
type="button"
>
<span>
RT
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
Right
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
RB
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
style="margin-left:70px;clear:both;white-space:nowrap"
>
<button
class="ant-btn"
type="button"
>
<span>
BL
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
Bottom
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
BR
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
<span>
Title
</span>
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/popover/demo/triggerType.md extend context correctly 1`] = `
<div>
<button
class="ant-btn"
type="button"
>
<span>
Hover me
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Title
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
Focus me
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Title
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="ant-btn"
type="button"
>
<span>
Click me
</span>
</button>
<div>
<div
class="ant-popover"
style="opacity:0;pointer-events:none"
>
<div
class="ant-popover-content"
>
<div
class="ant-popover-arrow"
>
<span
class="ant-popover-arrow-content"
/>
</div>
<div
class="ant-popover-inner"
role="tooltip"
>
<div
class="ant-popover-title"
>
Title
</div>
<div
class="ant-popover-inner-content"
>
<div>
<p>
Content
</p>
<p>
Content
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
Reference in New Issue Copy Permalink