only trigger tests if library component file changes

.github/workflows/chromatic.yml

@@ -0,0 +1,44 @@
+name: Chromatic
+
+on: workflow_call
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}-chromatic
+  cancel-in-progress: true
+
+permissions:
+  actions: write
+  contents: read
+
+jobs:
+  chromatic:
+    name: Run Chromatic
+    runs-on: ubuntu-latest
+    steps:
+      - name: List all changed files
+        env:
+          ALL_CHANGED_FILES: ${{ steps.ui-changes.outputs.all_changed_files }}
+          ANY_CHANGED: ${{ steps.ui-changes.outputs.any_changed }}
+        run: |
+          echo "Found changed ${#ALL_CHANGED_FILES[@]} files"
+          for file in ${ALL_CHANGED_FILES}; do
+            echo "$file"
+          done
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          cache: npm
+          cache-dependency-path: ./package.json
+          node-version: 20
+      - name: Install dependencies
+        run: npm ci
+      - name: Run Visual Regression Tests
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          autoAcceptChanges: 'main'
+          exitZeroOnChanges: true
+          exitOnceUploaded: true

.github/workflows/pull-request.yml

@@ -0,0 +1,33 @@
+name: 'CI checks'
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  ui-changes:
+    runs-on: ubuntu-latest
+    name: ui-changes
+    outputs:
+      all_changed_files: ${{ steps.ui-changes.outputs.all_changed_files }}
+      any_changed: ${{ steps.ui-changes.outputs.any_changed }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - name: Get changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v44
+        with:
+          files: |
+            src/**
+            !src/demo/**
+            .storybook/**
+
+  chromatic:
+    name: Run Chromatic
+    needs: [ui-changes]
+    if: ${{ needs.ui-changes.outputs.any_changed == 'true' }}
+    uses: ./.github/workflows/chromatic.yml
+    secrets: inherit