feat(root): added Jest framework for testing

Added jest jest-environment-jsdom @testing-library/react @testing-library/jest-dom and a basic
configuration to run jest tests.

#21

jest.config.js

@@ -0,0 +1,25 @@
+// jest.config.js
+
+// Since the release of Next.js 12, 
+// Next.js now has built -in configuration for Jest.
+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 customJestConfig = {
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  moduleNameMapper: {
+    // Handle module aliases (this will be automatically configured for you soon)
+    '^@/components/(.*)$': '<rootDir>/components/$1',
+
+    '^@/pages/(.*)$': '<rootDir>/pages/$1',
+  },
+  testEnvironment: 'jest-environment-jsdom',
+}
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig)

package.json

@@ -7,6 +7,8 @@
     "start": "next start",
     "lint": "next lint",
     "lint:fix": "next lint --fix",
+    "test": "jest --watch",
+    "test:ci": "jest --ci",
     "prepare": "husky install"
   },
   "dependencies": {
@@ -25,6 +27,8 @@
     "@commitlint/cli": "17.4.2",
     "@commitlint/config-conventional": "17.4.2",
     "@next/eslint-plugin-next": "13.1.4",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
     "@types/howler": "2.2.7",
     "@types/react": "18.0.27",
     "@typescript-eslint/eslint-plugin": "5.48.2",
@@ -43,6 +47,8 @@
     "eslint-plugin-promise": "6.1.1",
     "eslint-plugin-react": "7.32.1",
     "husky": "8.0.3",
+    "jest": "^29.4.1",
+    "jest-environment-jsdom": "^29.4.1",
     "postcss": "8.4.21",
     "prettier": "2.8.3",
     "tailwind-styled-components": "2.2.0",