feat: wip visual test

.github/workflows/release.yml

@@ -4,10 +4,10 @@ on:
   push:
     branches:
       - main
-      - "feature/**"
-      - "feat/**"
-      - "hotfix/**"
-      - "ACT-**"
+      - 'feature/**'
+      - 'feat/**'
+      - 'hotfix/**'
+      - 'ACT-**'
 
 concurrency:
   group: ${{ github.ref }}
@@ -17,8 +17,8 @@ env:
   NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
 jobs:
-  linting:
-    name: Linting
+  test:
+    name: Unit Test + Linting + Storybook
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repo
@@ -29,11 +29,16 @@ jobs:
           node-version: '18.x'
       - name: Install deps
         run: npm ci
+      - name: Run tests
+        run: npm run test
+      - name: Run storybook build
+        run: npm run build-storybook
       - name: Run linter
         run: npm run lint
-  tests:
-    name: Tests
-    runs-on: ubuntu-latest
+
+  visual-test:
+    name: Visual testing with baseline comparison
+    runs-on: ubuntu-22.04
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
@@ -43,13 +48,16 @@ jobs:
           node-version: '18.x'
       - name: Install deps
         run: npm ci
-      - name: Run tests
-        run: npm run test
-      - name: Run storybook build
-        run: npm run build-storybook
+      - name: Start dev server
+        run: npm run start
+      - uses: cypress-io/github-action@v6
+        with:
+          browser: chrome
+          headed: true
+          project: ./test/functional
   build-and-deploy:
     name: Build, Deploy to GitHub pages, Release npm package
-    needs: [linting, tests]
+    needs: [test, visual-test]
     runs-on: ubuntu-latest
     if: github.ref == 'refs/heads/main' # Trigger release process only on main
     steps:
@@ -83,4 +91,4 @@ jobs:
         with:
           branch: github-pages
           folder: storybook-static
-          target-folder: docs
+          target-folder: docs