Upgrade Cypress to v7 (#327)

.github/workflows/deploy-vercel-production.yml

@@ -268,7 +268,7 @@ jobs:
     runs-on: ubuntu-18.04
     # Docker image with Cypress pre-installed
     # https://github.com/cypress-io/cypress-docker-images/tree/master/included
-    container: cypress/included:6.8.0
+    container: cypress/included:7.4.0
     needs: await-for-vercel-deployment
     timeout-minutes: 20 # Limit current job timeout https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#jobsjob_idtimeout-minutes
     steps:

.github/workflows/deploy-vercel-staging.yml

@@ -316,7 +316,7 @@ jobs:
     runs-on: ubuntu-18.04
     # Docker image with Cypress pre-installed
     # https://github.com/cypress-io/cypress-docker-images/tree/master/included
-    container: cypress/included:6.8.0
+    container: cypress/included:7.4.0
     needs: await-for-vercel-deployment
     timeout-minutes: 20 # Limit current job timeout https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#jobsjob_idtimeout-minutes
     steps:

.github/workflows/deploy-vercel-storybook.yml

@@ -49,6 +49,9 @@ on:
       - '!**/*.md' # Exclude all markdown files
       - 'stories/**/*.md' # Force include all markdown files within stories (because they're used for storybook)
 
+env:
+  STAGE: staging
+
 jobs:
   # Configures the deployment environment, install dependencies (like node, npm, etc.) that are requirements for the upcoming jobs
   # Ex: Necessary to run `yarn deploy`
@@ -188,7 +191,7 @@ jobs:
     runs-on: ubuntu-18.04
     # Docker image with Cypress pre-installed
     # https://github.com/cypress-io/cypress-docker-images/tree/master/included
-    container: cypress/included:6.8.0
+    container: cypress/included:7.4.0
     needs: await-for-vercel-deployment
     steps:
       - uses: actions/checkout@v1 # Get last commit pushed - See https://github.com/actions/checkout

cypress/config-customer-ci-cd.json

@@ -6,5 +6,5 @@
   "videosFolder": "cypress/videos/customer",
   "env": {},
   "ignoreTestFiles": "*.md",
-  "experimentalComponentTesting": true
+  "experimentalInteractiveRunEvents": true
 }

cypress/config-customer1.json

@@ -5,5 +5,5 @@
   "videosFolder": "cypress/videos/customer1",
   "env": {},
   "ignoreTestFiles": "*.md",
-  "experimentalComponentTesting": true
+  "experimentalInteractiveRunEvents": true
 }

cypress/config-customer2.json

@@ -5,5 +5,5 @@
   "videosFolder": "cypress/videos/customer2",
   "env": {},
   "ignoreTestFiles": "*.md",
-  "experimentalComponentTesting": true
+  "experimentalInteractiveRunEvents": true
 }

cypress/config-development.json

@@ -5,5 +5,5 @@
   "videosFolder": "cypress/videos/development",
   "env": {},
   "ignoreTestFiles": "*.md",
-  "experimentalComponentTesting": true
+  "experimentalInteractiveRunEvents": true
 }

cypress/config-storybook.json

@@ -7,5 +7,5 @@
   "integrationFolder": "cypress/integration-storybook",
   "env": {},
   "ignoreTestFiles": "*.md",
-  "experimentalComponentTesting": true
+  "experimentalInteractiveRunEvents": true
 }

cypress/support/index.js

@@ -14,7 +14,6 @@
 // ***********************************************************
 
 // See https://dev.to/cuichenli/how-do-i-setup-my-nextjs-development-environment-2kao
-import '@cypress/react/support';
 import './commands';
 
 // See https://docs.cypress.io/api/events/catalog-of-events.html#Uncaught-Exceptions

package.json

@@ -175,7 +175,7 @@
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "@cypress/react": "4.16.4",
+    "@cypress/react": "5.8.1",
     "@emotion/babel-preset-css-prop": "11.2.0",
     "@emotion/eslint-plugin": "11.2.0",
     "@next/bundle-analyzer": "10.2.0",
@@ -228,7 +228,7 @@
     "concurrently": "6.1.0",
     "cross-env": "7.0.3",
     "current-git-branch": "1.1.0",
-    "cypress": "6.8.0",
+    "cypress": "7.4.0",
     "del-cli": "3.0.1",
     "dotenv": "9.0.2",
     "eslint": "7.26.0",