chore: playwright global setup 세팅

Author: im-na0

playwright.config.ts

@@ -22,30 +22,50 @@ export default defineConfig({
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: "html",
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  globalSetup: "./tests/e2eTests/global.setup.ts",
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
-
+    baseURL: "http://localhost:5173/",
+    storageState: "./tests/e2eTests/auth.json",
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",
   },
 
   /* Configure projects for major browsers */
   projects: [
     {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
+      name: "setup",
+      testMatch: /global\.setup\.ts/,
     },
-
     {
-      name: "firefox",
-      use: { ...devices["Desktop Firefox"] },
+      name: "logged in chromium",
+      dependencies: ["setup"],
+      use: {
+        ...devices["Desktop Chrome"],
+        storageState: "./tests/e2eTests/auth.json",
+      },
+      testIgnore: ["**/authentication/**/*.ts"],
     },
-
     {
-      name: "webkit",
-      use: { ...devices["Desktop Safari"] },
+      name: "authentication",
+      use: { ...devices["Desktop Chrome"] },
+      testMatch: "**/authentication/**/*.ts",
+      testIgnore: ["**/global.setup.ts"],
     },
+    // {
+    //   name: "chromium",
+    //   use: { ...devices["Desktop Chrome"] },
+    // },
+    //
+    // {
+    //   name: "firefox",
+    //   use: { ...devices["Desktop Firefox"] },
+    // },
+    //
+    // {
+    //   name: "webkit",
+    //   use: { ...devices["Desktop Safari"] },
+    // },
 
     /* Test against mobile viewports. */
     // {

tests/e2eTests/example.spec.ts

@@ -36,7 +36,8 @@
       "@routes/*": ["./src/routes/*"],
       "@utils/*": ["./src/utils/*"],
       "@type/*": ["./src/types/*"],
-      "@store/*": ["./src/store/*"]
+      "@store/*": ["./src/store/*"],
+      "@tests/*": ["./tests/*"],
     }
   },
   "include": ["src", "tests"],

tsconfig.json

@@ -1,9 +1,10 @@
 /// <reference types="vitest" />
 
-import react from '@vitejs/plugin-react'
-import path from 'path'
-import {defineConfig} from 'vite'
-import svgr from 'vite-plugin-svgr'
+import path from "path";
+
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+import svgr from "vite-plugin-svgr";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -29,6 +30,7 @@ export default defineConfig({
       "@utils": path.resolve(__dirname, "./src/utils"),
       "@type": path.resolve(__dirname, "./src/types"),
       "@store": path.resolve(__dirname, "./src/store"),
+      "@tests": path.resolve(__dirname, "./tests"),
     },
   },
 });