chromatic.yml

# Chromatic Visual Regression Testing
# https://www.chromatic.com/docs/github-actions/

name: Chromatic

on:
  push:
    branches: [main]
  pull_request:
    branches: [main]

permissions:
  contents: read

jobs:
  chromatic:
    name: Run Chromatic
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
        with:
          fetch-depth: 0

      - name: Install Pnpm
        run: npm install -g corepack@latest --force && corepack enable

      - name: Setup Node.js
        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6
        with:
          node-version: 24.15.0
          cache: 'pnpm'

      - name: Install dependencies
        run: pnpm install

      - name: Build Storybook
        run: pnpm run build-storybook

      - name: Run Chromatic
        uses: chromaui/action@5c6ec06f45a2117a25f07b1bf2b2f3009233fac8 # latest
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
          # Use the pre-built Storybook
          storybookBuildDir: storybook-static
          # Auto accept changes on main branch (for squash/rebase merge)
          autoAcceptChanges: main
          # Don't fail CI when there are visual changes - require review in Chromatic UI
          exitZeroOnChanges: true
          # Skip builds for dependabot/renovate branches
          skip: '@(renovate/**|dependabot/**)'