tmporary PR for CVR issue post

.github/workflows/cypress.yml

@@ -25,15 +25,3 @@ jobs:
           name: image diff output directory
           path: gatsby/cypress/snapshots/diff
         if: failure()
-  lighthouse_audit:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout ${{ env.GITHUB_REF }}
-        uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: ${{ env.NODE_VERSION }}
-      - env:
-          CONTENTFUL_SPACE_ID: ${{ secrets.CONTENTFUL_SPACE_ID }}
-          CONTENTFUL_ACCESS_TOKEN: ${{ secrets.CONTENTFUL_ACCESS_TOKEN }}
-        run: cd gatsby && npm ci && npm run cy:install && npm run audit:ci

gatsby/cypress.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from "cypress"
-import { configureVisualRegression } from 'cypress-visual-regression'
+import getCompareSnapshotsPlugin from 'cypress-visual-regression/dist/plugin'
 import { pa11y, lighthouse, prepareAudit } from '@appsfactory/cypress-audit'
 import cypressTerminalReport from 'cypress-terminal-report/src/installLogsPrinter'
 import path from 'path'
@@ -8,7 +8,7 @@ import fs from 'fs'
 export default defineConfig({
   env: {
     screenshotsFolder: './cypress/snapshots/actual',
-    type: 'regression',
+    type: 'actual',
     trashAssetsBeforeRuns: true,
     failSilently: false,
     video: false
@@ -18,7 +18,8 @@ export default defineConfig({
     baseUrl: "http://localhost:8000",
     specPattern: ["cypress/e2e/**/*.cy.js", "cypress/audit/**/*.cy.js"],
     setupNodeEvents(on, config) {
-      configureVisualRegression(on)
+      // implement node event listeners here
+      getCompareSnapshotsPlugin(on, config)
       cypressTerminalReport(on)
       on('before:browser:launch', (browser = {}, launchOptions) => {
         prepareAudit(launchOptions)

gatsby/cypress/bin/compare_images

@@ -21,23 +21,24 @@ if [[ $1 == "--clear" ]]; then
     rm -rfv $dir_diff $dir_actual
     rm -rfv "cypress/snapshots/base/*.png"
     exit 0
+
 # Loop through each file and open the corresponding images with feh
-elif [ -d $dir_diff ]; then
-    echo "diff folder exists"
+elif [ -d $dir_base ]; then
+    #echo "base folder exists"
     # Get the list of files in the first directory (assuming all directories have the same filenames)
-    files=$(ls "$dir_diff")
-    echo "found in diff folder: $files"
+    files=$(ls "$dir_base")
+    echo "found in base folder: $files"
     for file in $files; do
         # Construct the full paths for each image
         img_diff="$dir_diff$file"
         img_base="$dir_base$file"
         img_actual="$dir_actual$file"
 
         # Check if the files exist in all directories
-        if [[ -f "$img_diff" && -f "$img_base" && -f "$img_actual" ]]; then
+        #if [[ -f "$img_diff" && -f "$img_base" && -f "$img_actual" ]]; then
             # Use feh to display the images
             feh -F "$img_diff" "$img_base" "$img_actual"
-        fi
+        #fi
 
         # Options
         read -p "update base image? y/[n]/q: " UPDATE

gatsby/cypress/support/commands.ts

@@ -35,8 +35,9 @@
 //     }
 //   }
 // }
-import { addCompareSnapshotCommand } from 'cypress-visual-regression/dist/command'
-addCompareSnapshotCommand()
+import compareSnapshotCommand from 'cypress-visual-regression/dist/command'
+
+compareSnapshotCommand()
 
 //Cypress.on('viewport:changed', (viewport) => {
 //  Cypress.config('viewportWidth', viewport.width)

gatsby/cypress/support/utils.js

@@ -36,4 +36,4 @@ export function isDesktopMenuOnMobile(device, orientation) {
   return orientation === 'landscape' && ['iphone-xr'].includes(device)
 }
 
-export const errorThreshold = 0.01
+export const errorThreshold = 0.0