111 lines
3.2 KiB
TypeScript
111 lines
3.2 KiB
TypeScript
import React from 'react'
|
|
import {cleanup, fireEvent, render} from '../../../../jest/test-utils'
|
|
import {ProfileViewModel} from '../../../../src/state/models/profile-view'
|
|
import {ProfileHeader} from '../../../../src/view/com/profile/ProfileHeader'
|
|
import {
|
|
mockedNavigationStore,
|
|
mockedProfileStore,
|
|
mockedShellStore,
|
|
} from '../../../../__mocks__/state-mock'
|
|
|
|
describe('ProfileHeader', () => {
|
|
const mockedProps = {
|
|
view: mockedProfileStore,
|
|
onRefreshAll: jest.fn(),
|
|
}
|
|
afterAll(() => {
|
|
jest.clearAllMocks()
|
|
cleanup()
|
|
})
|
|
|
|
it('renders ErrorMessage on error', async () => {
|
|
const {findByTestId} = render(
|
|
<ProfileHeader
|
|
{...{
|
|
view: {
|
|
...mockedProfileStore,
|
|
hasError: true,
|
|
} as ProfileViewModel,
|
|
onRefreshAll: jest.fn(),
|
|
}}
|
|
/>,
|
|
)
|
|
|
|
const profileHeaderHasError = await findByTestId('profileHeaderHasError')
|
|
expect(profileHeaderHasError).toBeTruthy()
|
|
})
|
|
|
|
it('presses and opens edit profile', async () => {
|
|
const {findByTestId} = render(<ProfileHeader {...mockedProps} />)
|
|
|
|
const profileHeaderEditProfileButton = await findByTestId(
|
|
'profileHeaderEditProfileButton',
|
|
)
|
|
expect(profileHeaderEditProfileButton).toBeTruthy()
|
|
fireEvent.press(profileHeaderEditProfileButton)
|
|
|
|
expect(mockedShellStore.openModal).toHaveBeenCalled()
|
|
})
|
|
|
|
it('presses and opens followers page', async () => {
|
|
const {findByTestId} = render(<ProfileHeader {...mockedProps} />)
|
|
|
|
const profileHeaderFollowersButton = await findByTestId(
|
|
'profileHeaderFollowersButton',
|
|
)
|
|
expect(profileHeaderFollowersButton).toBeTruthy()
|
|
fireEvent.press(profileHeaderFollowersButton)
|
|
|
|
expect(mockedNavigationStore.navigate).toHaveBeenCalledWith(
|
|
'/profile/testhandle/followers',
|
|
)
|
|
})
|
|
|
|
// TODO - this will only pass if the profile has an avatar image set
|
|
// it('presses and opens avatar modal', async () => {
|
|
// const {findByTestId} = render(<ProfileHeader {...mockedProps} />)
|
|
|
|
// const profileHeaderAviButton = await findByTestId('profileHeaderAviButton')
|
|
// expect(profileHeaderAviButton).toBeTruthy()
|
|
// fireEvent.press(profileHeaderAviButton)
|
|
|
|
// expect(mockedShellStore.openLightbox).toHaveBeenCalled()
|
|
// })
|
|
|
|
it('presses and opens follows page', async () => {
|
|
const {findByTestId} = render(<ProfileHeader {...mockedProps} />)
|
|
|
|
const profileHeaderFollowsButton = await findByTestId(
|
|
'profileHeaderFollowsButton',
|
|
)
|
|
expect(profileHeaderFollowsButton).toBeTruthy()
|
|
fireEvent.press(profileHeaderFollowsButton)
|
|
|
|
expect(mockedNavigationStore.navigate).toHaveBeenCalledWith(
|
|
'/profile/testhandle/follows',
|
|
)
|
|
})
|
|
|
|
it('toggles following', async () => {
|
|
const {findByTestId} = render(
|
|
<ProfileHeader
|
|
{...{
|
|
view: {
|
|
...mockedProfileStore,
|
|
did: 'test did 2',
|
|
} as ProfileViewModel,
|
|
onRefreshAll: jest.fn(),
|
|
}}
|
|
/>,
|
|
)
|
|
|
|
const profileHeaderToggleFollowButton = await findByTestId(
|
|
'profileHeaderToggleFollowButton',
|
|
)
|
|
expect(profileHeaderToggleFollowButton).toBeTruthy()
|
|
fireEvent.press(profileHeaderToggleFollowButton)
|
|
|
|
expect(mockedProps.view.toggleFollowing).toHaveBeenCalled()
|
|
})
|
|
})
|