CFE-8 Setting up required test-driven services

.eslintrc.json

@@ -1,3 +1,7 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:testing-library/react",
+    "plugin:jest-dom/recommended"
+  ]
 }

jest.config.mjs

@@ -0,0 +1,17 @@
+import nextJest from 'next/jest.js'
+
+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
+/** @type {import('jest').Config} */
+const config = {
+    // Add more setup options before each test is run
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+    testEnvironment: 'jest-environment-jsdom',
+}
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+export default createJestConfig(config)

jest.setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'

package.json

@@ -10,7 +10,9 @@
     "lint": "next lint",
     "update": "run-script-os",
     "update:win32": "echo 'ok'",
-    "update:linux": "rm -rf .next/ && npm i && npm run build && sudo systemctl restart crm.service"
+    "update:linux": "rm -rf .next/ && npm i && npm run build && sudo systemctl restart crm.service",
+    "test": "jest",
+    "test:watch": "jest --watchAll"
   },
   "dependencies": {
     "@emotion/react": "^11.10.6",
@@ -48,7 +50,14 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^7.6.0",
+    "@testing-library/jest-dom": "^6.1.3",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.5.1",
     "eslint-config-next": "^13.3.0",
+    "eslint-plugin-jest-dom": "^5.1.0",
+    "eslint-plugin-testing-library": "^6.0.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "run-script-os": "^1.1.6"
   }
 }