chore: add jest config & setup to mock envs

babel.config.js

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

jest.setup.ts

@@ -0,0 +1,7 @@
+jest.mock('./src/constants/heroku', () => ({
+  HEROKU_APP_NAME: 'test',
+}))
+jest.mock('./src/constants/grants', () => ({
+  GRANT_VP_THRESHOLD: null,
+  MAX_LOWER_TIER_GRANT_FUNDING: 20000,
+}))

package.json

@@ -12,6 +12,14 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
+  "jest": {
+    "watchman": false,
+    "setupFilesAfterEnv": ["<rootDir>/jest.setup.ts"],
+    "roots": [
+      "<rootDir>/src/"
+    ],
+    "testEnvironment": "node"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/decentraland/governance-ui.git"
@@ -67,6 +75,9 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-typescript": "^7.24.1",
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@storybook/addon-essentials": "^7.4.0",
@@ -98,6 +109,7 @@
     "@typescript-eslint/parser": "^6.11.0",
     "@vitejs/plugin-basic-ssl": "^1.0.2",
     "@vitejs/plugin-react-swc": "^3.3.2",
+    "babel-jest": "^29.7.0",
     "concurrently": "^6.0.0",
     "dotenv": "^16.3.1",
     "eslint": "^8.15.0",
@@ -129,4 +141,4 @@
     "*.{js,jsx,ts,tsx}": "eslint --cache --fix",
     "*.{js,jsx,ts,tsx,css,json}": "prettier --write"
   }
-}
+}

src/clients/Governance.ts

@@ -2,6 +2,7 @@ import snakeCase from 'lodash/snakeCase'
 
 import { SpecState } from '../components/Debug/UploadBadgeSpec'
 import { GOVERNANCE_API } from '../constants'
+import { HEROKU_APP_NAME } from '../constants/heroku'
 import {
   DetailedScores,
   SnapshotConfig,
@@ -98,7 +99,7 @@ export type GetProposalsFilter = ProposalListFilter & {
 }
 
 const getGovernanceApiUrl = () => {
-  if (import.meta.env.VITE_HEROKU_APP_NAME) {
+  if (HEROKU_APP_NAME) {
     return `https://governance.decentraland.vote/api`
   }
 

src/constants/heroku.ts

@@ -0,0 +1 @@
+export const HEROKU_APP_NAME = import.meta.env.VITE_HEROKU_APP_NAME

tsconfig.json

@@ -21,7 +21,7 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src", "vite.config.ts", "scripts"],
+  "include": ["src", "vite.config.ts", "scripts", "babel.config.js", "jest.setup.ts"],
   "exclude": ["node_modules", "**/node_modules/*"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }