From 09b765a101d274142decbdba6f72156f8913458a Mon Sep 17 00:00:00 2001
From: Caesar Kabalan <caesar.kabalan@gmail.com>
Date: Tue, 15 Oct 2024 00:27:02 -0700
Subject: [PATCH] Update Build Pipeline

---
 ...er_build_and_push.yml => docker-build.yml} | 27 ++++++--------
 .github/workflows/ui-testing.yml              | 35 +++++++++++++++++++
 2 files changed, 46 insertions(+), 16 deletions(-)
 rename .github/workflows/{docker_build_and_push.yml => docker-build.yml} (72%)
 create mode 100644 .github/workflows/ui-testing.yml

diff --git a/.github/workflows/docker_build_and_push.yml b/.github/workflows/docker-build.yml
similarity index 72%
rename from .github/workflows/docker_build_and_push.yml
rename to .github/workflows/docker-build.yml
index 57e37f0..d517043 100644
--- a/.github/workflows/docker_build_and_push.yml
+++ b/.github/workflows/docker-build.yml
@@ -1,38 +1,33 @@
-name: docker
+name: Docker Build
 
 on:
-  push:
-    branches:
-      - 'develop'
-      - 'main'
+  #push:
+  #  branches:
+  #    - 'develop'
+  #    - 'main'
+  workflow_dispatch:
 
 env:
   DOCKERHUB_TAG: ${{ github.ref_name == 'main' && 'latest' || 'develop' }}
 
-
 jobs:
   docker:
     runs-on: ubuntu-latest
     steps:
-      -
-        name: Set up QEMU
+      - name: Set up QEMU
         uses: docker/setup-qemu-action@v3
-      -
-        name: Set up Docker Buildx
+      - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v3
-      -
-        name: Login to Docker Hub
+      - name: Login to Docker Hub
         uses: docker/login-action@v3
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
-      - 
-        id: container_name
+      - id: container_name
         uses: ASzc/change-string-case-action@v5
         with:
           string: ${{ github.repository_owner }}/${{ github.event.repository.name }}
-      -
-        name: Build and push
+      - name: Build and push
         uses: docker/build-push-action@v5
         with:
           push: true
diff --git a/.github/workflows/ui-testing.yml b/.github/workflows/ui-testing.yml
new file mode 100644
index 0000000..41b4063
--- /dev/null
+++ b/.github/workflows/ui-testing.yml
@@ -0,0 +1,35 @@
+name: UI Testing (Playwright)
+on:
+  push:
+    branches:
+      - main
+      - develop
+  pull_request:
+    branches:
+      - main
+      - develop
+jobs:
+  test:
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - run: npm ci
+      working-directory: ./src
+    - run: npm run build --if-present
+      working-directory: ./src
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+      working-directory: ./src
+    - name: Run Playwright tests
+      run: npm test
+      working-directory: ./src
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30