DSEGOG-341 Update filtering, images, preloader and table tests

ral-facilities · Aug 13, 2024 · f295281 · f295281
1 parent d8de31b
commit f295281
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 29 deletions.
diff --git a/src/__snapshots__/settingsMenuItems.component.test.tsx.snap b/src/__snapshots__/settingsMenuItems.component.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Settings Menu Items component renders dropdown only when menu is visible 1`] = `
+exports[`Settings Menu Items component > renders dropdown only when menu is visible 1`] = `
 <body>
   <div />
   <div

diff --git a/src/images/__snapshots__/falseColourPanel.component.test.tsx.snap b/src/images/__snapshots__/falseColourPanel.component.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`False colour panel component renders correctly 1`] = `
+exports[`False colour panel component > renders correctly 1`] = `
 <DocumentFragment>
   <div
     class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 css-1ps6pg7-MuiPaper-root"

diff --git a/src/images/__snapshots__/imageView.component.test.tsx.snap b/src/images/__snapshots__/imageView.component.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Image view component renders an image and a canvas overlay 1`] = `
+exports[`Image view component > renders an image and a canvas overlay 1`] = `
 <DocumentFragment>
   <div
     style="position: relative;"

diff --git a/src/images/imageWindow.component.test.tsx b/src/images/imageWindow.component.test.tsx
@@ -7,21 +7,25 @@ import { TraceOrImageWindow } from '../state/slices/windowSlice';
 import { renderComponentWithProviders } from '../testUtils';
 import ImageWindow from './imageWindow.component';
 
-jest.mock('../windows/windowPortal.component', () => {
+vi.mock('../windows/windowPortal.component', () => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   const ReactMock = require('react');
-  return ReactMock.forwardRef(({ children }, ref) => (
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    <mock-WindowPortal>{children}</mock-WindowPortal>
-  ));
+  return {
+    default: ReactMock.forwardRef(({ children }, ref) => (
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      <mock-WindowPortal>{children}</mock-WindowPortal>
+    )),
+  };
 });
 
-jest.mock('./imageView.component', () => () => (
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  <mock-ImageView data-testid="mock-image-view" />
-));
+vi.mock('./imageView.component', () => ({
+  default: () => (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    <mock-ImageView data-testid="mock-image-view" />
+  ),
+}));
 
 describe('Image Window component', () => {
   let testImageConfig: TraceOrImageWindow;
@@ -55,7 +59,7 @@ describe('Image Window component', () => {
   });
 
   it('renders correctly while image is loading', () => {
-    const loadingHandler = (req, res, ctx) => {
+    const loadingHandler = () => {
       // taken from https://github.com/mswjs/msw/issues/778 - a way of mocking pending promises without breaking jest
       return new Promise(() => undefined);
     };

diff --git a/src/preloader/__snapshots__/preloader.component.test.tsx.snap b/src/preloader/__snapshots__/preloader.component.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Preloader component does not render when the site is not loading 1`] = `
+exports[`Preloader component > does not render when the site is not loading 1`] = `
 <DocumentFragment>
   <div>
     <div>
@@ -10,7 +10,7 @@ exports[`Preloader component does not render when the site is not loading 1`] =
 </DocumentFragment>
 `;
 
-exports[`Preloader component renders when the site is loading 1`] = `
+exports[`Preloader component > renders when the site is loading 1`] = `
 <DocumentFragment>
   <div>
     <div

diff --git a/src/table/__snapshots__/table.component.test.tsx.snap b/src/table/__snapshots__/table.component.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Table renders correctly with all columns displayed 1`] = `
+exports[`Table > renders correctly with all columns displayed 1`] = `
 <DocumentFragment>
   <div>
     <div
@@ -905,7 +905,7 @@ exports[`Table renders correctly with all columns displayed 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Table renders correctly, with only timestamp column 1`] = `
+exports[`Table > renders correctly, with only timestamp column 1`] = `
 <DocumentFragment>
   <div>
     <div

diff --git a/src/table/cellRenderers/__snapshots__/dataCell.component.test.tsx.snap b/src/table/cellRenderers/__snapshots__/dataCell.component.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Data Cell renders correctly 1`] = `
+exports[`Data Cell > renders correctly 1`] = `
 <DocumentFragment>
   <table>
     <tbody>

diff --git a/src/table/headerRenderers/__snapshots__/dataHeader.component.test.tsx.snap b/src/table/headerRenderers/__snapshots__/dataHeader.component.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Data Header opens menu when menu icon is clicked 1`] = `
+exports[`Data Header > opens menu when menu icon is clicked 1`] = `
 <ul
   aria-labelledby="test-menu-button"
   class="MuiList-root MuiList-padding MuiList-dense MuiMenu-list css-6hp17o-MuiList-root-MuiMenu-list"
@@ -77,7 +77,7 @@ exports[`Data Header opens menu when menu icon is clicked 1`] = `
 </ul>
 `;
 
-exports[`Data Header renders correctly 1`] = `
+exports[`Data Header > renders correctly 1`] = `
 <DocumentFragment>
   <table>
     <thead>