広場投稿追加画面の刷新 (#399) (#413)

Reviewed-on: #413
Co-authored-by: miteruzo <miteruzo@naver.com>
Co-committed-by: miteruzo <miteruzo@naver.com>

frontend/src/test/render.tsx

@@ -1,7 +1,8 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { render } from '@testing-library/react'
+import { createContext, useContext, useState } from 'react'
 import { HelmetProvider } from 'react-helmet-async'
-import { MemoryRouter } from 'react-router-dom'
+import { createMemoryRouter, RouterProvider } from 'react-router-dom'
 
 import DialogueProvider from '@/components/dialogues/DialogueProvider'
 import { KeyboardShortcutsProvider } from '@/lib/useKeyboardShortcuts'
@@ -13,6 +14,20 @@ type Options = {
   route?: string
 }
 
+const TestContentContext = createContext<ReactNode> (null)
+
+
+const TestRoute = () => {
+  const children = useContext (TestContentContext)
+
+  return (
+      <UnsavedChangesGuardProvider>
+        <KeyboardShortcutsProvider>
+          {children}
+        </KeyboardShortcutsProvider>
+      </UnsavedChangesGuardProvider>)
+}
+
 export const renderWithProviders = (
     ui:       ReactElement,
     options: Options = {},
@@ -22,20 +37,23 @@ export const renderWithProviders = (
       queries: { retry: false } },
   })
 
-  const Wrapper = ({ children }: { children: ReactNode }) => (
-      <QueryClientProvider client={queryClient}>
-        <HelmetProvider>
-          <MemoryRouter initialEntries={[options.route ?? '/']}>
-            <DialogueProvider>
-              <UnsavedChangesGuardProvider>
-                <KeyboardShortcutsProvider>
-                  {children}
-                </KeyboardShortcutsProvider>
-              </UnsavedChangesGuardProvider>
-            </DialogueProvider>
-          </MemoryRouter>
-        </HelmetProvider>
-      </QueryClientProvider>)
+  const Wrapper = ({ children }: { children: ReactNode }) => {
+    const [router] = useState (() => createMemoryRouter ([{
+        path: '*',
+        element: <TestRoute/> }], {
+        initialEntries: [options.route ?? '/'] }))
+
+    return (
+	<QueryClientProvider client={queryClient}>
+	  <HelmetProvider>
+	    <DialogueProvider>
+	      <TestContentContext.Provider value={children}>
+		<RouterProvider router={router}/>
+	      </TestContentContext.Provider>
+	    </DialogueProvider>
+	  </HelmetProvider>
+	</QueryClientProvider>)
+  }
 
   return {
     queryClient,