eap(update-ci): Update CI for playwright

Author: barshathakuri

.github/workflows/ci.yml

@@ -63,7 +63,7 @@ jobs:
           path: packages/ui/dist
 
   test:
-    name: Run tests
+    name: Run tests (Unit + Playwright)
     environment: 'test'
     runs-on: ubuntu-latest
     defaults:
@@ -87,8 +87,14 @@ jobs:
           name: ui-build
           path: packages/ui/dist
 
-      - name: Run test
-        run: pnpm test
+      - name: Build app
+        run: pnpm build
+
+      - name: Install Playwright browsers
+        run: pnpm exec playwright install --with-deps
+
+      - name: Run Playwright tests
+        run: pnpm exec playwright test
 
   translation:
     continue-on-error: true

.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

package.json

@@ -45,8 +45,5 @@
       "@togglecorp/[email protected]": "patches/@[email protected]",
       "[email protected]": "patches/[email protected]"
     }
-  },
-  "dependencies": {
-    "json5": "^2.2.3"
   }
 }

packages/e2e-tests/package.json

@@ -2,7 +2,9 @@
   "name": "e2e-tests",
   "version": "1.0.0",
   "main": "index.js",
-  "scripts": {},
+  "scripts": {
+    "test:e2e": "playwright test"
+  },
   "keywords": [],
   "author": "",
   "license": "ISC",

packages/e2e-tests/playwright.config.ts

@@ -13,6 +13,12 @@ import { defineConfig, devices } from '@playwright/test';
  */
 export default defineConfig({
   testDir: './tests',
+  testMatch: '**/*.spec.ts',
+  testIgnore: [
+    '**/*.test.ts',
+    '**/app/**',
+    '**/packages/ui/**',
+  ],
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */

packages/e2e-tests/tests/eap_regis.spec.ts

@@ -1,9 +1,13 @@
 import { test, expect } from '@playwright/test';
 import JSON5 from 'json5';
 import fs from 'fs';
+import path from 'path';
 
-// Load JSON5
-const data = JSON5.parse(fs.readFileSync('eap_regis_data.json5', 'utf-8'));
+const dataPath = path.resolve(__dirname, 'eap_regis_data.json5');
+
+const data = JSON5.parse(
+  fs.readFileSync(dataPath, 'utf-8'),
+);
 
 // Function to fill contact fields
 async function fillContact(page,prefix: string,contact: { name: string; title: string; email: string; phone: string })

packages/e2e-tests/tests/eap_regis_data.json5

@@ -1,6 +1,6 @@
 {
   username: "[email protected]",
-  password: "kvZYZ&Ry72R5uBA*5k",
+  password: "kvZYZ&Ry72R5uBY*5k",
 
   eapForm: {
     national_society: "Afghan Red Crescent Society",