#399

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

@@ -1,9 +1,10 @@
 import { fireEvent, screen } from '@testing-library/react'
-import { Route, Routes, useLocation } from 'react-router-dom'
+import { Route, Routes } from 'react-router-dom'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import { savePostImportSession } from '@/lib/postImportSession'
 import PostImportResultPage from '@/pages/posts/PostImportResultPage'
+import PageTitle from '@/components/common/PageTitle'
 import { buildUser } from '@/test/factories'
 import { buildPostImportRow } from '@/test/postImportFactories'
 import { renderWithProviders } from '@/test/render'
@@ -14,17 +15,12 @@ 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/>}/>
+      <Route path="/posts/import/:sessionId/review" element={<PageTitle>review route</PageTitle>}/>
     </Routes>,
     { route: '/posts/import/session/result' })
 
@@ -54,7 +50,7 @@ describe ('PostImportResultPage', () => {
     expect (screen.getByRole ('button', { name: '再試行' })).toBeInTheDocument ()
   })
 
-  it ('returns a retry validation error to the review dialogue route', async () => {
+  it ('keeps the result route and opens the dialogue on retry validation error', async () => {
     const failed = buildPostImportRow ({
       importStatus: 'failed',
       importErrors: { base: ['old error'] } })
@@ -71,7 +67,8 @@ describe ('PostImportResultPage', () => {
     renderPage ()
     fireEvent.click (await screen.findByRole ('button', { name: '再試行' }))
 
-    expect (await screen.findByText ('review route ?edit=1')).toBeInTheDocument ()
+    expect (await screen.findByText ('投稿を編輯')).toBeInTheDocument ()
+    expect (screen.getByText ('タイトルを確認してください．')).toBeInTheDocument ()
     expect (api.apiPost).toHaveBeenCalledTimes (1)
     const saved = JSON.parse (
 	sessionStorage.getItem ('post-import-session:session') ?? '{}')
@@ -79,4 +76,25 @@ describe ('PostImportResultPage', () => {
       importStatus: 'pending',
       validationErrors: { title: ['タイトルを確認してください．'] } })
   })
+
+  it ('keeps the dialogue open when result-page save validation fails', async () => {
+    const row = buildPostImportRow ({
+      importStatus: 'failed',
+      importErrors: { base: ['old error'] } })
+    savePostImportSession ('session', { source: row.url, rows: [row], repairMode: 'failed' })
+    api.apiPost.mockResolvedValue ({
+      rows: [buildPostImportRow ({
+	sourceRow: row.sourceRow,
+	validationErrors: {
+	  originalCreatedFrom: ['オリジナルの作成日時は分単位で入力してください．'] } })] })
+
+    renderPage ()
+    fireEvent.click (await screen.findByRole ('button', { name: '編輯' }))
+    fireEvent.click (await screen.findByRole ('button', { name: '編輯内容を保存' }))
+
+    expect (await screen.findByText ('投稿を編輯')).toBeInTheDocument ()
+    expect (screen.getByText ('オリジナルの作成日時は分単位で入力してください．'))
+	.toBeInTheDocument ()
+    expect (api.apiPost).toHaveBeenCalledTimes (1)
+  })
 })