test: add test case (#41369)

* test: add test case

* update docs

* Update components/float-button/index.en-US.md

Co-authored-by: MadCcc <1075746765@qq.com>

* Update components/float-button/index.zh-CN.md

Co-authored-by: MadCcc <1075746765@qq.com>

* fix

---------

Co-authored-by: MadCcc <1075746765@qq.com>
This commit is contained in:
lijianan 2023-03-21 13:18:30 +08:00 committed by GitHub
parent f6c235462e
commit 1005d5c5a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 2 deletions

View File

@ -70,4 +70,16 @@ describe('FloatButton', () => {
const result2 = getOffset(1);
expect(result2).not.toBe(0);
});
it('support badge number', () => {
const { container } = render(<FloatButton badge={{ count: 10 }} />);
const badgeElement = container?.querySelector<HTMLSpanElement>('.ant-float-btn .ant-badge');
expect(badgeElement?.querySelector<HTMLElement>('.ant-badge-count')).toBeTruthy();
});
it('support badge dot', () => {
const { container } = render(<FloatButton badge={{ dot: true }} />);
const badgeElement = container?.querySelector<HTMLSpanElement>('.ant-float-btn .ant-badge');
expect(badgeElement?.querySelector<HTMLElement>('.ant-badge-dot')).toBeTruthy();
});
});

View File

@ -46,7 +46,7 @@ FloatButton. Available since `5.0.0`.
| onClick | Set the handler to handle `click` event | (event) => void | - | |
| href | The target of hyperlink | string | - | |
| target | Specifies where to display the linked URL | string | - | |
| badge | float-button with round logo number | refer [badge](/components/badge#api) | - | 5.4.0 |
| badge | Attach Badge to FloatButton. `status` `size` and other props related are not supported. | [BadgeProps](/components/badge#api) | - | 5.4.0 |
### FloatButton.Group

View File

@ -47,7 +47,7 @@ demo:
| onClick | 点击按钮时的回调 | (event) => void | - | |
| href | 点击跳转的地址,指定此属性 button 的行为和 a 链接一致 | string | - | |
| target | 相当于 a 标签的 target 属性href 存在时生效 | string | - | |
| badge | 带圆形徽标数字的悬浮按钮 | 参考[badge](/components/badge-cn#api) | - | 5.4.0 |
| badge | 带徽标数字的悬浮按钮(不支持 `status` `size` 以及相关属性) | [BadgeProps](/components/badge-cn#api) | - | 5.4.0 |
### FloatButton.Group