feat: load post cursors infinitely

src/routes/-feed-wiring.test.tsx

@@ -0,0 +1,91 @@
+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,
+      }),
+    )
+  })
+})

src/routes/search.tsx

@@ -1,5 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { AppShell } from '#/components/app-shell'
+import { PostFeed } from '#/features/posts/components/post-feed'
 import { SearchForm } from '#/features/posts/components/search-form'
 import { postSearchRouteSchema } from '#/features/posts/inputs'
 
@@ -22,6 +23,18 @@ function SearchRoute() {
         key={`${values.q}:${values.product}:${values.following}`}
         onSubmit={(search) => navigate({ search })}
       />
+      <PostFeed
+        request={
+          values.q
+            ? {
+                kind: 'search',
+                query: values.q,
+                product: values.product,
+                following: values.following,
+              }
+            : undefined
+        }
+      />
     </AppShell>
   )
 }

src/routes/user.tsx

@@ -1,5 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { AppShell } from '#/components/app-shell'
+import { PostFeed } from '#/features/posts/components/post-feed'
 import { UserForm } from '#/features/posts/components/user-form'
 import { userRouteSearchSchema } from '#/features/posts/inputs'
 
@@ -20,6 +21,7 @@ function UserRoute() {
         key={target}
         onSubmit={(nextTarget) => navigate({ search: { target: nextTarget } })}
       />
+      <PostFeed request={target ? { kind: 'user', target } : undefined} />
     </AppShell>
   )
 }