refactor: add the ts config

Author: serapieTuyishime

jest.config.js

@@ -0,0 +1,24 @@
+/**
+ * For a detailed explanation regarding each configuration property, visit:
+ * https://jestjs.io/docs/configuration
+ */
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const nextJest = require("next/jest");
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: "./",
+});
+
+// Add any custom config to be passed to Jest
+const config = {
+  coverageProvider: "v8",
+  testEnvironment: "jsdom",
+  // Add more setup options before each test is run
+  // setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  moduleNameMapper: {},
+};
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(config);

package.json

@@ -9,7 +9,8 @@
     "lint": "eslint --ignore-path .eslintignore \"./**/*.{ts,tsx,js}\"",
     "prettier-format": "prettier --config .prettierrc 'src/**/*.{ts,tsx,js,jsx}' --write",
     "check-branch-name": "./check_branch_name.sh",
-    "prepare": "npx husky install && chmod +x .husky/* && chmod +x ./check_branch_name.sh"
+    "prepare": "npx husky install && chmod +x .husky/* && chmod +x ./check_branch_name.sh",
+    "test": "jest --silent"
   },
   "dependencies": {
     "@coingecko/cryptoformat": "^0.5.4",
@@ -87,7 +88,10 @@
     "@svgr/webpack": "^6.5.1",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.9",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^15.0.2",
     "@types/dompurify": "^3.0.0",
+    "@types/jest": "^29.5.12",
     "@types/lodash": "^4.14.192",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.uniqby": "^4.7.7",
@@ -97,6 +101,8 @@
     "autoprefixer": "^10.4.14",
     "eslint-config-prettier": "^8.7.0",
     "husky": "^8.0.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^13.2.0",
     "postcss": "^8.4.24",
     "prettier": "^2.8.8",

tsconfig.json

@@ -19,6 +19,6 @@
       "react": ["./node_modules/@types/react"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "src/components/sections/learning-modules/_partials/MarkDown.jsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "src/components/sections/learning-modules/_partials/MarkDown.jsx", "jest.config.js"],
   "exclude": ["node_modules"]
 }