lint fixes

src/components/Header/__tests__/AppMenu.test.tsx

@@ -1,5 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { queryClient, render, screen } from 'test/test-utils';
+import { render, screen } from 'test/test-utils';
+import { queryClient } from 'test/query-client';
 import { UseQueryResult } from '@tanstack/react-query';
 
 import * as UseAuth from 'hooks/useAuth';

src/test/AllProvidersExceptRouter.tsx

@@ -0,0 +1,25 @@
+import { PropsWithChildren } from 'react';
+import { QueryClientProvider } from '@tanstack/react-query';
+
+import ConfigContextProvider from 'providers/ConfigProvider';
+import SettingsContextProvider from 'providers/SettingsProvider';
+import AuthContextProvider from 'providers/AuthProvider';
+import ToastsProvider from 'providers/ToastsProvider';
+
+import { queryClient } from './query-client';
+
+const AllProvidersExceptRouter = ({ children }: PropsWithChildren): JSX.Element => {
+  return (
+    <ConfigContextProvider>
+      <QueryClientProvider client={queryClient}>
+        <SettingsContextProvider>
+          <AuthContextProvider>
+            <ToastsProvider>{children}</ToastsProvider>
+          </AuthContextProvider>
+        </SettingsContextProvider>
+      </QueryClientProvider>
+    </ConfigContextProvider>
+  );
+};
+
+export default AllProvidersExceptRouter;

src/test/WithAllProviders.tsx

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { QueryClientProvider } from '@tanstack/react-query';
+
+import ConfigContextProvider from 'providers/ConfigProvider';
+import SettingsContextProvider from 'providers/SettingsProvider';
+import AuthContextProvider from 'providers/AuthProvider';
+import ToastsProvider from 'providers/ToastsProvider';
+
+import { queryClient } from './query-client';
+
+const WithAllProviders = ({ children }: PropsWithChildren): JSX.Element => {
+  return (
+    <ConfigContextProvider>
+      <QueryClientProvider client={queryClient}>
+        <SettingsContextProvider>
+          <AuthContextProvider>
+            <ToastsProvider>
+              <MemoryRouter>{children}</MemoryRouter>
+            </ToastsProvider>
+          </AuthContextProvider>
+        </SettingsContextProvider>
+      </QueryClientProvider>
+    </ConfigContextProvider>
+  );
+};
+
+export default WithAllProviders;

src/test/query-client.ts

@@ -0,0 +1,9 @@
+import { QueryClient } from '@tanstack/react-query';
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+    },
+  },
+});

src/test/test-utils.tsx

@@ -6,52 +6,7 @@ import {
   RenderHookOptions,
   RenderOptions,
 } from '@testing-library/react';
-import { PropsWithChildren } from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-
-import ConfigContextProvider from 'providers/ConfigProvider';
-import SettingsContextProvider from 'providers/SettingsProvider';
-import AuthContextProvider from 'providers/AuthProvider';
-import ToastsProvider from 'providers/ToastsProvider';
-
-export const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      retry: false,
-    },
-  },
-});
-
-const WithAllProviders = ({ children }: PropsWithChildren): JSX.Element => {
-  return (
-    <ConfigContextProvider>
-      <QueryClientProvider client={queryClient}>
-        <SettingsContextProvider>
-          <AuthContextProvider>
-            <ToastsProvider>
-              <MemoryRouter>{children}</MemoryRouter>
-            </ToastsProvider>
-          </AuthContextProvider>
-        </SettingsContextProvider>
-      </QueryClientProvider>
-    </ConfigContextProvider>
-  );
-};
-
-export const AllProvidersExceptRouter = ({ children }: PropsWithChildren): JSX.Element => {
-  return (
-    <ConfigContextProvider>
-      <QueryClientProvider client={queryClient}>
-        <SettingsContextProvider>
-          <AuthContextProvider>
-            <ToastsProvider>{children}</ToastsProvider>
-          </AuthContextProvider>
-        </SettingsContextProvider>
-      </QueryClientProvider>
-    </ConfigContextProvider>
-  );
-};
+import WithAllProviders from './WithAllProviders';
 
 const customRender = (ui: React.ReactElement, options?: RenderOptions, { route = '/' } = {}) => {
   window.history.pushState({}, 'Test page', route);
@@ -73,6 +28,7 @@ function customRenderHook<
 }
 
 // re-export @testing-library/react
+// eslint-disable-next-line
 export * from '@testing-library/react';
 
 // override the render function

vitest.setup.ts

@@ -1,7 +1,7 @@
 import { afterAll, afterEach, beforeAll } from 'vitest';
 
 import { server } from './src/test/mocks/server';
-import { queryClient } from './src/test/test-utils';
+import { queryClient } from './src/test/query-client';
 
 beforeAll(() => {
   server.listen();