Merge pull request #407 from honyanya/feature/add_jest

[add] Suggestion: jest を追加してテストコードを書く

Author: swfz

jest.config.js

@@ -0,0 +1,17 @@
+const nextJest = require('next/jest')
+
+const createJestConfig = nextJest({
+    dir: './',
+})
+
+/** @type {import('jest').Config} */
+const customJestConfig = {
+    moduleDirectories: ['node_modules', '<rootDir>/'],
+
+    moduleNameMapper: {
+        '@/(.*)$': '<rootDir>/src/$1',
+    },
+    testEnvironment: 'jest-environment-jsdom',
+}
+
+module.exports = createJestConfig(customJestConfig)

package.json

@@ -9,7 +9,9 @@
     "lint": "next lint",
     "format": "prettier --write --ignore-path .gitignore './**/*.{js,ts,tsx,json,css}'",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build-storybook": "build-storybook",
+    "test": "jest --watch",
+    "test:ci": "jest"
   },
   "dependencies": {
     "@primer/octicons-react": "17.12.0",
@@ -37,6 +39,7 @@
     "@storybook/react": "6.5.16",
     "@storybook/testing-library": "0.0.13",
     "@types/gtag.js": "0.0.12",
+    "@types/jest": "29.4.0",
     "@types/node": "18.11.18",
     "@types/react": "18.0.28",
     "@types/uuid": "9.0.0",
@@ -46,10 +49,13 @@
     "eslint-config-next": "13.1.6",
     "eslint-config-prettier": "8.6.0",
     "eslint-plugin-tailwindcss": "3.8.3",
+    "jest": "29.4.3",
+    "jest-environment-jsdom": "29.4.3",
     "postcss": "8.4.21",
     "prettier": "2.8.4",
     "storybook": "6.5.16",
     "tailwindcss": "3.2.7",
+    "ts-jest": "29.0.5",
     "typescript": "4.9.5"
   },
   "prettier": {

src/components/contributions/__tests__/contributions.spec.tsx

@@ -0,0 +1,8 @@
+import { toHtmlUrl } from '../contributions';
+
+describe('toHtmlUrl', () => {
+  test('check replace', () => {
+    expect(toHtmlUrl("https://api.github.com/repos/swfz/tools")).toBe("https://github.com/swfz/tools")
+  });
+});
+