02-e2e-showcases.yml

name: 🎭 Playwright E2E

on:
  workflow_call:
    inputs:
      version:
        required: true
        type: string
      showcase:
        required: true
        type: string
      path:
        required: false
        type: string

permissions:
  actions: write
  contents: write

jobs:
  playwright-showcases:
    name: 🧪🎭 - ${{ inputs.showcase }}:${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
    runs-on: ubuntu-latest
    container:
      image: mcr.microsoft.com/playwright:v${{ inputs.version }}
    strategy:
      fail-fast: false
      matrix:
        shardIndex: [1, 2, 3, 4, 5, 6]
        shardTotal: [6]
    steps:
      - name: ⏬ Checkout repo
        uses: actions/checkout@v4

      - name: 🔄 Init Cache
        uses: ./.github/actions/npm-cache

      - name: 📲 Install esbuild (binary workaround)
        run: npm i -D esbuild-linux-64

      - name: ⏬ Download foundations build
        uses: actions/download-artifact@v4
        with:
          name: db-ui-foundations-build
          path: packages/foundations/build

      - name: ⏬ Download output
        uses: actions/download-artifact@v4
        with:
          name: db-ui-output
          path: output

      - name: ⏬ Download components styles build
        uses: actions/download-artifact@v4
        with:
          name: db-ui-components-build
          path: packages/components/build

      - name: ⏬ Download ${{ inputs.showcase }}
        uses: actions/download-artifact@v4
        with:
          name: db-ui-${{ inputs.showcase }}
          path: build-showcases/${{ inputs.showcase }}

      - name: 🧴 Copy patternhub testing app
        if: inputs.path
        shell: bash
        run: |
          mkdir -p ./build-showcases${{ inputs.path }}
          cp -RT ./build-showcases/${{ inputs.showcase }} ./build-showcases${{ inputs.path }}

      - name: 👩‍🔬 Test showcase with Playwright 🎭
        shell: bash
        env:
          HOME: /root
          NEXT_PUBLIC_BASE_PATH: ${{ inputs.path }}
        run: |
          ls ./build-showcases${{ inputs.path }}
          npm run test:e2e --workspace=${{ inputs.showcase }} -- --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}

      - name: 🔣 Print GitHub Report
        if: failure()
        shell: bash
        run: |
          npx playwright merge-reports --reporter github ./blob-report

      - name: 🆙 Upload test results
        if: failure()
        uses: actions/upload-artifact@v4
        with:
          name: ${{ inputs.showcase }}-playwright-results-${{ matrix.shardIndex }}
          path: ./showcases/${{ inputs.showcase }}/test-results
          retention-days: 30

      - name: 🆙 Upload aChecker results
        if: failure()
        uses: actions/upload-artifact@v4
        with:
          name: ${{ inputs.showcase }}-showcase-achecker-results-${{ matrix.shardIndex }}
          path: ./showcases/${{ inputs.showcase }}-showcase/results
          retention-days: 30