chromatic.yml

# .github/workflows/chromatic.yml

# Workflow name
name: Chromatic Publish and Testing

# Event for the workflow
on:
  pull_request:
    branches: [master, staging, "test/**"]
    types: [opened, synchronize, ready_for_review]

# List of jobs
jobs:
  chromatic-deployment:
    # Operating System
    runs-on: ubuntu-latest
    # Job steps
    steps:
      - name: Checkout repo
        uses: actions/checkout@v6
        with:
          fetch-depth: 0
          # Tells the checkout which commit hash to reference
          ref: ${{ github.event.pull_request.head.ref }}
        env:
          CHROMATIC_BRANCH: ${{ github.event.pull_request.head.ref || github.ref_name }}
          CHROMATIC_SHA: ${{ github.event.pull_request.head.sha || github.ref }}
          CHROMATIC_SLUG: ${{ github.repository }}

      - name: Setup pnpm
        uses: pnpm/action-setup@v4
      - name: Setup Node.js
        uses: actions/setup-node@v6
        with:
          node-version: 20
          cache: "pnpm"

      - name: Install deps
        run: pnpm install

      - name: Publish to Chromatic
        uses: chromaui/action@v1
        with:
          projectToken: fee8e66c9916
          # 👇 Only fail if Storybook contains stories that error
          exitZeroOnChanges: true
          onlyChanged: true # enables TurboSnap
          zip: true