test: 개발서버에 대한 테스트 추가

Author: JunilHwang

e2e/e2e-advanced.spec.ts

@@ -1,8 +1,10 @@
-import { createCSRTest, createSSGTest, createSSRTest } from "./createTests";
 import test from "@playwright/test";
+import { createCSRTest, createSSGTest, createSSRTest } from "./createTests";
 
 test.describe("E2E Test > 심화과제 (React)", () => {
+  createCSRTest(`http://localhost:5175/`);
   createCSRTest(`http://localhost:4175/front_6th_chapter4-1/react/`);
+  createSSRTest(`http://localhost:5176/`);
   createSSRTest(`http://localhost:4176/front_6th_chapter4-1/react/`);
   createSSGTest(`http://localhost:4179/front_6th_chapter4-1/react/`);
 });

e2e/e2e-basic.spec.ts

@@ -2,7 +2,9 @@ import test from "@playwright/test";
 import { createCSRTest, createSSGTest, createSSRTest } from "./createTests";
 
 test.describe("E2E Test > 기본과제 (Vanilla Javascript)", () => {
+  createCSRTest(`http://localhost:5173/`);
   createCSRTest(`http://localhost:4173/front_6th_chapter4-1/vanilla/`);
+  createSSRTest(`http://localhost:5174/`);
   createSSRTest(`http://localhost:4174/front_6th_chapter4-1/vanilla/`);
   createSSGTest(`http://localhost:4178/front_6th_chapter4-1/vanilla/`);
 });

packages/react/package.json

@@ -7,8 +7,8 @@
   },
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "dev:ssr": "node server.js",
+    "dev": "vite --port 5175",
+    "dev:ssr": "PORT=5176 node server.js",
     "build:client": "rm -rf ./dist/react && vite build --outDir ./dist/react && cp ./dist/react/index.html ./dist/react/404.html",
     "build:client-for-ssg": "rm -rf ../../dist/react && vite build --outDir ../../dist/react",
     "build:server": "vite build --outDir ./dist/react-ssr --ssr src/main-server.tsx",
@@ -21,7 +21,7 @@
     "preview:ssr-with-build": "pnpm run build:without-ssg && pnpm run preview:ssr",
     "preview:ssg": "NODE_ENV=production vite preview --outDir ../../dist/react --port 4179",
     "preview:ssg-with-build": "pnpm run build:ssg && pnpm run preview:ssg",
-    "serve:test": "pnpm run build:without-ssg && pnpm run build:ssg && (pnpm run preview:csr & pnpm run preview:ssr & pnpm run preview:ssg)",
+    "serve:test": "pnpm run build:without-ssg && pnpm run build:ssg && (pnpm run dev & pnpm run dev:ssr & pnpm run preview:csr & pnpm run preview:ssr & pnpm run preview:ssg)",
     "tsc": "tsc --noEmit",
     "lint:fix": "eslint --fix ./src",
     "prettier:write": "prettier --write ./src"

packages/vanilla/package.json

@@ -4,8 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "dev:ssr": "node server.js",
+    "dev": "vite --port 5173",
+    "dev:ssr": "PORT=5174 node server.js",
     "build:client": "rm -rf ./dist/vanilla && vite build --outDir ./dist/vanilla && cp ./dist/vanilla/index.html ./dist/vanilla/404.html",
     "build:client-for-ssg": "rm -rf ../../dist/vanilla && vite build --outDir ../../dist/vanilla",
     "build:server": "vite build --outDir ./dist/vanilla-ssr --ssr src/main-server.js",
@@ -20,7 +20,7 @@
     "preview:ssr-with-build": "pnpm run build:without-ssg && pnpm run preview:ssr",
     "preview:ssg": "vite preview --outDir ../../dist/vanilla --port 4178",
     "preview:ssg-with-build": "pnpm run build && pnpm run preview:ssg",
-    "serve:test": "pnpm run build:without-ssg && pnpm run build:ssg && (pnpm run preview:csr & pnpm run preview:ssr & pnpm run preview:ssg)",
+    "serve:test": "pnpm run build:without-ssg && pnpm run build:ssg && (pnpm run dev & pnpm run dev:ssr & pnpm run preview:csr & pnpm run preview:ssr & pnpm run preview:ssg)",
     "prepare": "husky"
   },
   "lint-staged": {