Comment out current Playwright Testing job in github action and creat…

…e new one

.github/workflows/ci.yml

@@ -49,26 +49,26 @@ jobs:
           - name: tests
             run: pnpm test   
 #Playwright Testing
-    playwright-test:
-      timeout-minutes: 60000
-      runs-on: ubuntu-latest
+    # playwright-test:
+    #   timeout-minutes: 60000
+    #   runs-on: ubuntu-latest
 
-      steps:
-        - uses: actions/checkout@v4
-        - uses: actions/setup-node@v4
-          with:
-            node-version: lts/*
-        - name: Install dependencies
-          run: npm install -g pnpm && pnpm install
-        - name: Install Playwright Browsers
-          run: pnpm exec playwright install --with-deps
-        - name: Run Playwright tests
-          run: pnpm exec playwright test
-        - uses: actions/upload-artifact@v4
-          if: always()
-          with:
-            name: playwright-report
-            path: playwright-report/
-            retention-days: 30
+    #   steps:
+    #     - uses: actions/checkout@v4
+    #     - uses: actions/setup-node@v4
+    #       with:
+    #         node-version: lts/*
+    #     - name: Install dependencies
+    #       run: npm install -g pnpm && pnpm install
+    #     - name: Install Playwright Browsers
+    #       run: pnpm exec playwright install --with-deps
+    #     - name: Run Playwright tests
+    #       run: pnpm exec playwright test
+    #     - uses: actions/upload-artifact@v4
+    #       if: always()
+    #       with:
+    #         name: playwright-report
+    #         path: playwright-report/
+    #         retention-days: 30
 
 

.github/workflows/e2e.yml

@@ -0,0 +1,38 @@
+name: e2e tests
+on:
+  pull_request:
+    branches:
+      - main
+      - develop
+
+      jobs:
+        test_setup:
+          name: Test setup
+          runs-on: ubuntu-latest
+          outputs:
+            prevuew_url: ${{ steps.waitForVercelPreviewDeployment.outputs.url }}
+          steps:
+            - name: Wait for Vercel Preview
+            uses: patrickedqvist/[email protected]
+            id: waitForVercelPreviewDeployment
+            with:
+              token: ${{ secrets.GITHUB_TOKEN }}
+              max_timeout: 600
+
+        test_e2e:
+          needs: tests_setup
+          name: Playwright tests
+          timeout-minutes: 5
+          runs-on: ubuntu-latest
+          steps:
+            - name: Prepare testing env
+              uses: actions/checkout@v2
+            - uses: actions/setup-node@v2
+              with
+                node-version: "14"
+            - run: npm ci
+            - run: npx playwright install --with-deps
+            - name: Run tests
+              run: npm run test:e2e
+              env:
+                PLAYWRIGHT_TEST_BASE_URL: ${{ needs.test_setup.outputs.preview_url }}

playwright.config.ts

@@ -43,10 +43,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:
-      currentBranch === 'main'
-        ? 'https://www.gridironsurvivor.com'
-        : 'http://localhost:3000',
+    baseURL: process.env.PLAYWRIGHT_TEST_BASE_URL || 'http://localhost:3000',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
@@ -73,10 +70,7 @@ export default defineConfig({
   /* Run your local dev server before starting the tests */
   webServer: {
     command: currentBranch === 'main' ? 'npm run build' : 'npm run dev',
-    url:
-      currentBranch === 'main'
-        ? 'https://www.gridironsurvivor.com'
-        : 'http://localhost:3000',
+    url: process.env.PLAYWRIGHT_TEST_BASE_URL || 'http://localhost:3000',
     reuseExistingServer: !process.env.CI,
   },
 });