mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

feat(Avatar): add onClick prop (#36940)

Browse Source
This commit is contained in:
kalykun 2022-08-08 13:30:49 +08:00 committed by GitHub
parent 20a2bb3374
commit c8262525e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/avatar/__tests__/Avatar.test.js
View File

@ -214,4 +214,11 @@ describe('Avatar Render', () => {
expect(wrapper.html().includes('crossorigin')).toEqual(false);
expect(wrapper.find('img').prop('crossOrigin')).toEqual(undefined);
});
it('clickable', async () => {
const onClick = jest.fn();
const { container } = render(<Avatar onClick={onClick}>TestString</Avatar>);
fireEvent.click(container.querySelector('.ant-avatar-string'));
expect(onClick).toHaveBeenCalled();
});
});

1
components/avatar/avatar.tsx
View File

@ -32,6 +32,7 @@ export interface AvatarProps {
children?: React.ReactNode;
alt?: string;
crossOrigin?: '' | 'anonymous' | 'use-credentials';
onClick?: (e?: React.MouseEvent<HTMLElement>) => void;
/* callback when img load error */
/* return false to prevent Avatar show default fallback behavior, then you can do fallback by your self */
onError?: () => boolean;