Fix warning about emotion css-in-js library already loaded during tests

The emotion library has a check if global vi or jest is set to detect if
it is running in a testing environment. Therefore just an empty vi
object for the tests to keep it quiet.

src/web/components/form/__tests__/multiselect.jsx

@@ -18,10 +18,11 @@
 
 import {describe, test, expect, testing} from '@gsa/testing';
 
-import {render, screen, userEvent} from 'web/utils/testing';
+import {render, screen} from 'web/utils/testing';
 
 import {
   changeSelectInput,
+  clickElement,
   getMultiSelectElement,
   getSelectElement,
   getSelectItemElements,
@@ -118,7 +119,7 @@ describe('MultiSelect tests', () => {
     const domItems = getSelectItemElements();
     expect(domItems.length).toEqual(2);
 
-    await userEvent.click(domItems[1]);
+    await clickElement(domItems[1]);
 
     expect(onChange).toHaveBeenCalledWith(['foo'], undefined);
   });
@@ -144,7 +145,7 @@ describe('MultiSelect tests', () => {
     const domItems = getSelectItemElements();
     expect(domItems.length).toEqual(2);
 
-    await userEvent.click(domItems[0]);
+    await clickElement(domItems[0]);
 
     expect(onChange).toHaveBeenCalledWith(['bar'], 'abc');
   });
@@ -235,7 +236,7 @@ describe('MultiSelect tests', () => {
     expect(selectedItems.length).toEqual(2);
 
     const deleteIcon = selectedItems[0].querySelector('button');
-    await userEvent.click(deleteIcon);
+    await clickElement(deleteIcon);
 
     expect(onChange).toHaveBeenCalledWith(['foo'], undefined);
   });

vite.config.ts

@@ -10,7 +10,12 @@ const projectRootDir = path.resolve(__dirname);
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  define: {global: 'window'},
+  define: {
+    global: 'window',
+    // avoid "You are loading @emotion/react when it is already loaded" warnings during tests
+    // https://github.com/emotion-js/emotion/discussions/2795#discussioncomment-7885638
+    vi: {},
+  },
   plugins: [
     react({include: /\.(mdx|js|jsx|ts|tsx)$/}),
     legacy(),