test: [M3-7330] - Attempt to fix hanging unit tests (linode#10591)

* Use React Query infinity cache time for unit tests

* Improve event test stability by mocking the current system time when comparing relative date strings

* Apply `pool: forks` option to eliminate hanging

* Added changeset: Fix hanging unit tests

packages/manager/.changeset/pr-10591-tests-1718746383365.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Fix hanging unit tests ([#10591](https://github.com/linode/manager/pull/10591))

packages/manager/src/features/Events/utils.test.tsx

@@ -8,6 +8,7 @@ import {
 } from './utils';
 
 import type { Event } from '@linode/api-v4';
+import { DateTime } from 'luxon';
 
 describe('getEventMessage', () => {
   const mockEvent1: Event = eventFactory.build({
@@ -126,6 +127,10 @@ describe('formatProgressEvent', () => {
   });
 
   it('returns the correct format for a finished Event', () => {
+    const currentDateMock = DateTime.fromISO(mockEvent1.created).plus({
+      seconds: 1,
+    });
+    vi.setSystemTime(currentDateMock.toJSDate());
     const { progressEventDisplay, showProgress } = formatProgressEvent(
       mockEvent1
     );
@@ -135,6 +140,10 @@ describe('formatProgressEvent', () => {
   });
 
   it('returns the correct format for a "started" event without time remaining info', () => {
+    const currentDateMock = DateTime.fromISO(mockEvent2.created).plus({
+      seconds: 1,
+    });
+    vi.setSystemTime(currentDateMock.toJSDate());
     const { progressEventDisplay, showProgress } = formatProgressEvent(
       mockEvent2
     );

packages/manager/src/hooks/useOrder.test.tsx

@@ -1,6 +1,4 @@
-import { QueryClient } from '@tanstack/react-query';
 import { act, renderHook, waitFor } from '@testing-library/react';
-
 import { HttpResponse, http, server } from 'src/mocks/testServer';
 import { queryClientFactory } from 'src/queries/base';
 import { usePreferences } from 'src/queries/profile/preferences';
@@ -77,8 +75,7 @@ describe('useOrder hook', () => {
   });
 
   it('use preferences are used when there are no query params', async () => {
-    const queryClient = new QueryClient();
-
+    const queryClient = queryClientFactory();
     server.use(
       http.get('*/profile/preferences', () => {
         return HttpResponse.json({

packages/manager/src/index.tsx

@@ -21,7 +21,7 @@ import './index.css';
 import { LinodeThemeWrapper } from './LinodeThemeWrapper';
 import { queryClientFactory } from './queries/base';
 
-const queryClient = queryClientFactory();
+const queryClient = queryClientFactory('longLived');
 const store = storeFactory();
 
 setupInterceptors(store);

packages/manager/src/queries/base.ts

@@ -31,9 +31,22 @@ export const queryPresets = {
   },
 };
 
-export const queryClientFactory = () => {
+/**
+ * Creates and returns a new TanStack Query query client instance.
+ *
+ * Allows the query client behavior to be configured by specifying a preset. The
+ * 'longLived' preset is most suitable for production use, while 'oneTimeFetch' is
+ * preferred for tests.
+ *
+ * @param preset - Optional query preset for client. Either 'longLived' or 'oneTimeFetch'.
+ *
+ * @returns New `QueryClient` instance.
+ */
+export const queryClientFactory = (
+  preset: 'longLived' | 'oneTimeFetch' = 'oneTimeFetch'
+) => {
   return new QueryClient({
-    defaultOptions: { queries: queryPresets.longLived },
+    defaultOptions: { queries: queryPresets[preset] },
   });
 };
 

packages/manager/vite.config.ts

@@ -35,6 +35,7 @@ export default defineConfig({
         'src/**/*.utils.{js,jsx,ts,tsx}',
       ],
     },
+    pool: 'forks',
     environment: 'jsdom',
     globals: true,
     setupFiles: './src/testSetup.ts',