#399

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

@@ -1,5 +1,4 @@
 import { screen } from '@testing-library/react'
-import { MemoryRouter, Route, Routes } from 'react-router-dom'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import PostNewPage from '@/pages/posts/PostNewPage'
@@ -7,6 +6,7 @@ import { buildUser } from '@/test/factories'
 import { renderWithProviders } from '@/test/render'
 
 const api = vi.hoisted (() => ({
+  apiGet: vi.fn (),
   apiPost: vi.fn (),
   isApiError: vi.fn () }))
 
@@ -16,27 +16,23 @@ describe ('PostNewPage', () => {
   beforeEach (() => {
     vi.clearAllMocks ()
     api.isApiError.mockReturnValue (false)
+    api.apiGet.mockResolvedValue ({
+      url: 'https://example.com/post',
+      title: 'post',
+      tags: '' })
     sessionStorage.clear ()
   })
 
   it ('shows the source page on /posts/new', () => {
-    renderWithProviders (
-        <MemoryRouter initialEntries={['/posts/new']}>
-          <Routes>
-            <Route path="/posts/new" element={<PostNewPage user={buildUser ()}/>}/>
-          </Routes>
-        </MemoryRouter>)
+    renderWithProviders (<PostNewPage user={buildUser ()}/>, {
+      route: '/posts/new' })
 
     expect (screen.getByRole ('heading', { name: '広場に投稿を追加' })).toBeInTheDocument ()
   })
 
   it ('shows the review page when query state is present', () => {
-    renderWithProviders (
-        <MemoryRouter initialEntries={['/posts/new?url=https%3A%2F%2Fexample.com%2Fpost']}>
-          <Routes>
-            <Route path="/posts/new" element={<PostNewPage user={buildUser ()}/>}/>
-          </Routes>
-        </MemoryRouter>)
+    renderWithProviders (<PostNewPage user={buildUser ()}/>, {
+      route: '/posts/new?urls=https%3A%2F%2Fexample.com%2Fpost' })
 
     expect (screen.getByRole ('heading', { name: '追加内容確認' })).toBeInTheDocument ()
     expect (screen.queryByText ('広場に投稿を追加')).not.toBeInTheDocument ()