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

1283 lines
21 KiB
Plaintext
Raw Normal View History

2016-11-22 14:28:05 +08:00
exports[`test renders ./components/badge/demo/basic.md correctly 1`] = `
<span
class="ant-badge"
title="5">
<a
class="head-example"
href="#" />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18">
<span
class="ant-scroll-number-only"
style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="current">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
</sup>
</span>
`;
2016-12-20 11:06:40 +08:00
exports[`test renders ./components/badge/demo/change.md correctly 1`] = `
<div>
<div>
<span
class="ant-badge"
title="5">
<a
class="head-example"
href="#" />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18">
<span
class="ant-scroll-number-only"
style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="current">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
</sup>
</span>
<div
class="ant-btn-group">
<button
class="ant-btn ant-btn-ghost"
type="button">
<i
class="anticon anticon-minus" />
</button>
<button
class="ant-btn ant-btn-ghost"
type="button">
<i
class="anticon anticon-plus" />
</button>
</div>
</div>
<div
style="margin-top:10px;">
<span
class="ant-badge">
<a
class="head-example"
href="#" />
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
height="18" />
</span>
<span
class="ant-switch"
tabindex="0">
<span
class="ant-switch-inner" />
</span>
</div>
</div>
`;
exports[`test renders ./components/badge/demo/dot.md correctly 1`] = `
<div>
<span
class="ant-badge">
<i
class="anticon anticon-notification" />
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
height="18" />
</span>
<span
class="ant-badge">
<a
href="#">
Link something
</a>
<sup
class="ant-scroll-number ant-badge-dot"
data-show="true"
height="18" />
</span>
</div>
`;
exports[`test renders ./components/badge/demo/link.md correctly 1`] = `
<a
href="#">
<span
class="ant-badge"
title="5">
<span
class="head-example" />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18">
<span
class="ant-scroll-number-only"
style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="current">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
</sup>
</span>
</a>
`;
exports[`test renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
2016-12-20 11:06:40 +08:00
class="ant-badge ant-badge-not-a-wrapper"
title="25">
2016-11-22 14:28:05 +08:00
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18">
<span
class="ant-scroll-number-only"
2016-12-20 11:06:40 +08:00
style="transition:none;-webkit-transform:translateY(-216px);transform:translateY(-216px);height:18px;">
2016-11-22 14:28:05 +08:00
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
2016-12-20 11:06:40 +08:00
class="current">
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
2016-12-20 11:06:40 +08:00
class="">
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
<span
class="ant-scroll-number-only"
style="transition:none;-webkit-transform:translateY(-270px);transform:translateY(-270px);height:18px;">
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="current">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
</sup>
</span>
<span
class="ant-badge ant-badge-not-a-wrapper"
2016-12-20 11:06:40 +08:00
title="4">
2016-11-22 14:28:05 +08:00
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
2016-12-20 11:06:40 +08:00
height="18"
style="background-color:#fff;color:#999;border-color:#d9d9d9;">
2016-11-22 14:28:05 +08:00
<span
class="ant-scroll-number-only"
2016-12-20 11:06:40 +08:00
style="transition:none;-webkit-transform:translateY(-252px);transform:translateY(-252px);height:18px;">
2016-11-22 14:28:05 +08:00
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
2016-12-20 11:06:40 +08:00
class="">
2016-11-22 14:28:05 +08:00
2
</p>
<p
class="">
3
</p>
<p
2016-12-20 11:06:40 +08:00
class="current">
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
2016-12-20 11:06:40 +08:00
</sup>
</span>
<span
class="ant-badge ant-badge-not-a-wrapper"
title="109">
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18"
style="background-color:#87d068;">
99+
</sup>
</span>
</div>
`;
exports[`test renders ./components/badge/demo/overflow.md correctly 1`] = `
<div>
<span
class="ant-badge"
title="99">
<a
class="head-example"
href="#" />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18">
2016-11-22 14:28:05 +08:00
<span
class="ant-scroll-number-only"
2016-12-20 11:06:40 +08:00
style="transition:none;-webkit-transform:translateY(-342px);transform:translateY(-342px);height:18px;">
2016-11-22 14:28:05 +08:00
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
2016-12-20 11:06:40 +08:00
class="">
2016-11-22 14:28:05 +08:00
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
2016-12-20 11:06:40 +08:00
class="current">
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
<span
class="ant-scroll-number-only"
2016-12-20 11:06:40 +08:00
style="transition:none;-webkit-transform:translateY(-342px);transform:translateY(-342px);height:18px;">
2016-11-22 14:28:05 +08:00
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
2016-12-20 11:06:40 +08:00
class="">
2016-11-22 14:28:05 +08:00
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
2016-12-20 11:06:40 +08:00
class="current">
2016-11-22 14:28:05 +08:00
9
</p>
<p
class="">
0
</p>
<p
class="">
1
</p>
<p
class="">
2
</p>
<p
class="">
3
</p>
<p
class="">
4
</p>
<p
class="">
5
</p>
<p
class="">
6
</p>
<p
class="">
7
</p>
<p
class="">
8
</p>
<p
class="">
9
</p>
</span>
</sup>
</span>
<span
2016-12-20 11:06:40 +08:00
class="ant-badge"
title="100">
<a
class="head-example"
href="#" />
2016-11-22 14:28:05 +08:00
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
2016-12-20 11:06:40 +08:00
height="18">
2016-11-22 14:28:05 +08:00
99+
</sup>
</span>
<span
class="ant-badge"
title="99">
<a
class="head-example"
href="#" />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18">
10+
</sup>
</span>
<span
class="ant-badge"
title="1000">
<a
class="head-example"
href="#" />
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
height="18">
999+
</sup>
</span>
</div>
`;
exports[`test renders ./components/badge/demo/status.md correctly 1`] = `
<div>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-success" />
<span
class="ant-badge-status-text" />
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-error" />
<span
class="ant-badge-status-text" />
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-default" />
<span
class="ant-badge-status-text" />
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-processing" />
<span
class="ant-badge-status-text" />
</span>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-warning" />
<span
class="ant-badge-status-text" />
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-success" />
<span
class="ant-badge-status-text">
Success
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-error" />
<span
class="ant-badge-status-text">
Error
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-default" />
<span
class="ant-badge-status-text">
Default
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-processing" />
<span
class="ant-badge-status-text">
Processing
</span>
</span>
<br />
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
<span
class="ant-badge-status-dot ant-badge-status-warning" />
<span
class="ant-badge-status-text">
Warning
</span>
</span>
</div>
`;