🔧 [#724] Configure test setup for jest compatibility

* Ensure the test globals are injected (vitest doesn't do this by default)
* Point to setup file to ensure jest matchers are registered (requires
  them to be registered as globals first)

src/vitest.setup.js

@@ -0,0 +1,11 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
+
+import mswServer from 'api-mocks/msw-server';
+
+beforeAll(() => mswServer.listen());
+afterEach(() => mswServer.resetHandlers());
+afterAll(() => mswServer.close());

vite.config.mts

@@ -1,3 +1,4 @@
+/// <reference types="vitest/config" />
 // https://vitejs.dev/config/
 import react from '@vitejs/plugin-react';
 import lodashTemplate from 'lodash/template';
@@ -30,4 +31,9 @@ export default defineConfig({
       },
     },
   ],
+  test: {
+    environment: 'jsdom',
+    globals: true, // for compatibility with jest
+    setupFiles: ['./src/vitest.setup.js'],
+  },
 });