Setup test libraries and initiate unit-test example.

jest.config.js

@@ -0,0 +1,38 @@
+// jest.config.js
+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
+/** @type {import('jest').Config} */
+const customJestConfig = {
+  // Add more setup options before each test is run
+  // setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  // if using TypeScript with a baseUrl set to the root directory then you need the below for alias' to work
+  moduleDirectories: ['node_modules', '<rootDir>/'],
+  moduleNameMapper: {
+    // style
+    "^@styles/(.*)": "<rootDir>/styles/$1",
+    // ui
+    "^@ui": "<rootDir>/ui",
+    "^@ui/(.*)": "<rootDir>/ui/$1",
+    // components
+    "^@components": "<rootDir>/components",
+    "^@components/(.*)": "<rootDir>/components/$1",
+    // utils
+    "^@utils": "<rootDir>/utils",
+    "^@utils/(.*)": "<rootDir>/utils/$1",
+    // store
+    "^@store": "<rootDir>/store",
+    "^@store/(.*)": "<rootDir>/store/$1",
+  },
+  testEnvironment: 'jest-environment-jsdom',
+  // load `jest.setup.js` to load `import '@testing-library/jest-dom'`
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js']
+}
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig)

jest.setup.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom'