phpmyadmin/.github/workflows/frontend-tests.yml

name: Frontend analysis and tests

on:
  push:
  pull_request:
    paths:
      - 'resources/js/**'
      - '**.s?css'
      - 'tests/javascript/**'
      - '.browserslistrc'
      - '.eslint*'
      - '*.cjs'
      - 'package.json'
      - 'tsconfig.json'
      - 'yarn.lock'

permissions:
  contents: read

env:
  node-version: '24'

jobs:
  javascript-test:
    name: Test JavaScript files
    runs-on: ${{ matrix.os }}
    strategy:
      matrix:
        os: [ ubuntu-latest, windows-latest ]
    steps:
      - name: Checkout code
        uses: actions/checkout@v7
        with:
          persist-credentials: false

      - name: Set up Node
        uses: actions/setup-node@v7
        with:
          node-version: '${{ env.node-version }}'
          cache: 'yarn'

      - name: Install modules
        run: yarn install --non-interactive

      - name: Run tests
        run: yarn test --color

  javascript-lint:
    name: Lint JavaScript files
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v7
        with:
          persist-credentials: false

      - name: Set up Node
        uses: actions/setup-node@v7
        with:
          node-version: '${{ env.node-version }}'
          cache: 'yarn'

      - name: Install modules
        run: yarn install --non-interactive

      - name: Lint JavaScript files
        run: yarn run js-lint --quiet

  css-lint:
    name: Lint CSS files
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v7
        with:
          persist-credentials: false

      - name: Set up Node
        uses: actions/setup-node@v7
        with:
          node-version: '${{ env.node-version }}'
          cache: 'yarn'

      - name: Install modules
        run: yarn install --non-interactive

      - name: Lint CSS files
        run: yarn run css-lint