mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 01:11:26 +08:00
2df11184f4
* 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
1060 lines
20 KiB
Plaintext
1060 lines
20 KiB
Plaintext
// 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>
|
|
`;
|