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`
127 lines
4.9 KiB
TypeScript
127 lines
4.9 KiB
TypeScript
/* eslint-env detox/detox */
|
|
|
|
import {openApp, login, createServer} from '../util'
|
|
|
|
describe('Thread screen', () => {
|
|
let service: string
|
|
beforeAll(async () => {
|
|
service = await createServer('?users&follows&thread')
|
|
await openApp({permissions: {notifications: 'YES'}})
|
|
})
|
|
|
|
it('Login & navigate to thread', async () => {
|
|
await login(service, 'alice', 'hunter2')
|
|
await element(by.id('homeScreenFeedTabs-Following')).tap()
|
|
await element(by.id('feedItem-by-bob.test')).atIndex(0).tap()
|
|
await expect(
|
|
element(
|
|
by
|
|
.id('postThreadItem-by-bob.test')
|
|
.withDescendant(by.text('Thread root')),
|
|
),
|
|
).toBeVisible()
|
|
await expect(
|
|
element(
|
|
by
|
|
.id('postThreadItem-by-carla.test')
|
|
.withDescendant(by.text('Thread reply')),
|
|
),
|
|
).toBeVisible()
|
|
})
|
|
|
|
it('Can like the root post', async () => {
|
|
const post = by.id('postThreadItem-by-bob.test')
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(post)).atIndex(0),
|
|
).not.toExist()
|
|
await element(by.id('likeBtn').withAncestor(post)).atIndex(0).tap()
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(post)).atIndex(0),
|
|
).toHaveText('1 like')
|
|
await element(by.id('likeBtn').withAncestor(post)).atIndex(0).tap()
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(post)).atIndex(0),
|
|
).not.toExist()
|
|
})
|
|
|
|
it('Can like a reply post', async () => {
|
|
const post = by.id('postThreadItem-by-carla.test')
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(post)).atIndex(0),
|
|
).toHaveText('0')
|
|
await element(by.id('likeBtn').withAncestor(post)).atIndex(0).tap()
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(post)).atIndex(0),
|
|
).toHaveText('1')
|
|
await element(by.id('likeBtn').withAncestor(post)).atIndex(0).tap()
|
|
await expect(
|
|
element(by.id('likeCount').withAncestor(post)).atIndex(0),
|
|
).toHaveText('0')
|
|
})
|
|
|
|
it('Can repost the root post', async () => {
|
|
const post = by.id('postThreadItem-by-bob.test')
|
|
await expect(
|
|
element(by.id('repostCount').withAncestor(post)).atIndex(0),
|
|
).not.toExist()
|
|
await element(by.id('repostBtn').withAncestor(post)).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(post)).atIndex(0),
|
|
).toHaveText('1 repost')
|
|
await element(by.id('repostBtn').withAncestor(post)).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(post)).atIndex(0),
|
|
).not.toExist()
|
|
})
|
|
|
|
it('Can repost a reply post', async () => {
|
|
const post = by.id('postThreadItem-by-carla.test')
|
|
await expect(
|
|
element(by.id('repostCount').withAncestor(post)).atIndex(0),
|
|
).toHaveText('0')
|
|
await element(by.id('repostBtn').withAncestor(post)).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(post)).atIndex(0),
|
|
).toHaveText('1')
|
|
await element(by.id('repostBtn').withAncestor(post)).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(post)).atIndex(0),
|
|
).toHaveText('0')
|
|
})
|
|
|
|
it('Can report the root post', async () => {
|
|
const post = by.id('postThreadItem-by-bob.test')
|
|
await element(by.id('postDropdownBtn').withAncestor(post)).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()
|
|
})
|
|
|
|
it('Can report a reply post', async () => {
|
|
const post = by.id('postThreadItem-by-carla.test')
|
|
await element(by.id('postDropdownBtn').withAncestor(post)).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()
|
|
})
|
|
})
|