diff --git a/frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx b/frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx index 5466984..e7b1d47 100644 --- a/frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx +++ b/frontend/src/routes/(frontend)/[accountId]/[statusId]/index.tsx @@ -44,7 +44,7 @@ export const statusLoader = loader$< export default component$(() => { useStyles$(styles) - const { status, context } = statusLoader.use().value + const loaderData = statusLoader.use().value return ( <> @@ -57,15 +57,15 @@ export default component$(() => {
- -
+ +
- + - +
- {context.descendants.map((status) => { + {loaderData.context.descendants.map((status) => { return })}
diff --git a/playwright.config.ts b/playwright.config.ts index 97b0db3..f1efcba 100644 --- a/playwright.config.ts +++ b/playwright.config.ts @@ -13,20 +13,20 @@ import { devices } from '@playwright/test' const config: PlaywrightTestConfig = { testDir: './ui-e2e-tests', /* Maximum time one test can run for. */ - timeout: 30 * 1000, + timeout: 40 * 1000, expect: { /** * Maximum time expect() should wait for the condition to be met. * For example in `await expect(locator).toHaveText();` */ - timeout: 5000, + timeout: 7000, }, /* Run tests in files in parallel */ fullyParallel: true, /* Fail the build on CI if you accidentally left test.only in the source code. */ forbidOnly: !!process.env.CI, /* Retry on CI only */ - retries: process.env.CI ? 2 : 0, + retries: process.env.CI ? 5 : 0, /* Opt out of parallel tests on CI. */ workers: process.env.CI ? 1 : undefined, /* Reporter to use. See https://playwright.dev/docs/test-reporters */ diff --git a/ui-e2e-tests/invidivual-toot.spec.ts b/ui-e2e-tests/invidivual-toot.spec.ts index 09b18d9..69cbed2 100644 --- a/ui-e2e-tests/invidivual-toot.spec.ts +++ b/ui-e2e-tests/invidivual-toot.spec.ts @@ -18,3 +18,29 @@ test('Navigation to and view of an individual toot', async ({ page }) => { }) await expect(tootContentLocator).toBeVisible() }) + +test('Navigation to and view of a reply toot', async ({ page }) => { + await page.goto('http://127.0.0.1:8788/explore') + + await page + .locator('article') + .filter({ hasText: 'Bethany Black' }) + .filter({ + hasText: 'We did it! *wipes tear from eye*', + }) + .locator('i.fa-globe + span') + .click() + + await page + .locator('article') + .filter({ hasText: 'Zach Weinersmith' }) + .filter({ + hasText: 'Yes we did!', + }) + .locator('i.fa-globe + span') + .click() + + await expect(page.getByRole('link', { name: 'Avatar of Zach Weinersmith' })).toBeVisible() + await expect(page.getByRole('link', { name: 'Zach Weinersmith', exact: true })).toBeVisible() + await expect(page.getByText('Yes we did!')).toBeVisible() +})