Merge pull request #12 from YAPP-Github/feat/#10

Author: Seojunhwan

eslint.config.mjs

@@ -1,7 +1,9 @@
 import { FlatCompat } from "@eslint/eslintrc";
 import vitest from "@vitest/eslint-plugin";
 import eslintConfigPrettier from "eslint-config-prettier/flat";
+import jestDom from "eslint-plugin-jest-dom";
 import simpleImportSort from "eslint-plugin-simple-import-sort";
+import testingLibrary from "eslint-plugin-testing-library";
 import { dirname } from "path";
 import { fileURLToPath } from "url";
 
@@ -30,6 +32,7 @@ const eslintConfig = [
       "no-empty": "error",
       "simple-import-sort/imports": "error",
       "simple-import-sort/exports": "error",
+      "@typescript-eslint/no-empty-object-type": "off",
       "spaced-comment": [
         "error",
         "always",
@@ -58,12 +61,21 @@ const eslintConfig = [
       "./src/**/*.test.{js,ts,jsx,tsx}",
       "./src/**/*.spec.{js,ts,jsx,tsx}",
     ],
-    plugins: {
-      vitest,
-    },
-    rules: {
-      ...vitest.configs.recommended.rules,
-    },
+    ...vitest.configs.recommended,
+  },
+  {
+    files: [
+      "./src/**/*.test.{js,ts,jsx,tsx}",
+      "./src/**/*.spec.{js,ts,jsx,tsx}",
+    ],
+    ...jestDom.configs["flat/recommended"],
+  },
+  {
+    files: [
+      "./src/**/*.test.{js,ts,jsx,tsx}",
+      "./src/**/*.spec.{js,ts,jsx,tsx}",
+    ],
+    ...testingLibrary.configs["flat/react"],
   },
   {
     plugins: {

package.json

@@ -8,6 +8,7 @@
     "start": "next start",
     "lint": "next lint",
     "lint:staged": "lint-staged",
+    "test": "vitest",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "commit": "git-cz",
@@ -32,26 +33,35 @@
     "@storybook/blocks": "^8.6.14",
     "@storybook/experimental-nextjs-vite": "8.6.14",
     "@storybook/react": "^8.6.14",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@vanilla-extract/next-plugin": "^2.4.11",
+    "@vitejs/plugin-react": "^4.5.0",
     "@vitest/browser": "^3.1.4",
     "@vitest/coverage-v8": "^3.1.4",
     "@vitest/eslint-plugin": "^1.2.1",
     "commitizen": "^4.3.1",
     "eslint": "^9",
     "eslint-config-next": "15.3.2",
     "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-testing-library": "^7.3.0",
     "inquirer": "^12.6.3",
+    "jsdom": "^26.1.0",
     "lefthook": "^1.11.13",
     "lint-staged": "^16.0.0",
     "msw": "^2.8.4",
     "playwright": "^1.52.0",
     "prettier": "^3.5.3",
     "storybook": "^8.6.14",
     "typescript": "^5",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.1.4"
   },
   "msw": {