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@11bd71901bbe5b1630ceea73d27597364c9af683 #v4.2.2

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

      - uses: actions/cache@6849a6489940f00c2f30c0fb92c6274307ccb58a #v4.1.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@f1f0912d392f0d06bdd01fb9ebe3b3299e5806fb #v6.7.7
        with:
          install: false
          browser: ${{ matrix.browser }}
          command: yarn workspace @talend/design-system run test:cy

      - name: Cypress screenshots upload
        uses: actions/upload-artifact@b4b15b8c7c6ac21ea08fcf65892d2ee8f75cf882 #v4.4.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@b4b15b8c7c6ac21ea08fcf65892d2ee8f75cf882 #v4.4.3
        if: failure()
        with:
          name: cypress-component-testing-${{ matrix.browser }}-videos
          path: packages/design-system/cypress/videos/**/*