[DEV]: add Jest and RTL and remove nanoid

Author: genaroibc

jest.config.js

@@ -0,0 +1,12 @@
+const nextJest = require("next/jest");
+const createJestConfig = nextJest({
+  dir: "./"
+});
+const customJestConfig = {
+  moduleDirectories: ["node_modules", "<rootDir>"],
+  setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
+  testEnvironment: "jest-environment-jsdom",
+  extensionsToTreatAsEsm: [".ts"]
+  // transformIgnorePatterns: ["/node_modules/(?!(foo|bar)/)"]
+};
+module.exports = createJestConfig(customJestConfig);

jest.setup.js

@@ -0,0 +1,6 @@
+// Optional: configure or set up a testing framework before each test.
+// If you delete this file, remove `setupFilesAfterEnv` from `jest.config.js`
+
+// Used for __tests__/testing-library.js
+// Learn more: https://github.com/testing-library/jest-dom
+import "@testing-library/jest-dom/extend-expect";

package.json

@@ -6,7 +6,9 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "test": "jest --watch",
+    "test:ci": "jest --ci"
   },
   "dependencies": {
     "@types/node": "18.11.9",
@@ -16,12 +18,21 @@
     "eslint-config-next": "13.0.5",
     "gray-matter": "^4.0.3",
     "highlight.js": "^11.7.0",
-    "nanoid": "^4.0.0",
     "next": "13.0.5",
     "next-mdx-remote": "^4.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rehype-highlight": "^6.0.0",
-    "typescript": "4.9.3"
+    "typescript": "4.9.3",
+    "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.2.4",
+    "@types/uuid": "^9.0.0",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1"
   }
 }