3b8b562268
* fix comments * add zeego package * get basic native dropdown working * add separator and icon components * refined native dropdown component * add android build properties to app.json * move `PostDropdownBtn` to its own component * fix selectors issue * move `PostDropdownBtn` to its own component * fix hitslop * fix post dropdown hitslop * fix android dropdown icons * move `UserAvatar.tsx` to native dropdown * use native dropdown in `ProfileHeader.tsx` * use native dropdown in `PostThreadItem.tsx` * use native dropdown in `UserBanner.tsx` * use native dropdown in `CustomFeed.tsx` * replace `testId` with `testID` (which is what is used everywhere) * move `Settings.tsx` to use native dropdown * create jest mocks for zeego * create jest mock for `zeego/dropdown-menu` * web styles for native dropdown * remove example native dropdown * adjust web styles * fix propagation * fix pressable in `Settings.tsx` * animate dropdown on web * add keyboard nav and hover styles * add hitslop to constants * add comments to NativeDropdown component * temporarily removed android icons * add testID to PostDropdownBtn * add testID back to all NativeDropdown button implementations * add postDropdownBtn testID * add testID to dropdown items * remove testID from dropdown menu item * refactor home-screen tests for native dropdown * refactor profile-screen tests for native dropdown * refactor thread-muting tests for native dropdown * refactor thread-screen tests for native dropdown * fix dropdown color for post dropdown button * remove icons from android dropdown menu * fix `create-account.test.ts` * fix `invite-codes.test.ts`
177 lines
7.5 KiB
TypeScript
177 lines
7.5 KiB
TypeScript
/* eslint-env detox/detox */
|
|
|
|
import {openApp, login, createServer, sleep} from '../util'
|
|
|
|
describe('Profile screen', () => {
|
|
let service: string
|
|
beforeAll(async () => {
|
|
service = await createServer('?users&posts')
|
|
await openApp({
|
|
permissions: {notifications: 'YES', medialibrary: 'YES', photos: 'YES'},
|
|
})
|
|
})
|
|
|
|
it('Login and navigate to my profile', async () => {
|
|
await expect(element(by.id('signInButton'))).toBeVisible()
|
|
await login(service, 'alice', 'hunter2')
|
|
await element(by.id('bottomBarProfileBtn')).tap()
|
|
})
|
|
|
|
it('Open and close edit profile modal', async () => {
|
|
await element(by.id('profileHeaderEditProfileButton')).tap()
|
|
await expect(element(by.id('editProfileModal'))).toBeVisible()
|
|
await element(by.id('editProfileCancelBtn')).tap()
|
|
await expect(element(by.id('editProfileModal'))).not.toBeVisible()
|
|
})
|
|
|
|
it('Edit display name and description via the edit profile modal', async () => {
|
|
await element(by.id('profileHeaderEditProfileButton')).tap()
|
|
await expect(element(by.id('editProfileModal'))).toBeVisible()
|
|
await element(by.id('editProfileDisplayNameInput')).clearText()
|
|
await element(by.id('editProfileDisplayNameInput')).typeText('Alicia')
|
|
await element(by.id('editProfileDescriptionInput')).clearText()
|
|
await element(by.id('editProfileDescriptionInput')).typeText(
|
|
'One cool hacker',
|
|
)
|
|
await element(by.id('editProfileSaveBtn')).tap()
|
|
await expect(element(by.id('editProfileModal'))).not.toBeVisible()
|
|
await expect(element(by.id('profileHeaderDisplayName'))).toHaveText(
|
|
'Alicia',
|
|
)
|
|
await expect(element(by.id('profileHeaderDescription'))).toHaveText(
|
|
'One cool hacker',
|
|
)
|
|
})
|
|
|
|
it('Remove display name and description via the edit profile modal', async () => {
|
|
await element(by.id('profileHeaderEditProfileButton')).tap()
|
|
await expect(element(by.id('editProfileModal'))).toBeVisible()
|
|
await element(by.id('editProfileDisplayNameInput')).clearText()
|
|
await element(by.id('editProfileDescriptionInput')).clearText()
|
|
await element(by.id('editProfileSaveBtn')).tap()
|
|
await expect(element(by.id('editProfileModal'))).not.toBeVisible()
|
|
await expect(element(by.id('profileHeaderDisplayName'))).toHaveText(
|
|
'alice.test',
|
|
)
|
|
await expect(element(by.id('profileHeaderDescription'))).toHaveText('')
|
|
})
|
|
|
|
it('Set avi and banner via the edit profile modal', async () => {
|
|
await expect(element(by.id('userBannerFallback'))).toExist()
|
|
await expect(element(by.id('userAvatarFallback'))).toExist()
|
|
await element(by.id('profileHeaderEditProfileButton')).tap()
|
|
await expect(element(by.id('editProfileModal'))).toBeVisible()
|
|
await element(by.id('changeBannerBtn')).tap()
|
|
await element(by.text('Library')).tap()
|
|
await sleep(3e3)
|
|
await element(by.id('changeAvatarBtn')).tap()
|
|
await element(by.text('Library')).tap()
|
|
await sleep(3e3)
|
|
await element(by.id('editProfileSaveBtn')).tap()
|
|
await expect(element(by.id('editProfileModal'))).not.toBeVisible()
|
|
await expect(element(by.id('userBannerImage'))).toExist()
|
|
await expect(element(by.id('userAvatarImage'))).toExist()
|
|
})
|
|
|
|
it('Remove avi and banner via the edit profile modal', async () => {
|
|
await expect(element(by.id('userBannerImage'))).toExist()
|
|
await expect(element(by.id('userAvatarImage'))).toExist()
|
|
await element(by.id('profileHeaderEditProfileButton')).tap()
|
|
await expect(element(by.id('editProfileModal'))).toBeVisible()
|
|
await element(by.id('changeBannerBtn')).tap()
|
|
await element(by.text('Remove')).tap()
|
|
await element(by.id('changeAvatarBtn')).tap()
|
|
await element(by.text('Remove')).tap()
|
|
await element(by.id('editProfileSaveBtn')).tap()
|
|
await expect(element(by.id('editProfileModal'))).not.toBeVisible()
|
|
await expect(element(by.id('userBannerFallback'))).toExist()
|
|
await expect(element(by.id('userAvatarFallback'))).toExist()
|
|
})
|
|
|
|
it('Navigate to another user profile', async () => {
|
|
await element(by.id('bottomBarSearchBtn')).tap()
|
|
// have to wait for the toast to clear
|
|
await waitFor(element(by.id('searchTextInput')))
|
|
.toBeVisible()
|
|
.withTimeout(5000)
|
|
await element(by.id('searchTextInput')).typeText('bob')
|
|
await element(by.id('searchAutoCompleteResult-bob.test')).tap()
|
|
await expect(element(by.id('profileView'))).toBeVisible()
|
|
})
|
|
|
|
it('Can follow/unfollow another user', async () => {
|
|
await element(by.id('followBtn')).tap()
|
|
await expect(element(by.id('unfollowBtn'))).toBeVisible()
|
|
await element(by.id('unfollowBtn')).tap()
|
|
await expect(element(by.id('followBtn'))).toBeVisible()
|
|
})
|
|
|
|
it('Can mute/unmute another user', async () => {
|
|
await expect(element(by.id('profileHeaderMutedNotice'))).not.toExist()
|
|
await element(by.id('profileHeaderDropdownBtn')).tap()
|
|
await element(by.text('Mute Account')).tap()
|
|
await expect(element(by.id('profileHeaderMutedNotice'))).toBeVisible()
|
|
await element(by.id('profileHeaderDropdownBtn')).tap()
|
|
await element(by.text('Unmute Account')).tap()
|
|
await expect(element(by.id('profileHeaderMutedNotice'))).not.toExist()
|
|
})
|
|
|
|
it('Can report another user', async () => {
|
|
await element(by.id('profileHeaderDropdownBtn')).tap()
|
|
await element(by.text('Report Account')).tap()
|
|
await expect(element(by.id('reportAccountModal'))).toBeVisible()
|
|
await element(
|
|
by.id('reportAccountRadios-com.atproto.moderation.defs#reasonSpam'),
|
|
).tap()
|
|
await element(by.id('sendReportBtn')).tap()
|
|
await expect(element(by.id('reportAccountModal'))).not.toBeVisible()
|
|
})
|
|
|
|
it('Can like posts', async () => {
|
|
const posts = by.id('feedItem-by-bob.test')
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(posts)).atIndex(0),
|
|
).toHaveText('0')
|
|
await element(by.id('likeBtn').withAncestor(posts)).atIndex(0).tap()
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(posts)).atIndex(0),
|
|
).toHaveText('1')
|
|
await element(by.id('likeBtn').withAncestor(posts)).atIndex(0).tap()
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(posts)).atIndex(0),
|
|
).toHaveText('0')
|
|
})
|
|
|
|
it('Can repost posts', async () => {
|
|
const posts = by.id('feedItem-by-bob.test')
|
|
await expect(
|
|
element(by.id('repostCount').withAncestor(posts)).atIndex(0),
|
|
).toHaveText('0')
|
|
await element(by.id('repostBtn').withAncestor(posts)).atIndex(0).tap()
|
|
await expect(element(by.id('repostModal'))).toBeVisible()
|
|
await element(by.id('repostBtn').withAncestor(by.id('repostModal'))).tap()
|
|
await expect(element(by.id('repostModal'))).not.toBeVisible()
|
|
await expect(
|
|
element(by.id('repostCount').withAncestor(posts)).atIndex(0),
|
|
).toHaveText('1')
|
|
await element(by.id('repostBtn').withAncestor(posts)).atIndex(0).tap()
|
|
await expect(element(by.id('repostModal'))).toBeVisible()
|
|
await element(by.id('repostBtn').withAncestor(by.id('repostModal'))).tap()
|
|
await expect(element(by.id('repostModal'))).not.toBeVisible()
|
|
await expect(
|
|
element(by.id('repostCount').withAncestor(posts)).atIndex(0),
|
|
).toHaveText('0')
|
|
})
|
|
|
|
it('Can report posts', async () => {
|
|
const posts = by.id('feedItem-by-bob.test')
|
|
await element(by.id('postDropdownBtn').withAncestor(posts)).atIndex(0).tap()
|
|
await element(by.text('Report post')).tap()
|
|
await expect(element(by.id('reportPostModal'))).toBeVisible()
|
|
await element(
|
|
by.id('reportPostRadios-com.atproto.moderation.defs#reasonSpam'),
|
|
).tap()
|
|
await element(by.id('sendReportBtn')).tap()
|
|
await expect(element(by.id('reportPostModal'))).not.toBeVisible()
|
|
})
|
|
})
|