kopia lustrzana https://github.com/cloudflare/wildebeest
rodzic
b690d2557f
commit
d05de4868e
|
@ -44,7 +44,7 @@ export const statusLoader = loader$<
|
||||||
export default component$(() => {
|
export default component$(() => {
|
||||||
useStyles$(styles)
|
useStyles$(styles)
|
||||||
|
|
||||||
const { status, context } = statusLoader.use().value
|
const loaderData = statusLoader.use().value
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
@ -57,15 +57,15 @@ export default component$(() => {
|
||||||
</div>
|
</div>
|
||||||
</StickyHeader>
|
</StickyHeader>
|
||||||
<div class="bg-wildebeest-700 p-4">
|
<div class="bg-wildebeest-700 p-4">
|
||||||
<AccountCard status={status} />
|
<AccountCard status={loaderData.status} />
|
||||||
<div class="leading-normal inner-html-content text-lg" dangerouslySetInnerHTML={status.content} />
|
<div class="leading-normal inner-html-content text-lg" dangerouslySetInnerHTML={loaderData.status.content} />
|
||||||
|
|
||||||
<MediaGallery medias={status.media_attachments} />
|
<MediaGallery medias={loaderData.status.media_attachments} />
|
||||||
|
|
||||||
<InfoTray status={status} />
|
<InfoTray status={loaderData.status} />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{context.descendants.map((status) => {
|
{loaderData.context.descendants.map((status) => {
|
||||||
return <Status status={status} />
|
return <Status status={status} />
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -18,3 +18,29 @@ test('Navigation to and view of an individual toot', async ({ page }) => {
|
||||||
})
|
})
|
||||||
await expect(tootContentLocator).toBeVisible()
|
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()
|
||||||
|
})
|
||||||
|
|
Ładowanie…
Reference in New Issue