chore: test changes

Signed-off-by: Jakub Freisler <[email protected]>

Author: FRSgit

.github/workflows/ci.yml

@@ -11,14 +11,34 @@ jobs:
   cache:
     name: CI cache
     runs-on: ubuntu-latest
+    outputs:
+      pnpm-cache: ${{ steps.vars.outputs.pnpm-cache }}
+      key: ${{ steps.vars.outputs.key }}
     steps:
       - uses: actions/checkout@v3
       - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version: "18.x"
-          cache: 'pnpm'
-      - run: pnpm install
+      - id: vars
+        run: |
+          echo "pnpm-cache=$(pnpm store path --silent)" >> $GITHUB_OUTPUT
+          echo "key=${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}" >> $GITHUB_OUTPUT
+      - name: Cache NPM and Cypress 📦
+        uses: actions/cache@v3
+        id: cache
+        with:
+          path: |
+            ${{ steps.vars.outputs.pnpm-cache }}
+            ~/.cache/Cypress
+          key: ${{ steps.vars.outputs.key }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
+            ${{ runner.os }}-pnpm-
+      - if: steps.cache.outputs.cache-hit != 'true'
+        run: pnpm install --frozen-lockfile --prefer-offline
+        env:
+          HUSKY: '0' # By default do not run HUSKY install
 
   lint:
     name: lint
@@ -30,8 +50,21 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: "18.x"
-          cache: 'pnpm'
-      - run: pnpm install
+      - name: Cache NPM and Cypress 📦
+        uses: actions/cache@v3
+        id: cache
+        with:
+          path: |
+            ${{ needs.cache.outputs.pnpm-cache }}
+            ~/.cache/Cypress
+          key: ${{ needs.cache.outputs.key }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
+            ${{ runner.os }}-pnpm-
+      - if: steps.cache.outputs.cache-hit != 'true'
+        run: pnpm install --frozen-lockfile --prefer-offline
+        env:
+          HUSKY: '0' # By default do not run HUSKY install
       - run: pnpm lint:ci
       - run: pnpm format:ci
 
@@ -45,13 +78,33 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: "18.x"
-          cache: 'pnpm'
-      - run: pnpm install && cd ./examples/webpack && pnpm cypress install
+      - name: Cache NPM and Cypress 📦
+        uses: actions/cache@v3
+        id: cache
+        with:
+          path: |
+            ${{ needs.cache.outputs.pnpm-cache }}
+            ~/.cache/Cypress
+          key: ${{ needs.cache.outputs.key }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
+            ${{ runner.os }}-pnpm-
+      - if: steps.cache.outputs.cache-hit != 'true'
+        run: pnpm install --frozen-lockfile --prefer-offline
+        env:
+          HUSKY: '0' # By default do not run HUSKY install
       - run: pnpm --filter cypress-plugin-visual-regression-diff -r build
       - name: Test e2e
         run: pnpm test:e2e:ci
       - name: Test component-testing
         run: pnpm test:ct:ci
+      - uses: actions/upload-artifact@v3
+        with:
+          name: test
+          path: |
+            examples/next/**/*.png
+            examples/next/**/*.jpg
+            examples/next/**/*.jpeg
 
   test-integration-coverage:
     name: test-integration-coverage
@@ -63,8 +116,21 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: "18.x"
-          cache: 'pnpm'
-      - run: pnpm install
+      - name: Cache NPM and Cypress 📦
+        uses: actions/cache@v3
+        id: cache
+        with:
+          path: |
+            ${{ needs.cache.outputs.pnpm-cache }}
+            ~/.cache/Cypress
+          key: ${{ needs.cache.outputs.key }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
+            ${{ runner.os }}-pnpm-
+      - if: steps.cache.outputs.cache-hit != 'true'
+        run: pnpm install --frozen-lockfile --prefer-offline
+        env:
+          HUSKY: '0' # By default do not run HUSKY install
       - name: Test integration (with coverage) and upload to CodeClimate
         if: ${{ github.ref == 'refs/heads/main' }}
         uses: paambaati/[email protected]
@@ -100,18 +166,31 @@ jobs:
   build-and-release:
     name: build and release
     runs-on: ubuntu-latest
-    needs: prepare-release
+    needs: [cache, prepare-release]
     if: needs.prepare-release.outputs.releases_created
     steps:
       - uses: actions/checkout@v3
       - uses: pnpm/[email protected]
       - uses: actions/setup-node@v3
         with:
           node-version: "18.x"
-          cache: 'pnpm'
           registry-url: 'https://registry.npmjs.org'
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-      - run: pnpm install
+      - name: Cache NPM and Cypress 📦
+        uses: actions/cache@v3
+        id: cache
+        with:
+          path: |
+            ${{ needs.cache.outputs.pnpm-cache }}
+            ~/.cache/Cypress
+          key: ${{ needs.cache.outputs.key }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-${{ hashFiles('pnpm-lock.yaml') }}
+            ${{ runner.os }}-pnpm-
+      - if: steps.cache.outputs.cache-hit != 'true'
+        run: pnpm install --frozen-lockfile --prefer-offline
+        env:
+          HUSKY: '0' # By default do not run HUSKY install
       - name: Build packages to get cross-references working 🔧
         run: pnpm build
       - name: Release package

examples/next/components/about-component.cy.tsx

@@ -1,5 +1,4 @@
 import AboutComponent from './about-component'
-/* eslint-disable */
 // Disable ESLint to prevent failing linting inside the Next.js repo.
 // If you're using ESLint on your project, we recommend installing the ESLint Cypress plugin instead:
 // https://github.com/cypress-io/eslint-plugin-cypress

examples/next/package.json

@@ -4,8 +4,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "cypress": "cypress open --env \"pluginVisualRegressionImagesPath={spec_path}/__image_snapshots_local__\"",
-    "cypress:ci": "cypress run --env \"pluginVisualRegressionImagesPath={spec_path}/__image_snapshots_local__\"",
+    "cypress": "cypress open --env \"pluginVisualRegressionUpdateImages=true,pluginVisualRegressionImagesPath={spec_path}/__image_snapshots_local__\"",
+    "cypress:ci": "cypress run --env \"pluginVisualRegressionUpdateImages=true\"",
     "test:e2e": "start-server-and-test dev http://localhost:3000 \"pnpm cypress --e2e\"",
     "test:e2e:ci": "start-server-and-test dev http://localhost:3000 \"pnpm cypress:ci --e2e\"",
     "test:ct": "start-server-and-test dev http://localhost:3000 \"pnpm cypress --component\"",
@@ -21,7 +21,7 @@
     "@types/node": "18.0.6",
     "@types/react": "18.0.15",
     "@types/react-dom": "18.0.6",
-    "cypress": "12.3.0",
+    "cypress": "12.12.0",
     "start-server-and-test": "1.15.2",
     "typescript": "4.7.4"
   }