ui.yml

name: UI

on:
  # Triggers the workflow on push or pull request events but only for the main branch
  push:
    branches: [main]
  pull_request:
    branches: [main]
    types:
      - opened
      - reopened
      - synchronize
      - ready_for_review

  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:

concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true
jobs:
  changed_files:
    runs-on: ubuntu-22.04 # windows-latest || macos-latest
    name: 👀 List Changed UI Files
    outputs:
      ui_any_modified: ${{ steps.changed-files.outputs.ui_any_modified == 'true' }}
      evidently_python_any_modified: ${{ steps.changed-files.outputs.evidently_python_any_modified == 'true' }}
    steps:
      - uses: actions/checkout@v4

      - name: Get all UI files that have changed
        id: changed-files
        uses: tj-actions/changed-files@v42
        with:
          files_yaml: |
            ui:
              - .github/**
              - ui/**
            evidently_python:
              - .github/**
              - src/evidently/**
              - requirements.dev.txt
              - requirements.min.txt
              - setup.py
              - setup.cfg
              - setupbase.py

      - name: Run step if UI file(s) changed
        if: steps.changed-files.outputs.ui_any_modified == 'true'
        run: |
          echo "One or more ui file(s) has changed."
          echo "List all the files that have changed: ${{ steps.changed-files.outputs.ui_all_changed_and_modified_files }}"

      - name: Run step if Playwright file(s) changed
        if: steps.changed-files.outputs.evidently_python_any_modified == 'true'
        run: |
          echo "One or more evidently_python file(s) has changed."
          echo "List all the files that have changed: ${{ steps.changed-files.outputs.evidently_python_all_changed_and_modified_files }}"

  ui-code-check:
    name: UI code-check
    runs-on: ubuntu-22.04
    needs: changed_files
    if: ${{ github.event.pull_request.draft == false && (needs.changed_files.outputs.ui_any_modified == 'true' || needs.changed_files.outputs.evidently_python_any_modified == 'true') }}

    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v4

      - name: 📥 Install ui dependencies
        uses: ./.github/share-actions/ui-node-pnpm-install

      - name: 👌 Get types for UI
        uses: ./.github/share-actions/ui-types-from-backend

      - name: 🔬 Type check
        working-directory: ui
        run: pnpm type-check

      - name: 🔬 Check code quality
        working-directory: ui
        run: pnpm code-check

  ui-deps-analyze:
    name: UI deps analyze
    runs-on: ubuntu-22.04
    needs: changed_files
    if: ${{ github.event.pull_request.draft == false && needs.changed_files.outputs.ui_any_modified == 'true' }}

    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v4

      - name: 📥 Install ui dependencies
        uses: ./.github/share-actions/ui-node-pnpm-install

      - name: 🔬 Analyze deps
        working-directory: ui/service
        run: npx vite-bundle-visualizer@1.0.0 -o vite-bundle-report/index.html

      - uses: actions/upload-artifact@v4
        if: always()
        with:
          name: vite-bundle-visualizer
          path: ui/service/vite-bundle-report
          retention-days: 30

  ui-build:
    name: UI build
    runs-on: ubuntu-22.04
    needs: changed_files
    if: ${{ github.event.pull_request.draft == false && needs.changed_files.outputs.ui_any_modified == 'true' }}

    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v4

      - name: 📥 Install ui dependencies
        uses: ./.github/share-actions/ui-node-pnpm-install

      - name: 🔧 Build
        working-directory: ui
        run: pnpm build

  ui-test:
    name: UI playwright tests
    runs-on: ubuntu-22.04
    needs: changed_files
    if: ${{ github.event.pull_request.draft == false && needs.changed_files.outputs.evidently_python_any_modified == 'true' }}

    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v4

      - uses: actions/setup-python@v5
        with:
          python-version: "3.11"
          architecture: "x64"
          cache: "pip"

      - name: Install Evidently
        run: pip install -e .

      - name: Install dvc
        run: pip install 'dvc[gs]==3.50.1'

      - name: Pull test data
        run: dvc pull

      - name: 📥 Install ui dependencies
        uses: ./.github/share-actions/ui-node-pnpm-install

      - name: Install Playwright Browsers
        working-directory: ui/service
        run: pnpm exec playwright install --with-deps chromium

      - name: 🔍 Get bikes dataset cached
        uses: ./.github/share-actions/get-bikes-dataset-cached

      - name: Run UI
        run: EXPERIMENTAL_DETERMINISTIC_UUID="true" evidently ui --port 8000 --workspace workspace-for-visual-testing --demo-projects all &

      - name: Wait UI to be ready to test
        working-directory: ui/service
        run: pnpm wait-on tcp:127.0.0.1:8000 -t 4m

      - name: Run Service Playwright tests
        working-directory: ui/service
        run: pnpm test

      - uses: actions/upload-artifact@v4
        if: always()
        with:
          name: playwright-report
          path: ui/service/playwright-report/
          retention-days: 30