Merge pull request #753 from WildMeOrg/unit_test

add unit test for frontend

eslint.config.mjs

@@ -20,7 +20,8 @@ export default [
       react: {
         version: "detect"
       }
-    },
+    },  
+
     rules: {
       "semi": 2,
       "react/prop-types": 0,
@@ -56,4 +57,28 @@ export default [
 
     },
   },
+  {
+    files: ['frontend/babel.config.js', 'frontend/jest.config.js', 'babel.config.js'],  // Specify the config files
+    languageOptions: {
+      globals: {
+        require: "readonly",  
+        module: "readonly",
+        __dirname: "readonly",  
+        process: "readonly",
+      },
+    },    
+  },
+  {
+    files: ["**/__tests__/**/*.{js,jsx}", "**/*.test.{js,jsx}"],
+    languageOptions: {
+      globals: {
+        jest: "readonly",    // Define Jest-specific globals
+        test: "readonly",
+        expect: "readonly",
+      },
+    },
+    rules: {
+      "react/react-in-jsx-scope": 0,  // Disable React in scope for JSX cuz we are using React 17+
+    }
+  }
 ];

frontend/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@babel/preset-env", "@babel/preset-react"],
+};

frontend/jest.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  testMatch: [
+    "**/__tests__/**/*.[jt]s?(x)", // Looks inside __tests__ folders
+    "**/?(*.)+(spec|test).[tj]s?(x)", // Looks for .spec.js/.test.js files
+  ],
+  transform: {
+    "^.+\\.[t|j]sx?$": "babel-jest",
+  },
+  transformIgnorePatterns: ["/node_modules/(?!(axios)).+\\.js$"],
+  testEnvironment: "jsdom", // Set the environment for testing React components
+  moduleNameMapper: {
+    "^axios$": require.resolve("axios"),
+  },
+};