[9팀 신홍준] Chapter 🦍 3-1. 프론트엔드 테스트 코드 🦍

.github/workflows/ci.yml

@@ -4,30 +4,11 @@ on:
   pull_request_target:
     types:
       - synchronize
-      - opened
+      - opened 
       - reopened
-
   workflow_dispatch:
 
 jobs:
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-          ref: ${{ github.event.pull_request.head.sha }}
-      - uses: pnpm/action-setup@v4
-        with:
-          version: latest
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          cache: 'pnpm'
-      - name: test basic
-        run: |
-          pnpm install
-          pnpm run lint
   test:
     runs-on: ubuntu-latest
     steps:
@@ -45,4 +26,4 @@ jobs:
       - name: test basic
         run: |
           pnpm install
-          pnpm run test
+          pnpm run test

package.json

@@ -12,15 +12,17 @@
     "test:ui": "vitest --ui",
     "test:coverage": "vitest run --coverage",
     "build": "tsc -b && vite build",
-    "lint:eslint": "eslint . --ext ts,tsx --report-unused-disable-directives",
+    "lint:eslint": "eslint . --ext ts,tsx --report-unused-disable-directives --quiet",
     "lint:tsc": "tsc --pretty",
     "lint": "pnpm lint:eslint && pnpm lint:tsc"
   },
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@eslint/js": "^9.33.0",
     "@mui/icons-material": "7.2.0",
     "@mui/material": "7.2.0",
+    "crypto": "^1.0.1",
     "express": "^4.19.2",
     "framer-motion": "^12.23.0",
     "msw": "^2.10.3",
@@ -37,6 +39,7 @@
     "@typescript-eslint/eslint-plugin": "^8.35.0",
     "@typescript-eslint/parser": "^8.35.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
+    "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^2.0.3",
     "@vitest/ui": "^3.2.4",
     "concurrently": "^8.2.2",

server.js

@@ -1,4 +1,3 @@
-import { randomUUID } from 'crypto';
 import fs from 'fs';
 import { readFile } from 'fs/promises';
 import path from 'path';
@@ -24,7 +23,7 @@ app.get('/api/events', async (_, res) => {
 
 app.post('/api/events', async (req, res) => {
   const events = await getEvents();
-  const newEvent = { id: randomUUID(), ...req.body };
+  const newEvent = { id: crypto.randomUUID(), ...req.body };
 
   fs.writeFileSync(
     `${__dirname}/src/__mocks__/response/realEvents.json`,