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@692973e3d937129bcbf40652eb9f2f61becf3332 #v4.1.7

      - 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@0da3c06ed8217b912deea9d8ee69630baed1737e #v6.7.6
        with:
          install: false
          browser: ${{ matrix.browser }}
          command: yarn workspace @talend/design-system run test:cy

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

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