chore: use cypress 15 prebuilt binary and test built-in shimming (#921)

* chore: use cypress 15 prebuilt binary and test built-in shimming

* use WBIP version 4

* update to Cypress 15

---------

Co-authored-by: Cacie Prins <cacie@cypress.io>

Author: AtofStryker

.circleci/config.yml

@@ -14,7 +14,7 @@ defaults: &defaults
   parallelism: 1
   working_directory: ~/app
   docker:
-    - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+    - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
   environment:
     TERM: xterm
   steps:
@@ -51,7 +51,7 @@ jobs:
   build:
     working_directory: ~/app
     docker:
-      - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+      - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
     environment:
       TERM: xterm
     steps:
@@ -83,7 +83,7 @@ jobs:
   lint:
     working_directory: ~/app
     docker:
-      - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+      - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
     steps:
       - attach_workspace:
           at: ~/
@@ -93,7 +93,7 @@ jobs:
   # dummy job running after all end-to-end tests
   after-tests:
     docker:
-      - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+      - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
     steps:
       - run: echo "all good"
 
@@ -104,7 +104,7 @@ jobs:
     parallelism: 20
     working_directory: ~/app
     docker:
-      - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+      - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
     environment:
       TERM: xterm
     steps:
@@ -120,7 +120,7 @@ jobs:
     parallelism: 10
     working_directory: ~/app
     docker:
-      - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+      - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
     environment:
       TERM: xterm
       # no need to record these runs yet
@@ -143,7 +143,7 @@ jobs:
     parallelism: 1
     working_directory: ~/app
     docker:
-      - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+      - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
     environment:
       TERM: xterm
       # no need to record these runs yet
@@ -159,7 +159,7 @@ jobs:
     parallelism: 10
     working_directory: ~/app
     docker:
-      - image: cypress/browsers:node-22.13.0-chrome-132.0.6834.83-1-ff-134.0.1-edge-131.0.2903.147-1
+      - image: cypress/browsers:node-22.16.0-chrome-137.0.7151.68-1-ff-139.0.1-edge-137.0.3296.62-1
     environment:
       TERM: xterm
       # no need to record these runs yet

.node-version

@@ -1 +1 @@
-22.13.0
+22.16.0

examples/blogs__element-coverage/cypress.config.js

@@ -1,4 +1,13 @@
 const { defineConfig } = require('cypress')
+const webpackPreprocessor = require('@cypress/webpack-batteries-included-preprocessor')
+
+function getWebpackOptions () {
+  const options = webpackPreprocessor.getFullWebpackOptions()
+
+  options.resolve.fallback.crypto = require.resolve('crypto-browserify')
+
+  return options
+}
 
 module.exports = defineConfig({
   env: {
@@ -7,5 +16,15 @@ module.exports = defineConfig({
   e2e: {
     baseUrl: 'http://localhost:3000',
     excludeSpecPattern: ['**/*.snap", "**/__snapshot__/*'],
+    setupNodeEvents (on, config) {
+      on(
+        'file:preprocessor',
+        webpackPreprocessor({
+          webpackOptions: getWebpackOptions(),
+        })
+      )
+
+      return config
+    },
   },
 })

examples/blogs__form-submit/cypress/e2e/spec.cy.js

@@ -11,7 +11,9 @@ describe('Form submit', () => {
   it('wait for URL change', () => {
     cy.visit('')
     cy.get('select').select('Second')
-    cy.location('search').should('equal', '?')
+    // Starting with Cypress 15, the search object will no longer contain an ? is the key value pairs are empty
+    // This more closely aligns with the url standard in https://developer.mozilla.org/en-US/docs/Web/API/URL/search
+    cy.location('href').should('contain', '?')
     cy.get('input').type('Hallo')
   })
 

examples/blogs__testing-redux-store/cypress.config.js

@@ -1,6 +1,15 @@
 const { defineConfig } = require('cypress')
 
 const { initPlugin } = require('cypress-plugin-snapshots/plugin')
+const webpackPreprocessor = require('@cypress/webpack-batteries-included-preprocessor')
+
+function getWebpackOptions () {
+  const options = webpackPreprocessor.getFullWebpackOptions()
+
+  options.resolve.fallback.crypto = require.resolve('crypto-browserify')
+
+  return options
+}
 
 module.exports = defineConfig({
   env: {
@@ -12,6 +21,13 @@ module.exports = defineConfig({
     setupNodeEvents (on, config) {
       initPlugin(on, config)
 
+      on(
+        'file:preprocessor',
+        webpackPreprocessor({
+          webpackOptions: getWebpackOptions(),
+        })
+      )
+
       return config
     },
   },

examples/blogs__testing-redux-store/package.json

@@ -11,9 +11,6 @@
     "test:ci": "../../node_modules/.bin/start-test 3000 cypress:run",
     "test:ci:record": "../../node_modules/.bin/start-test 3000 cypress:run:record"
   },
-  "devDependencies": {
-    "cypress-plugin-snapshots": "1.0.6"
-  },
   "browserslist": [
     ">0.2%",
     "not dead",

examples/testing-dom__download/cypress/e2e/remote-download-spec.cy.js

@@ -132,6 +132,7 @@ describe('file download', () => {
       // now that we have seen the CSV contents,
       // we can get back to the original HTML page
       cy.go('back')
+      cy.url().should('equal', 'http://localhost:8070/')
     })
 
     it('CSV file intercept', () => {