#399

frontend/src/pages/posts/PostImportResultPage.test.tsx

@@ -0,0 +1,82 @@
+import { fireEvent, screen } from '@testing-library/react'
+import { Route, Routes, useLocation } from 'react-router-dom'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+import { savePostImportSession } from '@/lib/postImportSession'
+import PostImportResultPage from '@/pages/posts/PostImportResultPage'
+import { buildUser } from '@/test/factories'
+import { buildPostImportRow } from '@/test/postImportFactories'
+import { renderWithProviders } from '@/test/render'
+
+const api = vi.hoisted (() => ({ apiPost: vi.fn () }))
+const toastApi = vi.hoisted (() => ({ toast: vi.fn () }))
+
+vi.mock ('@/lib/api', () => api)
+vi.mock ('@/components/ui/use-toast', () => toastApi)
+
+const ReviewLocation = () => {
+  const location = useLocation ()
+  return <div>{`review route ${ location.search }`}</div>
+}
+
+const renderPage = () => renderWithProviders (
+    <Routes>
+      <Route
+	  path="/posts/import/:sessionId/result"
+	  element={<PostImportResultPage user={buildUser ()}/>}/>
+      <Route path="/posts/import/:sessionId/review" element={<ReviewLocation/>}/>
+    </Routes>,
+    { route: '/posts/import/session/result' })
+
+describe ('PostImportResultPage', () => {
+  beforeEach (() => {
+    sessionStorage.clear ()
+    vi.clearAllMocks ()
+  })
+
+  it ('shows exclusive result counts, post links, and failed-row actions', async () => {
+    const rows = [
+      buildPostImportRow ({ sourceRow: 1, importStatus: 'created', createdPostId: 11 }),
+      buildPostImportRow ({ sourceRow: 2, importStatus: 'skipped',
+	skipReason: 'existing', existingPostId: 22 }),
+      buildPostImportRow ({ sourceRow: 3, importStatus: 'failed',
+	importErrors: { base: ['登録中に失敗しました．'] } })]
+    savePostImportSession ('session', { source: '', rows, repairMode: 'all' })
+
+    renderPage ()
+
+    expect (await screen.findByText (
+	/登録成功\s*1件.*スキップ\s*1件.*失敗\s*1件/)).toBeInTheDocument ()
+    expect (screen.getAllByRole ('link', { name: '投稿を開く' })
+	.map (_1 => _1.getAttribute ('href'))).toEqual (['/posts/11', '/posts/22'])
+    expect (screen.getByText ('登録中に失敗しました．')).toBeInTheDocument ()
+    expect (screen.getByRole ('button', { name: '編輯' })).toBeInTheDocument ()
+    expect (screen.getByRole ('button', { name: '再試行' })).toBeInTheDocument ()
+  })
+
+  it ('returns a retry validation error to the review dialogue route', async () => {
+    const failed = buildPostImportRow ({
+      importStatus: 'failed',
+      importErrors: { base: ['old error'] } })
+    const invalid = buildPostImportRow ({
+      importStatus: 'pending',
+      status: 'error',
+      validationErrors: { title: ['タイトルを確認してください．'] } })
+    savePostImportSession ('session', {
+      source: failed.url,
+      rows: [failed],
+      repairMode: 'all' })
+    api.apiPost.mockResolvedValue ({ rows: [invalid] })
+
+    renderPage ()
+    fireEvent.click (await screen.findByRole ('button', { name: '再試行' }))
+
+    expect (await screen.findByText ('review route ?edit=1')).toBeInTheDocument ()
+    expect (api.apiPost).toHaveBeenCalledTimes (1)
+    const saved = JSON.parse (
+	sessionStorage.getItem ('post-import-session:session') ?? '{}')
+    expect (saved.rows[0]).toMatchObject ({
+      importStatus: 'pending',
+      validationErrors: { title: ['タイトルを確認してください．'] } })
+  })
+})