design-system-component-testing.yml

name: Design System component testing

on:
  push:
    paths:
      - ".github/workflows/design-system-*"
      - "packages/design-tokens/**"
      - "packages/design-system/**"

permissions:
  contents: read
  deployments: read
  pull-requests: write
  statuses: write

jobs:
  cypress-run:
    runs-on: ubuntu-latest
    strategy:
      fail-fast: false
      matrix:
        browser: ["chrome", "firefox"]
    steps:
      - name: Checkout repository
        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1

      - name: Use Node.js
        uses: ./.github/actions/setup-node

      - uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 #v4.0.2
        with:
          path: ~/.cache/Cypress
          key: my-cache-${{ runner.os }}-${{ hashFiles('yarn.lock') }}

      - name: Install dependencies
        run: |
          yarn --frozen-lock --ignore-scripts
          yarn cypress install
          yarn workspace @talend/assets-api run build:lib:esm
          yarn workspace @talend/utils run build:lib:esm
          yarn workspace @talend/icons run build:lib
          yarn workspace @talend/icons run build:lib:esm
          yarn workspace @talend/design-tokens run build:lib
          yarn workspace @talend/design-tokens run build:lib:esm

      - name: Cypress Component Testing
        uses: cypress-io/github-action@1b70233146622b69e789ccdd4f9452adc638d25a #v6.6.1
        with:
          install: false
          browser: ${{ matrix.browser }}
          command: yarn workspace @talend/design-system run test:cy

      - name: Cypress screenshots upload
        uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 #v4.3.3
        if: failure()
        with:
          name: cypress-component-testing-${{ matrix.browser }}-screenshots
          path: packages/design-system/cypress/screenshots/**/*

      - name: Cypress videos upload
        uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 #v4.3.3
        if: failure()
        with:
          name: cypress-component-testing-${{ matrix.browser }}-videos
          path: packages/design-system/cypress/videos/**/*