119 lines
3.2 KiB
TypeScript
119 lines
3.2 KiB
TypeScript
import { QueryClient } from '@tanstack/react-query'
|
|
import {
|
|
createMemoryHistory,
|
|
createRouter,
|
|
RouterProvider,
|
|
} from '@tanstack/react-router'
|
|
import { render, screen, waitFor } from '@testing-library/react'
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { routeTree } from '../routeTree.gen'
|
|
|
|
const usePostFeed = vi.hoisted(() => vi.fn())
|
|
|
|
vi.mock('../features/posts/use-post-feed', async (importOriginal) => {
|
|
const original =
|
|
await importOriginal<typeof import('../features/posts/use-post-feed')>()
|
|
return { ...original, usePostFeed }
|
|
})
|
|
|
|
vi.mock('./__root', async () => {
|
|
const { createRootRouteWithContext, Outlet } = await import(
|
|
'@tanstack/react-router'
|
|
)
|
|
return {
|
|
Route: createRootRouteWithContext<{ queryClient: QueryClient }>()({
|
|
component: Outlet,
|
|
}),
|
|
}
|
|
})
|
|
|
|
async function renderRoute(path: string) {
|
|
const router = createRouter({
|
|
routeTree,
|
|
history: createMemoryHistory({ initialEntries: [path] }),
|
|
context: { queryClient: new QueryClient() },
|
|
})
|
|
await router.load()
|
|
render(<RouterProvider router={router} />)
|
|
}
|
|
|
|
describe('post feed route wiring', () => {
|
|
beforeEach(() => {
|
|
vi.stubGlobal('scrollTo', vi.fn())
|
|
usePostFeed.mockReset()
|
|
usePostFeed.mockReturnValue({
|
|
data: undefined,
|
|
error: null,
|
|
fetchNextPage: vi.fn(),
|
|
hasNextPage: false,
|
|
isError: false,
|
|
isFetchNextPageError: false,
|
|
isFetchingNextPage: false,
|
|
isPending: false,
|
|
refetch: vi.fn(),
|
|
} as never)
|
|
})
|
|
|
|
afterEach(() => vi.unstubAllGlobals())
|
|
|
|
it('keeps an empty user URL disabled', async () => {
|
|
await renderRoute('/user?target=')
|
|
|
|
expect(
|
|
await screen.findByRole('heading', { name: '誰の投稿を見ますか？' }),
|
|
).toBeVisible()
|
|
expect(usePostFeed).toHaveBeenCalledWith(undefined)
|
|
})
|
|
|
|
it('turns a manually entered user URL into a deliberate request', async () => {
|
|
await renderRoute('/user?target=yuta')
|
|
|
|
await waitFor(() =>
|
|
expect(usePostFeed).toHaveBeenCalledWith({
|
|
kind: 'user',
|
|
target: 'yuta',
|
|
}),
|
|
)
|
|
})
|
|
|
|
it('forwards every manually entered search control', async () => {
|
|
await renderRoute('/search?q=AI%20lang%3Aja&product=Top&following=true')
|
|
|
|
await waitFor(() =>
|
|
expect(usePostFeed).toHaveBeenCalledWith({
|
|
kind: 'search',
|
|
query: 'AI lang:ja',
|
|
product: 'Top',
|
|
following: true,
|
|
}),
|
|
)
|
|
})
|
|
|
|
it('turns a decimal status path into a deliberate thread request', async () => {
|
|
await renderRoute('/status/123')
|
|
|
|
expect(await screen.findByRole('heading', { name: '会話' })).toBeVisible()
|
|
await waitFor(() =>
|
|
expect(usePostFeed).toHaveBeenCalledWith({
|
|
kind: 'thread',
|
|
tweetId: '123',
|
|
}),
|
|
)
|
|
expect(
|
|
screen.queryByRole('link', { name: 'ユーザー', current: 'page' }),
|
|
).toBeNull()
|
|
expect(
|
|
screen.queryByRole('link', { name: '検索', current: 'page' }),
|
|
).toBeNull()
|
|
})
|
|
|
|
it('keeps an invalid status path local and idle', async () => {
|
|
await renderRoute('/status/not-a-tweet')
|
|
|
|
expect(await screen.findByRole('alert')).toHaveTextContent(
|
|
'投稿 ID を確認してください。',
|
|
)
|
|
expect(usePostFeed).toHaveBeenCalledWith(undefined)
|
|
})
|
|
})
|