chromatic.yml

name: "Chromatic - Visual regression testing"

on: push

jobs:
  chromatic:
    name: Run Chromatic
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v4
        with:
          fetch-depth: 0
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - name: Install dependencies
        run: npm ci
      - name: Build css packages
        run: npm run build -w slash/css &&  npm run build -w client/look-and-feel/css
      - uses: chromaui/action@latest
        name: Run Chromatic for design-system-slash-react
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN_SLASH_REACT }}
          zip: true
          buildScriptName: "build:storybook"
          workingDir: "slash/react"
          onlyChanged: true
      - uses: chromaui/action@latest
        name: Run Chromatic for design-system-slash-css
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN_SLASH_CSS }}
          zip: true
          buildScriptName: "build:storybook"
          workingDir: "slash/css"
          onlyChanged: true
      - uses: chromaui/action@latest
        name: Run Chromatic for design-system-lookandfeel-react
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN_LOOKANDFEEL_REACT }}
          zip: true
          buildScriptName: "build:storybook"
          workingDir: "client/look-and-feel/react"
          onlyChanged: true
      - uses: chromaui/action@latest
        name: Run Chromatic for design-system-lookandfeel-css
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN_LOOKANDFEEL_CSS }}
          zip: true
          buildScriptName: "build:storybook"
          workingDir: "client/look-and-feel/css"
          onlyChanged: true