#434

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

@@ -29,11 +29,10 @@ vi.mock ('@/components/PostEditForm', () => ({
   default: () => <div>Post edit form</div>,
 }))
 vi.mock ('framer-motion', () => ({
-  motion: {
-    div: ({ children }: { children?: ReactNode }) => <div>{children}</div>,
-    main: ({ children }: { children?: ReactNode }) => <main>{children}</main>,
-  },
-}))
+    useReducedMotion: () => false,
+    motion: {
+	div: ({ children }: { children?: ReactNode }) => <div>{children}</div>,
+	main: ({ children }: { children?: ReactNode }) => <main>{children}</main> } }))
 
 const renderPage = (user = buildUser ({ role: 'member' })) =>
   renderWithProviders (

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

@@ -15,10 +15,11 @@ const api = vi.hoisted (() => ({
 
 vi.mock ('@/lib/api', () => api)
 vi.mock ('framer-motion', () => ({
-  AnimatePresence: ({ children }: { children?: ReactNode }) => <>{children}</>,
-  motion: {
-    div: ({ children }: { children?: ReactNode }) => <div>{children}</div>,
-    main: ({ children }: { children?: ReactNode }) => <main>{children}</main> } }))
+    AnimatePresence: ({ children }: { children?: ReactNode }) => <>{children}</>,
+    useReducedMotion: () => false,
+    motion: {
+	div: ({ children }: { children?: ReactNode }) => <div>{children}</div>,
+	main: ({ children }: { children?: ReactNode }) => <main>{children}</main> } }))
 
 const metadata = (url: string, title: string) => ({
   url,

frontend/src/pages/theatres/TheatreDetailPage.test.tsx

@@ -65,12 +65,11 @@ vi.mock ('@/components/PostEditForm', () => ({
   default: () => <div>Post edit form</div>,
 }))
 vi.mock ('framer-motion', () => ({
-  motion: {
-    aside: ({ children }: { children?: ReactNode }) => <aside>{children}</aside>,
-    div:   ({ children }: { children?: ReactNode }) => <div>{children}</div>,
-    main:  ({ children }: { children?: ReactNode }) => <main>{children}</main>,
-  },
-}))
+    useReducedMotion: () => false,
+    motion: {
+	aside: ({ children }: { children?: ReactNode }) => <aside>{children}</aside>,
+	div:   ({ children }: { children?: ReactNode }) => <div>{children}</div>,
+	main:  ({ children }: { children?: ReactNode }) => <main>{children}</main> } }))
 
 const currentPost = buildPost ({
   id:    10,