feat: wip visual test

.github/workflows/release.yml

@@ -29,40 +29,33 @@ jobs:
           node-version: '18.x'
       - name: Install deps
         run: npm ci
+      - name: Run linter
+        run: npm run lint
       - name: Run tests
         run: npm run test
       - name: Run storybook build
         run: npm run build-storybook
-      - name: Run linter
-        run: npm run lint
 
   visual-test:
     name: Visual testing with baseline comparison
     runs-on: ubuntu-22.04
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
-      # - name: Setup node
-      #   uses: actions/setup-node@v3
-      #   with:
-      #     node-version: '18.x'
-      # - name: Install deps
-      #   run: npm ci
-      # - name: Start dev server
-      #   run: npm run start &
-      # - name: Check the deployed service URL
-      #   uses: jtalk/url-health-check-action@v3
-      #   with:
-      #     url: http://localhost:3000/test
-      #     max-attempts: 5
-      #     retry-delay: 10s
-      #     retry-all: true
       - uses: cypress-io/github-action@v6
         with:
-          browser: chrome
+          browser: electron
           headed: true
           start: npm start
           project: ./test/functional
+            - name: upload diffs
+      - name: upload diffs
+        if: failure()
+        uses: actions/upload-artifact@v3
+        with:
+          name: cypress-diffs-screenshots
+          path: test/functional/cypress-image-diff-screenshots
+
   build-and-deploy:
     name: Build, Deploy to GitHub pages, Release npm package
     needs: [test, visual-test]

test/functional/cypress.config.ts

@@ -12,5 +12,9 @@ module.exports = defineConfig({
     chromeWebSecurity: false,
     experimentalModifyObstructiveThirdPartyCode: true,
     responseTimeout: 60000
+  },
+  retries: {
+    runMode: 3,
+    openMode: 2
   }
 });