Add storybook testing setup for client

.github/workflows/lint-and-test.yml

@@ -269,6 +269,52 @@ jobs:
       - name: Run linting
         run: cd packages/client && yarn lint
 
+  run-visual-tests:
+    name: Run visual tests
+    needs: prepare-client-tests
+    runs-on: ubuntu-22.04
+
+    steps:
+      - name: Download filesystem artifact
+        uses: actions/[email protected]
+        with:
+          name: client
+          path: .
+
+      - name: Use Node.js from .nvmrc
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+
+      - name: Cache Node.js dependencies
+        uses: actions/cache@v4
+        with:
+          path: |
+            **/node_modules
+            ~/.cache/yarn/v6
+          key: node-${{ hashFiles('**/yarn.lock', format('{0}/{1}','packages/client','package.json')) }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install dependencies
+        run: CI="" yarn install --frozen-lockfile
+
+      # Without this, the fetch command will fail with
+      # fatal: could not read Username for 'https://github.com': No such device or address
+      - name: Remove extraheader config
+        run: git config --unset http.https://github.com/.extraheader
+
+      - name: Fetch full Git history
+        run: git fetch --prune --unshallow
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          workingDir: packages/client
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+
   test-client:
     name: Test client
     needs: prepare-client-tests

license-config.json

@@ -17,6 +17,7 @@
     "backups",
     "**/coverage",
     "packages/client/public/robots.txt",
+    "packages/client/public/mockServiceWorker.js",
     "packages/login/public/robots.txt",
     ".env*",
     ".vs",
@@ -36,6 +37,8 @@
     "packages/components/.storybook/preview.jsx",
     "packages/components/.storybook/manager-head.html",
     "grafana",
+    "packages/client/storybook-static",
+    "packages/client/.storybook/preview-head.html",
     "packages/scheduler/start.sh",
     "packages/scheduler/crontab",
     "packages/scheduler/jobs/*",

packages/client/.eslintignore

@@ -1,2 +1,3 @@
 # dependencies
-/node_modules
+/node_modules
+!.storybook

packages/client/.gitignore

@@ -31,3 +31,6 @@ src/i18n/locales/en.csv
 graphql.schema.json
 .lh
 .idea
+
+*storybook.log
+storybook-static