ui-review.yml

# .github/workflows/chromatic.yml

# Workflow name
name: 'visual ✨'

on:
  pull_request:
    # types: [opened, synchronize, reopened, ready_for_review]
    branches: [develop, feature/**]

  workflow_dispatch:

# List of jobs
jobs:
  check:
    name: check
    # Operating System
    runs-on: ubuntu-latest
    # Job steps
    steps:
      - uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Enable corepack
        run: |
          corepack enable
          corepack prepare yarn@4.2.2 --activate
          yarn set version 4.2.2

      - name: Setup Node.js environment
        uses: actions/setup-node@v4.0.4
        with:
          node-version: '>=18.12.x'
          cache: yarn

      - name: Install dependencies
        # 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm
        run: yarn

      - name: Build Storybook
        run: yarn nx build-storybook webb-ui-components

        # 👇 Adds Chromatic as a step in the workflow
      - name: Publish to Chromatic
        uses: chromaui/action@v11.10.2
        # Chromatic GitHub Action options
        with:
          # 👇 Chromatic projectToken, refer to the manage page to obtain it.
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
          exitZeroOnChanges: true # 👈 Option to prevent the workflow from failing
          storybookBuildDir: 'dist/storybook/webb-ui-components'