設定画面 (#34) (#397)

Reviewed-on: http://git.miteruzo.com/miteruzo/btrc-hub/pulls/397
Co-authored-by: miteruzo <miteruzo@naver.com>
Co-committed-by: miteruzo <miteruzo@naver.com>

frontend/src/test/render.tsx

@@ -3,6 +3,10 @@ import { render } from '@testing-library/react'
 import { HelmetProvider } from 'react-helmet-async'
 import { MemoryRouter } from 'react-router-dom'
 
+import DialogueProvider from '@/components/dialogues/DialogueProvider'
+import { KeyboardShortcutsProvider } from '@/lib/useKeyboardShortcuts'
+import { UnsavedChangesGuardProvider } from '@/lib/useUnsavedChangesGuard'
+
 import type { ReactElement, ReactNode } from 'react'
 
 type Options = {
@@ -15,21 +19,25 @@ export const renderWithProviders = (
 ) => {
   const queryClient = new QueryClient ({
     defaultOptions: {
-      queries: { retry: false },
-    },
+      queries: { retry: false } },
   })
 
   const Wrapper = ({ children }: { children: ReactNode }) => (
       <QueryClientProvider client={queryClient}>
         <HelmetProvider>
           <MemoryRouter initialEntries={[options.route ?? '/']}>
-            {children}
+            <DialogueProvider>
+              <UnsavedChangesGuardProvider>
+                <KeyboardShortcutsProvider>
+                  {children}
+                </KeyboardShortcutsProvider>
+              </UnsavedChangesGuardProvider>
+            </DialogueProvider>
           </MemoryRouter>
         </HelmetProvider>
       </QueryClientProvider>)
 
   return {
     queryClient,
-    ...render (ui, { wrapper: Wrapper }),
-  }
+    ...render (ui, { wrapper: Wrapper }) }
 }

frontend/src/test/setup.ts

@@ -20,3 +20,10 @@ window.requestAnimationFrame = callback => {
   callback (0)
   return 0
 }
+
+Object.defineProperty (window, 'matchMedia', {
+    configurable: true,
+    value: vi.fn ().mockImplementation (() => ({
+	addEventListener: vi.fn (),
+	removeEventListener: vi.fn (),
+	matches: false })) })