mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-08 01:53:34 +08:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

fix: skeleton cannot dispaly without children

Browse Source
This commit is contained in:
AlbertAZ1992 2022-04-06 11:42:38 +08:00
parent a67c0d28d3
commit 0b4a9682f9
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/skeleton/Skeleton.tsx
View File

@ -161,7 +161,7 @@ const Skeleton = (props: SkeletonProps) => {
</div> </div>
); );
} }
return children as React.ReactElement; return children ? children as React.ReactElement : null;
}; };
Skeleton.defaultProps = { Skeleton.defaultProps = {

5
components/skeleton/__tests__/index.test.js
View File

@ -34,6 +34,11 @@ describe('Skeleton', () => {
expect(wrapperSmall.render()).toMatchSnapshot(); expect(wrapperSmall.render()).toMatchSnapshot();
}); });
it('should display without children', () => {
const wrapper = mount(<Skeleton loading={false}></Skeleton>);
expect(wrapper.render()).toMatchSnapshot();
});
it('should display children', () => { it('should display children', () => {
const wrapper = mount(<Skeleton loading={false}>{[1, 2, 3]}</Skeleton>); const wrapper = mount(<Skeleton loading={false}>{[1, 2, 3]}</Skeleton>);
expect(wrapper.text()).toBe('123'); expect(wrapper.text()).toBe('123');