mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: Badge not work when props.color is empty (#26375)

Browse Source 
* fix: Badge not work when props.color is empty

* update: test
This commit is contained in:
zhangchen 2020-08-26 11:27:07 +08:00 committed by GitHub
parent 507fdc44ae
commit 453eafe68d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/badge/__tests__/index.test.js
View File

@ -141,6 +141,17 @@ describe('Badge', () => {
expect(wrapper).toMatchSnapshot();
});
it('Badge should work when status/color is empty string', () => {
const wrapper = mount(
<>
<Badge color="" text="text" />
<Badge status="" text="text" />
</>,
);
expect(wrapper.find('.ant-badge')).toHaveLength(2);
});
it('render Badge size when contains children', () => {
const wrapper = render(
<>

4
components/badge/index.tsx
View File

@ -62,9 +62,7 @@ const Badge: CompoundedComponent = ({
return displayCount as string | number | null;
};
const hasStatus = (): boolean => {
return !!status || !!color;
};
const hasStatus = (): boolean => (status !== null && status !== undefined) || (color !== null && color !== undefined);
const isZero = () => {
const numberedDisplayCount = getNumberedDisplayCount();