test suite passes onto real on-site testing

Author: yur4uwe

src/QueryProvider.tsx

@@ -2,15 +2,19 @@ import { type ReactNode } from 'react'
 import { QueryClientProvider } from '@tanstack/react-query'
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
 
-import { queryClient } from '~/plugins/queryClient'
+import { queryClient, testQueryClient } from '~/plugins/queryClient'
 
 type QueryProviderProps = {
   children: ReactNode
+  testMode?: boolean
 }
 
-const QueryProvider: React.FC<QueryProviderProps> = ({ children }) => {
+const QueryProvider: React.FC<QueryProviderProps> = ({
+  children,
+  testMode = false
+}) => {
   return (
-    <QueryClientProvider client={queryClient}>
+    <QueryClientProvider client={testMode ? testQueryClient : queryClient}>
       <ReactQueryDevtools />
       {children}
     </QueryClientProvider>

src/containers/my-cooperations/accept-cooperation-modal/AcceptCooperationModal.tsx

@@ -28,6 +28,7 @@ import {
 import { snackbarVariants } from '~/constants'
 import { styles } from '~/containers/my-cooperations/accept-cooperation-modal/AcceptCooperation.styles'
 import useSnackbarAlert from '~/hooks/use-snackbar-alert'
+import { useAppSelector } from '~/hooks/use-redux'
 
 interface AcceptCooperationModalProps {
   cooperation: Cooperation
@@ -42,8 +43,9 @@ const AcceptCooperationModal: React.FC<AcceptCooperationModalProps> = ({
   const { checkConfirmation } = useConfirm()
   const { handleAlert, handleErrorAlert } = useSnackbarAlert()
   const [minPrice, maxPrice] = minMaxPrice(cooperation.price, 0.25)
+  const { userRole } = useAppSelector((state) => state.appMain)
 
-  const needAction = cooperation.user.role !== cooperation.needAction
+  const needAction = userRole !== cooperation.needAction.role
 
   const handleUpdateCooperation = (
     params?: Omit<UpdateCooperationsParams, '_id'>

src/containers/my-cooperations/cooperation-details/CooperationDetails.tsx

@@ -82,10 +82,7 @@ const CooperationDetails = () => {
     isError
   } = useQuery({
     queryFn: getCooperation,
-    queryKey: ['cooperation', id],
-    options: {
-      staleTime: Infinity
-    }
+    queryKey: ['cooperation', id]
   })
 
   useEffect(() => {

src/pages/bookmarked-offers/BookmarkedOffers.tsx

@@ -65,10 +65,7 @@ const BookmarkedOffers = () => {
     isError
   } = useQuery({
     queryKey: ['bookmarks', filters, searchParams.toString()],
-    queryFn: getBookmarkedOffers,
-    options: {
-      staleTime: Infinity
-    }
+    queryFn: getBookmarkedOffers
   })
 
   useEffect(() => {

src/plugins/queryClient.ts

@@ -1,3 +1,13 @@
 import { QueryClient } from '@tanstack/react-query'
 
 export const queryClient = new QueryClient()
+export const testQueryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
+      staleTime: 0
+    }
+  }
+})

tests/test-utils.jsx

@@ -40,7 +40,7 @@ export const renderWithProviders = (
       <MemoryRouter initialEntries={[initialEntries]}>
         <StyledEngineProvider injectFirst>
           <ThemeProvider theme={theme}>
-            <QueryProvider>
+            <QueryProvider testMode>
               <PopupsProvider>{children}</PopupsProvider>
             </QueryProvider>
           </ThemeProvider>