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

      - name: Publish to Chromatic
        run: npx --no-install chromatic --project-token ${{ secrets.CHROMATIC_PROJECT_TOKEN }} --storybook-build-dir dist/storybook/webb-ui-components --exitZeroOnChanges