EMS update

tests/unit/Footer.test.jsx

@@ -243,7 +243,9 @@ describe("Footer", () => {
     render(<Footer />);
 
     // Get specific links that should have focus management
-    const emailLink = screen.getByRole("link", { name: "medlab@colorado.edu" });
+    const emailLinks = screen.getAllByRole("link", {
+      name: "medlab@colorado.edu",
+    });
     const blueskyLink = screen.getByRole("link", {
       name: "Follow us on Bluesky",
     });
@@ -251,16 +253,18 @@ describe("Footer", () => {
       name: "Follow us on GitLab",
     });
 
-    // Check email link
+    // Check email links (multiple due to responsive design)
-    expect(emailLink).toHaveClass("focus:outline-none");
+    emailLinks.forEach((emailLink) => {
-    expect(emailLink).toHaveClass("focus:ring-2");
+      expect(emailLink).toHaveClass("focus:outline-none");
-    expect(emailLink).toHaveClass("focus:ring-offset-2");
+      expect(emailLink).toHaveClass("focus:ring-2");
-    expect(emailLink).toHaveClass(
+      expect(emailLink).toHaveClass("focus:ring-offset-2");
-      "focus:ring-[var(--color-content-default-primary)]"
+      expect(emailLink).toHaveClass(
-    );
+        "focus:ring-[var(--color-content-default-primary)]"
-    expect(emailLink).toHaveClass(
+      );
-      "focus:ring-offset-[var(--color-surface-default-primary)]"
+      expect(emailLink).toHaveClass(
-    );
+        "focus:ring-offset-[var(--color-surface-default-primary)]"
+      );
+    });
 
     // Check social media links
     [blueskyLink, gitlabLink].forEach((link) => {

vitest.config.mjs

@@ -1,29 +1,22 @@
-const { defineConfig } = require("vitest/config");
+import { defineConfig } from "vitest/config";
-const react = require("@vitejs/plugin-react");
+import react from "@vitejs/plugin-react";
 
-module.exports = defineConfig({
+export default defineConfig({
-  plugins: [
+  plugins: [react({ jsxRuntime: "automatic" })],
-    // Enables React transform
-    react({ jsxRuntime: "automatic" }),
-  ],
-
-  // Key part: make .js be parsed as JSX *before* import-analysis
   esbuild: {
     jsx: "automatic",
-    loader: "jsx", // default loader
+    loader: "jsx",
-    include: /(?:^|\/)(app|components|pages|src|tests)\/.*\.[jt]sx?$/, // match your folders
+    include: /\.[jt]sx?$/,
     exclude: [/node_modules/],
   },
-
   test: {
     environment: "jsdom",
-    setupFiles: ["./vitest.setup.ts"], // match your actual filename
+    setupFiles: ["./vitest.setup.ts"],
     include: [
       "tests/unit/**/*.test.{js,jsx,ts,tsx}",
       "tests/integration/**/*.test.{js,jsx,ts,tsx}",
     ],
     css: true,
-    transformMode: { web: [/\.[jt]sx?$/] }, // ensure web transform for JSX
     coverage: {
       provider: "v8",
       reporter: ["text", "lcov"],