✨ 프로젝트 추가 설정 (#4)

vitest, msw 환경 구축
yarn berry zero-install 설정
NodeJS 및 vitest, msw 버전 명시

Closes #PW-107

Author: BangDori

.editorconfig

@@ -1,10 +1,13 @@
+const vitest = require('eslint-plugin-vitest');
+
 module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
+    'plugin:vitest/recommended',
     'plugin:@tanstack/eslint-plugin-query/recommended',
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
@@ -16,4 +19,7 @@ module.exports = {
       { allowConstantExport: true },
     ],
   },
+  globals: {
+    ...vitest.environments.env.globals,
+  },
 };

.eslintrc.cjs

@@ -1 +1,3 @@
+nodeLinker: 'pnp'
+
 yarnPath: .yarn/releases/yarn-4.1.1.cjs

.gitattributes

@@ -74,6 +74,7 @@
 ### 1️⃣ Language 
 - TypeScript v5.3.3
 ### 2️⃣ Framework & Library
+- Node v18.18.0
 - React v18.2.0
 - React Query v5.25.0
 - Axios v1.6.7
@@ -87,8 +88,10 @@
 - Amazon EC2
 ### 6️⃣ Automation & Test Framework
 - GitHub Actions
-- Jest v29.7.0
-### 7️⃣ Collaboration & Project Management Tools
+- Vitest v1.4.0
+### 7️⃣ Mocking Library
+- MSW v2.2.13
+### 8️⃣ Collaboration & Project Management Tools
 - GitHub
 - Jira
 - Confluence

.pnp.cjs

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest"
   },
   "dependencies": {
     "@tanstack/react-query": "^5.25.0",
@@ -20,20 +21,31 @@
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.28.11",
     "@tanstack/react-query-devtools": "^5.28.14",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.2",
+    "@testing-library/user-event": "^14.5.2",
     "@types/node": "^20.12.4",
     "@types/react": "^18.2.56",
     "@types/react-dom": "^18.2.19",
+    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^7.0.2",
     "@typescript-eslint/parser": "^7.0.2",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "jest": "^29.7.0",
+    "eslint-plugin-vitest": "^0.4.1",
+    "jsdom": "^24.0.0",
     "msw": "^2.2.13",
     "prettier": "^3.2.5",
     "typescript": "5.3.3",
-    "vite": "^5.1.4"
+    "vite": "^5.1.4",
+    "vitest": "^1.4.0"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
-}
+}