fix: vitest config 공통화 등 자잘한 수정사항 반영

.github/workflows/coverage.yaml

@@ -23,7 +23,7 @@ jobs:
       - name: 의존성 설치
         run: pnpm install
       - name: 테스트
-        run: pnpm vitest --coverage
+        run: pnpm run test --coverage
       - name: 코드커버리지 업로드
         uses: codecov/codecov-action@v5
         with:

.templates/component/vitest.config.ts

@@ -1,9 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    passWithNoTests: true,
-    watch: false,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);

package.json

@@ -4,7 +4,8 @@
   "type": "module",
   "scripts": {
     "build:storybook": "storybook build",
-    "dev:storybook": "storybook dev -p 6006"
+    "dev:storybook": "storybook dev -p 6006",
+    "test": "vitest"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
@@ -19,15 +20,15 @@
     "@tsconfig/strictest": "^2.0.5",
     "@types/node": "^22.8.1",
     "@typescript-eslint/parser": "^8.19.0",
-    "@vitest/coverage-v8": "2.1.4",
+    "@vitest/coverage-v8": "catalog:",
     "chromatic": "^11.19.0",
     "eslint": "^9.17.0",
     "knip": "catalog:",
     "sanitize.css": "^13.0.0",
     "storybook": "catalog:",
     "tsup": "catalog:",
     "typescript": "catalog:",
-    "vitest": "^2.1.8"
+    "vitest": "catalog:"
   },
   "packageManager": "pnpm@9.7.1"
 }

packages/Input/vitest.config.ts

@@ -1,12 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-    css: true,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);

packages/badge/package.json

@@ -35,7 +35,6 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@types/react": "^18.3.12",
-    "@vitest/coverage-v8": "2.1.4",
     "happy-dom": "catalog:",
     "react": "^18.3.1",
     "sanitize.css": "^13.0.0",

packages/badge/vitest.config.ts

@@ -1,16 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    coverage: {
-      include: ['./src/**/*.{ts,tsx}'],
-      exclude: ['./src/**/*.stories.tsx', './src/env.d.ts', './src/index.ts'],
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
     },
-    css: true,
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-  },
-});
+  }),
+);

packages/card/package.json

@@ -36,7 +36,6 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@types/react": "^18.3.12",
-    "@vitest/coverage-v8": "2.1.4",
     "happy-dom": "catalog:",
     "react": "^18.3.1",
     "sanitize.css": "^13.0.0",

packages/card/vitest.config.ts

@@ -1,16 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    coverage: {
-      include: ['./src/**/*.{ts,tsx}'],
-      exclude: ['./src/**/*.stories.tsx', './src/env.d.ts', './src/index.ts'],
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
     },
-    css: true,
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-  },
-});
+  }),
+);

packages/divider/src/Divider.stories.tsx

@@ -3,6 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Divider } from './Divider';
 
 const meta = {
+  title: 'Divider',
   component: Divider,
   parameters: {
     layout: 'centered',

packages/divider/vitest.config.ts

@@ -1,12 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-    css: true,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);

packages/radio-group/src/RadioGroup.stories.tsx

@@ -4,6 +4,7 @@ import { Radio } from './Radio';
 import { RadioGroup } from './RadioGroup';
 
 const meta = {
+  title: 'RadioGroup',
   component: RadioGroup,
   parameters: {
     layout: 'centered',

packages/radio-group/vitest.config.ts

@@ -1,11 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    passWithNoTests: true,
-    watch: false,
-    setupFiles: ['./vitest.setup.ts'],
-    globals: true,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);

packages/skeleton/vitest.config.ts

@@ -1,12 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-    css: true,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);

packages/switch/vitest.config.ts

@@ -1,12 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-    css: true,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);

packages/tooltip/global.d.ts

@@ -0,0 +1 @@
+declare module '*.module.css';

packages/tooltip/vitest.config.ts

@@ -1,12 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-    css: true,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);

packages/typography/global.d.ts

@@ -0,0 +1 @@
+declare module '*.module.css';

packages/typography/vitest.config.ts

@@ -1,12 +1,11 @@
-import { defineConfig } from 'vitest/config';
+import { defineProject, mergeConfig } from 'vitest/config';
+import defaultConfig from '../../vitest.config';
 
-export default defineConfig({
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    passWithNoTests: true,
-    setupFiles: './vitest.setup.ts',
-    watch: false,
-    css: true,
-  },
-});
+export default mergeConfig(
+  defaultConfig,
+  defineProject({
+    test: {
+      setupFiles: './vitest.setup.ts',
+    },
+  }),
+);