Update tests broken by vitest v3

- mainly explicitly stating which timer funcs to fake via useFakeTimers
ral-facilities · Feb 17, 2025 · 13857e3 · 13857e3
1 parent 044787e
commit 13857e3
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 8 deletions.
diff --git a/src/api/records.test.tsx b/src/api/records.test.tsx
@@ -425,7 +425,9 @@ describe('records api functions', () => {
     });
 
     it('sends request to fetch records, returns successful response and uses a select function to format the results', async () => {
-      vi.useFakeTimers().setSystemTime(new Date('2024-07-02 12:00:00'));
+      vi.useFakeTimers({ toFake: ['Date'] }).setSystemTime(
+        new Date('2024-07-02 12:00:00')
+      );
 
       const pendingRequest = waitForRequest('GET', '/records');
 
@@ -557,7 +559,9 @@ describe('records api functions', () => {
     });
 
     it('uses a select function to format the results', async () => {
-      vi.useFakeTimers().setSystemTime(new Date('2024-07-02 12:00:00'));
+      vi.useFakeTimers({ toFake: ['Date'] }).setSystemTime(
+        new Date('2024-07-02 12:00:00')
+      );
 
       const pendingRequest = waitForRequest('GET', '/records');
 
@@ -784,7 +788,9 @@ describe('records api functions', () => {
     });
 
     it('sends request to fetch records with a projection and returns successful response', async () => {
-      vi.useFakeTimers().setSystemTime(new Date('2024-07-02 12:00:00'));
+      vi.useFakeTimers({ toFake: ['Date'] }).setSystemTime(
+        new Date('2024-07-02 12:00:00')
+      );
 
       const pendingRequest = waitForRequest('GET', '/records');
 

diff --git a/src/search/components/autoRefreshToggle.component.test.tsx b/src/search/components/autoRefreshToggle.component.test.tsx
@@ -6,7 +6,7 @@ import AutoRefreshToggle, {
 
 describe('AutoRefreshToggle', () => {
   beforeEach(() => {
-    vi.useFakeTimers();
+    vi.useFakeTimers({ toFake: ['setInterval', 'clearInterval'] });
   });
 
   afterEach(() => {

diff --git a/src/search/searchBar.component.test.tsx b/src/search/searchBar.component.test.tsx
@@ -311,7 +311,9 @@ describe('searchBar component', () => {
   });
 
   it('sends default search parameters when none are amended by the user', async () => {
-    vi.useFakeTimers().setSystemTime(new Date('2024-07-02 12:00:00'));
+    vi.useFakeTimers({
+      toFake: ['Date', 'setTimeout', 'clearTimeout'],
+    }).setSystemTime(new Date('2024-07-02 12:00:00'));
 
     user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
 
@@ -657,7 +659,15 @@ describe('searchBar component', () => {
         advanceTimers: vi.advanceTimersByTime,
       });
 
-      vi.useFakeTimers().setSystemTime(new Date('2022-01-11 00:05'));
+      vi.useFakeTimers({
+        toFake: [
+          'Date',
+          'setInterval',
+          'clearInterval',
+          'setTimeout',
+          'clearTimeout',
+        ],
+      }).setSystemTime(new Date('2022-01-11 00:05'));
     });
 
     afterEach(() => {

diff --git a/src/session/sessionSaveButtons.component.test.tsx b/src/session/sessionSaveButtons.component.test.tsx
@@ -43,7 +43,15 @@ describe('session buttons', () => {
       onChangeAutoSaveSessionId: onChangeAutoSaveSessionId,
       autoSaveSessionId: undefined,
     };
-    vi.useFakeTimers().setSystemTime(new Date('2024-07-15 12:00:00'));
+    vi.useFakeTimers({
+      toFake: [
+        'Date',
+        'setInterval',
+        'clearInterval',
+        'setTimeout',
+        'clearTimeout',
+      ],
+    }).setSystemTime(new Date('2024-07-15 12:00:00'));
 
     axiosPostSpy = vi.spyOn(ogApi, 'post');
     axiosPatchSpy = vi.spyOn(ogApi, 'patch');

diff --git a/src/views/viewTabs.component.test.tsx b/src/views/viewTabs.component.test.tsx
@@ -15,7 +15,9 @@ describe('View Tabs', () => {
   });
 
   it('renders correctly', () => {
-    vi.useFakeTimers().setSystemTime(new Date('2024-07-15 12:00:00'));
+    vi.useFakeTimers({
+      toFake: ['Date'],
+    }).setSystemTime(new Date('2024-07-15 12:00:00'));
     const { asFragment } = createView();
     expect(asFragment()).toMatchSnapshot();
   });

diff --git a/src/windows/__snapshots__/windowPortal.component.test.tsx.snap b/src/windows/__snapshots__/windowPortal.component.test.tsx.snap
@@ -3,6 +3,48 @@
 exports[`Window portal component > renders child in separate document and initialises event listeners & scripts, and handles unmounting correctly 1`] = `
 <body>
   <div>
+    <style
+      data-emotion="external-global"
+      data-s=""
+    >
+      
+      html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-print-color-scheme:light;color-scheme:light;}
+    </style>
+    <style
+      data-emotion="external-global"
+      data-s=""
+    >
+      
+      *,*::before,*::after{box-sizing:inherit;}
+    </style>
+    <style
+      data-emotion="external-global"
+      data-s=""
+    >
+      
+      strong,b{font-weight:700;}
+    </style>
+    <style
+      data-emotion="external-global"
+      data-s=""
+    >
+      
+      body{margin:0;color:rgba(0, 0, 0, 0.87);font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;font-size:1rem;line-height:1.5;letter-spacing:0.00938em;background-color:#fff;}
+    </style>
+    <style
+      data-emotion="external-global"
+      data-s=""
+    >
+      
+      @media print{body{background-color:#fff;}}
+    </style>
+    <style
+      data-emotion="external-global"
+      data-s=""
+    >
+      
+      body::backdrop{background-color:#fff;}
+    </style>
     <div
       id="test"
     >