wrapper_tests_e2e.yml

name: Wrappers E2E Tests

concurrency:
  group: wf-${{github.event.pull_request.number || github.sha}}-${{github.workflow}}
  cancel-in-progress: true

on:
  pull_request:
    paths-ignore:
      - 'apps/**/*.md'
  push:
    branches: [24_2, 25_*]
  merge_group:
  workflow_dispatch:

env:
  NX_SKIP_NX_CACHE: ${{ contains(github.event.pull_request.labels.*.name, 'skip-cache') && 'true' || 'false' }}

jobs:
  build-packages:
    runs-on: devextreme-shr2
    name: Build DevExtreme and Wrappers
    timeout-minutes: 40

    steps:
      - name: Get sources
        uses: actions/checkout@v6

      - name: Use Node.js
        uses: actions/setup-node@v6
        with:
          node-version-file: '.node-version'

      - uses: pnpm/action-setup@v6
        with:
          run_install: false

      - name: Get pnpm store directory
        shell: bash
        run: |
          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV

      - uses: actions/cache@v5
        name: Setup pnpm cache
        with:
          path: ${{ env.STORE_PATH }}
          key: ${{ runner.os }}-pnpm-cache-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.os }}-pnpm-cache

      - name: Lookup nx cache
        id: lookup-nx-cache
        uses: actions/cache/restore@v5
        with:
          path: |
            .nx/cache
            .nx/workspace-data/*.db
            .nx/workspace-data/*.db-wal
            .nx/workspace-data/*.db-shm
          key: ${{ runner.os }}-nx-v2-${{ github.workflow }}-${{ github.job }}-${{ github.sha }}
          restore-keys: |
            ${{ runner.os }}-nx-v2-${{ github.workflow }}-${{ github.job }}-${{ github.sha }}-
            ${{ runner.os }}-nx-v2-${{ github.workflow }}-${{ github.job }}-
            ${{ runner.os }}-nx-v2-

          lookup-only: true

      - name: Show nx cache status
        shell: bash
        run: |
          echo "Nx cache lookup exact hit: ${{ steps.lookup-nx-cache.outputs.cache-hit }}"
          echo "Nx cache primary key: ${{ steps.lookup-nx-cache.outputs.cache-primary-key }}"
          echo "Nx cache matched key: ${{ steps.lookup-nx-cache.outputs.cache-matched-key }}"
          if [ -z "${{ steps.lookup-nx-cache.outputs.cache-matched-key }}" ]; then
            echo "Nx cache lookup: miss"
          elif [ "${{ steps.lookup-nx-cache.outputs.cache-hit }}" = "true" ]; then
            echo "Nx cache lookup: exact hit"
          else
            echo "Nx cache lookup: partial hit via restore-keys"
          fi

      - name: Install dependencies
        run: pnpm install --frozen-lockfile

      - name: Setup nx cache
        id: setup-nx-cache
        uses: actions/cache@v5
        with:
          path: |
            .nx/cache
            .nx/workspace-data/*.db
            .nx/workspace-data/*.db-wal
            .nx/workspace-data/*.db-shm
          key: ${{ runner.os }}-nx-v2-${{ github.workflow }}-${{ github.job }}-${{ github.sha }}
          restore-keys: |
            ${{ runner.os }}-nx-v2-${{ github.workflow }}-${{ github.job }}-${{ github.sha }}-
            ${{ runner.os }}-nx-v2-${{ github.workflow }}-${{ github.job }}-
            ${{ runner.os }}-nx-v2-

      - name: Build all DevExtreme packages
        run: pnpm nx all:build-testing workflows

      - name: Build wrappers apps
        working-directory: e2e/wrappers
        run: |
          pnpm run build:all
          mkdir -p builds-artifacts
          7z a -tzip -mx3 -mmt2 builds-artifacts/react19-build.zip ./builders/react19/dist/*
          7z a -tzip -mx3 -mmt2 builds-artifacts/vue3-build.zip ./builders/vue3/dist/*
          7z a -tzip -mx3 -mmt2 builds-artifacts/angular-build.zip ./builders/angular/dist/*

      - name: Upload wrappers builds
        uses: actions/upload-artifact@v7
        with:
          name: wrappers-builds
          path: e2e/wrappers/builds-artifacts
          retention-days: 1

  test-wrappers:
    needs: build-packages
    runs-on: devextreme-shr2
    name: Test ${{ matrix.framework }}
    timeout-minutes: 30
    strategy:
      fail-fast: false
      matrix:
        framework: [react19, vue3, angular]

    steps:
      - name: Get sources
        uses: actions/checkout@v6

      - name: Download wrappers builds
        uses: actions/download-artifact@v8
        with:
          name: wrappers-builds
          path: ./wrappers-builds

      - name: Unpack wrapper build for ${{ matrix.framework }}
        run: |
          7z x wrappers-builds/${{ matrix.framework }}-build.zip -o./e2e/wrappers/builders/${{ matrix.framework }}/dist

      - name: Setup Chrome
        uses: ./.github/actions/setup-chrome
        with:
          chrome-version: '150.0.7871.181'

      - name: Use Node.js
        uses: actions/setup-node@v6
        with:
          node-version-file: '.node-version'

      - uses: pnpm/action-setup@v6
        with:
          run_install: false

      - name: Get pnpm store directory
        shell: bash
        run: |
          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV

      - uses: actions/cache@v5
        name: Setup pnpm cache
        with:
          path: ${{ env.STORE_PATH }}
          key: ${{ runner.os }}-pnpm-cache-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.os }}-pnpm-cache

      - name: Install dependencies
        run: pnpm install --frozen-lockfile

      - name: Start server for ${{ matrix.framework }}
        working-directory: e2e/wrappers
        run: |
          pnpm run start:${{ matrix.framework }} &
          sleep 10

      - name: Run tests for ${{ matrix.framework }}
        working-directory: e2e/wrappers
        run: pnpm run test:${{ matrix.framework }}

      - name: Upload test artifacts on failure
        if: ${{ failure() }}
        uses: actions/upload-artifact@v7
        with:
          name: test-fails-${{matrix.framework}}
          path: e2e/wrappers/screenshots
          if-no-files-found: ignore