Merge pull request #62 from hack4impact-calpoly/Jest

Jest

babel.config.js

@@ -0,0 +1,31 @@
+module.exports = {
+  presets: [
+    [
+      "@babel/preset-env",
+      {
+        targets: {
+          node: "current",
+        },
+      },
+    ],
+    [
+      "@babel/preset-react",
+      {
+        runtime: "automatic", // Enables new JSX transform
+      },
+    ],
+    "@babel/preset-typescript",
+  ],
+
+  plugins: [
+    [
+      "module-resolver",
+      {
+        root: ["./src"],
+        alias: {
+          "@": "./src",
+        },
+      },
+    ],
+  ],
+};

jest.config.js

@@ -4,9 +4,14 @@ module.exports = {
   testEnvironment: "jest-environment-jsdom", //use jsdom as the environment)
   moduleNameMapper: {
     "\\.css$": "identity-obj-proxy", // If you're using CSS modules
+    "^@/styles/(.*)$": "identity-obj-proxy",
   },
   transform: {
-    "^.+\\.tsx?$": "ts-jest", // Transpile .ts and .tsx files
+    //"^.+\\.tsx?$": "ts-jest", // Transpile .ts and .tsx files
+    "^.+\\.(js|jsx|ts|tsx)$": "babel-jest", // Use babel-jest to transpile JS/JSX/TS/TSX files
   },
-  setupFilesAfterEnv: ["@testing-library/jest-dom"],
+  setupFilesAfterEnv: [
+    "@testing-library/jest-dom",
+    "./jest.setup.js", // Add the path to the setup file
+  ],
 };

jest.setup.js

@@ -0,0 +1,7 @@
+import { TextEncoder, TextDecoder } from "util";
+import "dotenv/config"; // This will automatically load variables from .env file
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;
+
+global.structuredClone = global.structuredClone || ((obj) => JSON.parse(JSON.stringify(obj)));