#399

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

@@ -12,6 +12,7 @@ import type { DialogueFormAction, DialogueFormControls } from '@/lib/dialogues/u
 import type { PostImportRow } from '@/lib/postImportSession'
 
 const api = vi.hoisted (() => ({
+  apiGet: vi.fn (),
   apiPost: vi.fn (),
 }))
 
@@ -33,6 +34,9 @@ describe ('PostImportReviewPage', () => {
   beforeEach (() => {
     sessionStorage.clear ()
     vi.clearAllMocks ()
+    globalThis.URL.createObjectURL = vi.fn (() => 'blob:preview')
+    globalThis.URL.revokeObjectURL = vi.fn ()
+    api.apiGet.mockResolvedValue (new Blob (['img'], { type: 'image/png' }))
   })
 
   it ('navigates to the result route after an initial recoverable failure', async () => {
@@ -257,4 +261,35 @@ describe ('PostImportReviewPage', () => {
           .toBe ('edited title')
     })
   })
+
+  it ('sorts recoverable pending validation rows to the top in repair mode', () => {
+    savePostImportSession ('review-repair-sort', {
+      source: '',
+      repairMode: 'failed',
+      rows: [
+        buildPostImportRow ({
+          sourceRow: 2,
+          attributes: { title: 'normal row' } }),
+        buildPostImportRow ({
+          sourceRow: 1,
+          attributes: { title: 'repair row' },
+          importStatus: 'pending',
+          recoverable: true,
+          validationErrors: { title: ['invalid'] } })] })
+
+    const { container } = render (
+        <HelmetProvider>
+          <MemoryRouter initialEntries={['/posts/import/review-repair-sort/review']}>
+            <Routes>
+              <Route
+                  path="/posts/import/:sessionId/review"
+                  element={<PostImportReviewPage user={buildUser ()}/>}/>
+            </Routes>
+          </MemoryRouter>
+        </HelmetProvider>)
+
+    const titles = Array.from (container.querySelectorAll ('.line-clamp-2')).map (
+        node => node.textContent)
+    expect (titles[0]).toBe ('repair row')
+  })
 })