feat(e2e): add default test setup, update playwright config

playwright.config.ts

@@ -1,11 +1,8 @@
 import { defineConfig, devices } from "@playwright/test";
+import path from "path";
+import "dotenv/config.js";
 
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// require('dotenv').config();
-
+export const STORAGE_STATE = path.join(__dirname, "playwright/.auth/user.json");
 /**
  * See https://playwright.dev/docs/test-configuration.
  */
@@ -24,7 +21,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
+    baseURL: "http://127.0.0.1:3000",
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",
@@ -33,10 +30,27 @@ export default defineConfig({
   /* Configure projects for major browsers */
   projects: [
     {
-      name: "chromium",
+      name: "setup dashboard",
+      testMatch: /global\/setup\.dashboard\.ts/,
+    },
+    {
+      name: "setup public",
+      testMatch: /global\/setup\.public\.ts/,
+    },
+    {
+      name: "chromium dashboard",
+      dependencies: ["setup dashboard"],
+      testMatch: "dashboard/*.spec.ts",
+      use: { ...devices["Desktop Chrome"], storageState: STORAGE_STATE },
+    },
+    {
+      name: "chromium public",
+      dependencies: ["setup public"],
+      testMatch: "public/*.spec.ts",
       use: { ...devices["Desktop Chrome"] },
     },
 
+    /*
     {
       name: "firefox",
       use: { ...devices["Desktop Firefox"] },
@@ -46,6 +60,7 @@ export default defineConfig({
       name: "webkit",
       use: { ...devices["Desktop Safari"] },
     },
+    */
 
     /* Test against mobile viewports. */
     // {