mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 03:29:59 +08:00
Code Issues Actions 35 Packages Projects Releases Wiki Activity

fix: Skeleton missing style (#33405)

Browse Source
This commit is contained in:
二货机器人 2021-12-24 14:23:32 +08:00 committed by GitHub
parent 0edf04253e
commit 9c086c5328
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/skeleton/Skeleton.tsx
View File

@ -17,6 +17,7 @@ export interface SkeletonProps {
loading?: boolean;
prefixCls?: string;
className?: string;
style?: React.CSSProperties;
children?: React.ReactNode;
avatar?: SkeletonAvatarProps | boolean;
title?: SkeletonTitleProps | boolean;
@ -76,6 +77,7 @@ const Skeleton = (props: SkeletonProps) => {
prefixCls: customizePrefixCls,
loading,
className,
style,
children,
avatar,
title,
@ -153,7 +155,7 @@ const Skeleton = (props: SkeletonProps) => {
);
return (
<div className={cls}>
<div className={cls} style={style}>
{avatarNode}
{contentNode}
</div>

25
components/skeleton/__tests__/__snapshots__/index.test.js.snap
View File

@ -526,6 +526,31 @@ exports[`Skeleton should square avatar 1`] = `
</div>
`;
exports[`Skeleton should support style 1`] = `
<div
class="ant-skeleton"
style="background: blue;"
>
<div
class="ant-skeleton-content"
>
<h3
class="ant-skeleton-title"
style="width: 38%;"
/>
<ul
class="ant-skeleton-paragraph"
>
<li />
<li />
<li
style="width: 61%;"
/>
</ul>
</div>
</div>
`;
exports[`Skeleton should without avatar and paragraph 1`] = `
<div
class="ant-skeleton"

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

@ -147,4 +147,9 @@ describe('Skeleton', () => {
expect(wrapper.render()).toMatchSnapshot();
});
});
it('should support style', () => {
const wrapper = genSkeleton({ style: { background: 'blue' } });
expect(wrapper.render()).toMatchSnapshot();
});
});