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/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()
+})