feat(ci): add E2E test action and integrate into CI workflow

Author: Romarionijim

.github/actions/e2e-tests/action.yaml

@@ -0,0 +1,36 @@
+name: E2E Tests 
+description: Run E2E tests
+
+inputs:
+  test_tags:
+    description: 'Tags to filter tests'
+    required: true
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+
+    - name: 📦 Install dependencies
+      shell: bash
+      run: npm ci
+      working-directory: tests
+
+    - name: 📦🌐 Install Playwright dependencies 
+      shell: bash
+      run: npx playwright install --with-deps
+
+    - name: 🎭 Run tests
+      shell: bash
+      run: npx playwright test --grep "${{ inputs.test_tags }}"
+      working-directory: tests
+
+    - name: 📤 Upload Playwright report
+      uses: actions/upload-artifact@v4.3.1
+      if: always()
+      with:
+        name: playwright-report-${{ github.job }}
+        path: playwright-report/
+        retention-days: 14

.github/workflows/ci.yml

@@ -19,101 +19,43 @@ jobs:
   critical-test-run:
     timeout-minutes: 60
     runs-on: ubuntu-latest
-    strategy:
-      fail-fast: false
-      matrix:
-        browsers: ['chromium']
-        greps: ['@LOGIN', '@SIGN_UP', '@SANITY', '@MEN_CATEGORY_SHOP']
+    if: ${{ !cancelled() }}
     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: BASE_URL=${{ env.BASE_URL }} npx playwright test --grep ${{ matrix.greps }} --project=${{ matrix.browsers }}
-    - uses: actions/upload-artifact@v4
-      if: always()
-      with:
-        name: playwright-report-${{ github.job }}
-        path: playwright-report/
-        retention-days: 30
-    - name: Deploy Playwright report to GitHub Pages
-      uses: peaceiris/actions-gh-pages@v3
-      with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: playwright-report/
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: run critical tests
+        uses: ./.github/actions/e2e-tests
+        with:
+          test_tags: '@LOGIN|@SIGN_UP'
 
   regression-test-run:
     timeout-minutes: 60
     runs-on: ubuntu-latest
-    needs: critical-test-run
     if: ${{ !cancelled() }}
-    strategy:
-      fail-fast: false
-      matrix:
-        browsers: ['chromium']
-        greps: ['@LOGIN', '@SIGN_UP', '@SANITY', '@MEN_CATEGORY_SHOP']
     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: BASE_URL=${{ env.BASE_URL }} npx playwright test --grep ${{ matrix.greps }} --project=${{ matrix.browsers }}
-    - uses: actions/upload-artifact@v4
-      if: always()
-      with:
-        name: playwright-report-${{ github.job }}
-        path: playwright-report/
-        retention-days: 30
-    - name: Deploy Playwright report to GitHub Pages
-      uses: peaceiris/actions-gh-pages@v3
-      with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: playwright-report/
+      - name: Checkout code
+        uses: actions/checkout@v2
+      
+      - name: run regression tests
+        uses: ./.github/actions/e2e-tests
+        with:
+          test_tags: '@LOGIN|@SIGN_UP'
 
   sanity-test-run:
     timeout-minutes: 60
     runs-on: ubuntu-latest
-    needs: 
-      - critical-test-run
-      - regression-test-run
     if: ${{ !cancelled() }}
-    strategy:
-      fail-fast: false
-      matrix:
-        browsers: ['chromium']
-        greps: ['@LOGIN', '@SIGN_UP', '@SANITY', '@MEN_CATEGORY_SHOP']
     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: BASE_URL=${{ env.BASE_URL }} npx playwright test --grep ${{ matrix.greps }} --project=${{ matrix.browsers }}
-    - uses: actions/upload-artifact@v4
-      if: always()
-      with:
-        name: playwright-report-${{ github.job }}
-        path: playwright-report/
-        retention-days: 30
-    - name: Deploy Playwright report to GitHub Pages
-      uses: peaceiris/actions-gh-pages@v3
-      with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: playwright-report/
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: run sanity tests
+        uses: ./.github/actions/e2e-tests
+        with:
+          test_tags: '@LOGIN|@SIGN_UP'
+
+
 
   # status_checks:
   #   name: E2E status checks
@@ -132,7 +74,7 @@ jobs:
   #     - name: set pr status checks
   #       uses: teamniteo/pull_request_status_action@v1.0.0
   #       with:
-  #         pr_number: ${{ github.event.pull_request.number }}
+  #         pr_number: ${{ github }}
   #         state: ${{ steps.status-check-status.outputs.status }}
   #         repository: Romarionijim/Playwright-TypeScript-Mini-Project
   #       env: