E2e coverage

.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    "next/babel"
+  ],
+  "env": {
+    "test": {
+      "plugins": []
+    },
+    "e2e": {
+      "plugins": ["istanbul"]
+    }
+  }
+}

.github/workflows/deployment.yml

@@ -17,4 +17,6 @@ jobs:
         run: yarn
 
       - name: build and run tests
-        run: yarn e2e
+        run: |
+          yarn e2e
+          yarn e2e:report

cypress/plugins/index.js

@@ -19,4 +19,7 @@
 module.exports = (on, config) => {
   // `on` is used to hook into various events Cypress emits
   // `config` is the resolved Cypress config
+  require('@cypress/code-coverage/task')(on, config);
+
+  return config;
 };

cypress/support/index.js

@@ -15,6 +15,7 @@
 
 // Import commands.js using ES2015 syntax:
 import './commands';
+import '@cypress/code-coverage/support';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')

package.json

@@ -9,7 +9,8 @@
     "build:start": "yarn build && yarn start",
     "cy:run": "cypress run",
     "cy": "cypress open",
-    "e2e": "start-server-and-test build:start http://localhost:3000 cy:run"
+    "e2e": "NODE_ENV=e2e start-server-and-test build:start http://localhost:3000 cy:run",
+    "e2e:report": "npx nyc report --reporter=text"
   },
   "dependencies": {
     "autoprefixer": "^10.2.1",
@@ -20,9 +21,14 @@
     "tailwindcss": "^2.0.2"
   },
   "devDependencies": {
+    "@cypress/code-coverage": "^3.9.2",
+    "@cypress/instrument-cra": "^1.4.0",
     "@types/node": "^14.14.20",
     "@types/react": "^17.0.0",
+    "babel-plugin-istanbul": "^6.0.0",
     "cypress": "^6.5.0",
+    "istanbul-lib-coverage": "^3.0.0",
+    "nyc": "^15.1.0",
     "start-server-and-test": "^1.12.0",
     "typescript": "^4.1.3"
   }