From 2e010e30b59cc0c95772d339259a0652e60d4148 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Fri, 29 Aug 2025 14:27:05 -0600
Subject: [PATCH] EMS update

---
 tests/unit/Footer.test.jsx             | 26 +++++++++++++++-----------
 vitest.config.cjs => vitest.config.mjs | 21 +++++++--------------
 2 files changed, 22 insertions(+), 25 deletions(-)
 rename vitest.config.cjs => vitest.config.mjs (62%)

diff --git a/tests/unit/Footer.test.jsx b/tests/unit/Footer.test.jsx
index 45ba7fe..61ec72c 100644
--- a/tests/unit/Footer.test.jsx
+++ b/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
-    expect(emailLink).toHaveClass("focus:outline-none");
-    expect(emailLink).toHaveClass("focus:ring-2");
-    expect(emailLink).toHaveClass("focus:ring-offset-2");
-    expect(emailLink).toHaveClass(
-      "focus:ring-[var(--color-content-default-primary)]"
-    );
-    expect(emailLink).toHaveClass(
-      "focus:ring-offset-[var(--color-surface-default-primary)]"
-    );
+    // Check email links (multiple due to responsive design)
+    emailLinks.forEach((emailLink) => {
+      expect(emailLink).toHaveClass("focus:outline-none");
+      expect(emailLink).toHaveClass("focus:ring-2");
+      expect(emailLink).toHaveClass("focus:ring-offset-2");
+      expect(emailLink).toHaveClass(
+        "focus:ring-[var(--color-content-default-primary)]"
+      );
+      expect(emailLink).toHaveClass(
+        "focus:ring-offset-[var(--color-surface-default-primary)]"
+      );
+    });
 
     // Check social media links
     [blueskyLink, gitlabLink].forEach((link) => {
diff --git a/vitest.config.cjs b/vitest.config.mjs
similarity index 62%
rename from vitest.config.cjs
rename to vitest.config.mjs
index 111e75b..a4b6d60 100644
--- a/vitest.config.cjs
+++ b/vitest.config.mjs
@@ -1,29 +1,22 @@
-const { defineConfig } = require("vitest/config");
-const react = require("@vitejs/plugin-react");
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
 
-module.exports = defineConfig({
-  plugins: [
-    // Enables React transform
-    react({ jsxRuntime: "automatic" }),
-  ],
-
-  // Key part: make .js be parsed as JSX *before* import-analysis
+export default defineConfig({
+  plugins: [react({ jsxRuntime: "automatic" })],
   esbuild: {
     jsx: "automatic",
-    loader: "jsx", // default loader
-    include: /(?:^|\/)(app|components|pages|src|tests)\/.*\.[jt]sx?$/, // match your folders
+    loader: "jsx",
+    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"],