mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-06-04 00:48:51 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: split avatar component to handle displaynames

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-03-24 13:16:35 +01:00
parent 3a06f84af1
commit e97a426680
9 changed files with 88 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/common/user-avatar/user-avatar.test.tsx
View file

@ -5,7 +5,7 @@
*/
import type { UserInfo } from '../../../api/users/types'
import { mockI18n } from '../../markdown-renderer/test-utils/mock-i18n'
import { UserAvatar } from './user-avatar'
import { UserAvatarForUser } from './user-avatar-for-user'
import { render } from '@testing-library/react'
describe('UserAvatar', () => {
@ -20,25 +20,25 @@ describe('UserAvatar', () => {
})
it('renders the user avatar correctly', () => {
const view = render(<UserAvatar user={user} />)
const view = render(<UserAvatarForUser user={user} />)
expect(view.container).toMatchSnapshot()
})
describe('renders the user avatar in size', () => {
it('sm', () => {
const view = render(<UserAvatar user={user} size={'sm'} />)
const view = render(<UserAvatarForUser user={user} size={'sm'} />)
expect(view.container).toMatchSnapshot()
})
it('lg', () => {
const view = render(<UserAvatar user={user} size={'lg'} />)
const view = render(<UserAvatarForUser user={user} size={'lg'} />)
expect(view.container).toMatchSnapshot()
})
})
it('adds additionalClasses props to wrapping span', () => {
const view = render(<UserAvatar user={user} additionalClasses={'testClass'} />)
const view = render(<UserAvatarForUser user={user} additionalClasses={'testClass'} />)
expect(view.container).toMatchSnapshot()
})
it('does not show names if showName prop is false', () => {
const view = render(<UserAvatar user={user} showName={false} />)
const view = render(<UserAvatarForUser user={user} showName={false} />)
expect(view.container).toMatchSnapshot()
})
})