chore: Vitest 유닛 테스트 환경 초기 설정

.github/workflows/ci.yml

@@ -10,7 +10,7 @@ permissions:
 
 jobs:
   ci:
-    name: Lint, Type Check
+    name: Lint, Type Check, Unit Test
     runs-on: ubuntu-latest
 
     steps:
@@ -45,6 +45,9 @@ jobs:
       - name: Type Check
         run: pnpm check-types
 
+      - name: Unit Test
+        run: pnpm test
+
   e2e:
     name: E2E (Playwright)
     runs-on: ubuntu-latest

apps/web/eslint.config.mjs

@@ -8,5 +8,5 @@ export default defineConfig([
   ...baseConfig,
   ...nextVitals,
   ...nextTs,
-  globalIgnores(['.next/**', 'out/**', 'build/**', 'next-env.d.ts']),
+  globalIgnores(['.next/**', '.next-diag/**', 'out/**', 'build/**', 'next-env.d.ts']),
 ]);

apps/web/package.json

@@ -8,6 +8,8 @@
     "start": "next start",
     "lint": "eslint",
     "check-types": "next typegen && tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui"
   },
@@ -46,6 +48,7 @@
     "react-grab": "0.1.29",
     "shadcn": "^4.10.0",
     "tailwindcss": "^4.2.2",
-    "typescript": "5.9.2"
+    "typescript": "5.9.2",
+    "vitest": "^4.1.11"
   }
 }

apps/web/src/app/tournament/[id]/create/_utils/tournamentItemBasket.test.ts

@@ -0,0 +1,43 @@
+import { describe, expect, it } from 'vitest';
+
+import { BASKET_COUNT, ITEMS_PER_BASKET } from '../_consts/tournamentItemBasket';
+import { getActiveBasketCount, getBasketIndexForLastItem } from './tournamentItemBasket';
+
+const MAX_ITEM_COUNT = ITEMS_PER_BASKET * BASKET_COUNT;
+
+describe('getActiveBasketCount', () => {
+  it('아이템이 없으면 빈 바구니 1개를 보여준다', () => {
+    expect(getActiveBasketCount(0)).toBe(1);
+  });
+
+  it('바구니가 채워지는 중이면 채워진 바구니까지만 보여준다', () => {
+    expect(getActiveBasketCount(1)).toBe(1);
+    expect(getActiveBasketCount(ITEMS_PER_BASKET - 1)).toBe(1);
+    expect(getActiveBasketCount(ITEMS_PER_BASKET + 1)).toBe(2);
+  });
+
+  it('바구니가 꽉 차면 다음 빈 바구니를 미리 열어준다', () => {
+    expect(getActiveBasketCount(ITEMS_PER_BASKET)).toBe(2);
+    expect(getActiveBasketCount(ITEMS_PER_BASKET * 2)).toBe(3);
+  });
+
+  it('마지막 바구니가 꽉 차도 BASKET_COUNT 를 넘기지 않는다', () => {
+    expect(getActiveBasketCount(MAX_ITEM_COUNT - 1)).toBe(BASKET_COUNT);
+    expect(getActiveBasketCount(MAX_ITEM_COUNT)).toBe(BASKET_COUNT);
+  });
+});
+
+describe('getBasketIndexForLastItem', () => {
+  it('아이템이 없으면 첫 번째 바구니를 가리킨다', () => {
+    expect(getBasketIndexForLastItem(0)).toBe(0);
+  });
+
+  it('바구니 경계에서 다음 바구니로 넘어간다', () => {
+    expect(getBasketIndexForLastItem(ITEMS_PER_BASKET)).toBe(0);
+    expect(getBasketIndexForLastItem(ITEMS_PER_BASKET + 1)).toBe(1);
+  });
+
+  it('마지막 바구니 인덱스를 넘기지 않는다', () => {
+    expect(getBasketIndexForLastItem(MAX_ITEM_COUNT)).toBe(BASKET_COUNT - 1);
+  });
+});

apps/web/vitest.config.mts

@@ -0,0 +1,15 @@
+import path from 'node:path';
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    environment: 'node',
+    include: ['src/**/*.test.ts'],
+    exclude: ['node_modules/**', '.next/**', 'e2e/**'],
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(import.meta.dirname, './src'),
+    },
+  },
+});

package.json

@@ -10,6 +10,7 @@
     "install:web": "pnpm --filter piki-web install",
     "dev:web": "pnpm --filter piki-web dev",
     "build:web": "pnpm --filter piki-web build",
+    "test": "turbo run test",
     "test:e2e": "pnpm --filter piki-web test:e2e",
     "install:app": "pnpm --filter piki-app install",
     "dev:app": "pnpm --filter piki-app start"