frontend.yml

# ---------------------------------------------------------------------------
# Licensed to the Apache Software Foundation (ASF) under one or more
# contributor license agreements.  See the NOTICE file distributed with
# this work for additional information regarding copyright ownership.
# The ASF licenses this file to You under the Apache License, Version 2.0
# (the "License"); you may not use this file except in compliance with
# the License.  You may obtain a copy of the License at
#
#      http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
# ---------------------------------------------------------------------------

name: frontend
on:
  pull_request:
    branches:
      - main
    paths-ignore:
      - '**.adoc'
      - '**.md'
      - 'KEYS'
      - 'LICENSE'
      - 'NOTICE'
  push:
    branches:
      - main
    paths-ignore:
      - '**.adoc'
      - '**.md'
      - 'KEYS'
      - 'LICENSE'
      - 'NOTICE'
jobs:
  simulator-ui:
    strategy:
      fail-fast: true
      matrix:
        node-version: [ 22 ]
        os: [ ubuntu-20.04 ]
    runs-on: ${{ matrix.os }}
    steps:
      - uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}
      - name: Checkout code
        uses: actions/checkout@v4
      - name: Info
        run: |
          node --version
          npm --version
      - name: Install dependencies
        run: npm ci --cache .npm --force
        working-directory: simulator-ui
      - name: Prettier
        run: npm run prettier:check
        working-directory: simulator-ui
      - name: Frontend Tests
        run: npm run ci:frontend:test
        working-directory: simulator-ui
  e2e:
    timeout-minutes: 60
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - name: See if current directory is the right one
        run: ls
        working-directory: simulator-ui
      - name: Install dependencies
        run: npm ci --cache .npm --force
        working-directory: simulator-ui
      - name: Install Playwright Browsers
        run: npx playwright install --with-deps
        working-directory: simulator-ui
      - name: Run Playwright tests
        run: npm run e2e
        working-directory: simulator-ui
      - uses: actions/upload-artifact@v4
        with:
          name: test-results
          path: test-results/
          retention-days: 30
      - uses: actions/upload-artifact@v4
        if: ${{ !cancelled() }}
        with:
          name: playwright-report
          path: playwright-report/
          retention-days: 30
      - name: See if current directory test report is generated
        run: ls
        working-directory: simulator-ui