Add playwright tests with Github action

bluprince13 · May 27, 2024 · b7b5f93 · b7b5f93
1 parent fa6b196
commit b7b5f93
Show file tree

Hide file tree

Showing 6 changed files with 87 additions and 471 deletions.
diff --git a/playwright.config.ts b/playwright.config.ts
@@ -1,5 +1,8 @@
 import { defineConfig, devices } from '@playwright/test'
 
+const PORT = process.env.PORT || 3000
+const BASE_URL = process.env.BASE_URL || `http://localhost:${PORT}`
+
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
@@ -24,7 +27,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: BASE_URL,
 
         /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
         trace: 'on-first-retry'
@@ -35,17 +38,17 @@ export default defineConfig({
         {
             name: 'chromium',
             use: { ...devices['Desktop Chrome'] }
-        },
+        }
 
-        {
-            name: 'firefox',
-            use: { ...devices['Desktop Firefox'] }
-        },
+        // {
+        //     name: 'firefox',
+        //     use: { ...devices['Desktop Firefox'] }
+        // },
 
-        {
-            name: 'webkit',
-            use: { ...devices['Desktop Safari'] }
-        }
+        // {
+        //     name: 'webkit',
+        //     use: { ...devices['Desktop Safari'] }
+        // }
 
         /* Test against mobile viewports. */
         // {
@@ -66,12 +69,12 @@ export default defineConfig({
         //   name: 'Google Chrome',
         //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
         // },
-    ]
+    ],
 
     /* Run your local dev server before starting the tests */
-    // webServer: {
-    //   command: 'npm run start',
-    //   url: 'http://127.0.0.1:3000',
-    //   reuseExistingServer: !process.env.CI,
-    // },
+    webServer: {
+        command: 'yarn dev',
+        url: BASE_URL,
+        reuseExistingServer: !process.env.CI
+    }
 })