Spec coverage

.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": [
+    "next/babel"
+  ],
+  "plugins": [
+    "istanbul"
+  ]
+}

.gitignore

@@ -7,6 +7,8 @@
 
 # testing
 /coverage
+/specs/videos
+/.nyc_output
 
 # next.js
 /.next/

.nycrc

@@ -0,0 +1,3 @@
+{
+  "extension": [".js"]
+}

package.json

@@ -34,6 +34,8 @@
     "typeface-open-sans": "^1.1.13"
   },
   "devDependencies": {
+    "@cypress/code-coverage": "^3.8.5",
+    "babel-plugin-istanbul": "^6.0.0",
     "cypress": "^6.0.0",
     "eslint": "^7.12.0",
     "eslint-config-airbnb": "^18.2.0",
@@ -42,7 +44,9 @@
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "istanbul-lib-coverage": "^3.0.0",
     "msw": "^0.22.3",
+    "nyc": "^15.1.0",
     "start-server-and-test": "^1.11.6"
   }
 }

specs/plugins/index.js

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable global-require */
 /// <reference types="cypress" />
 // ***********************************************************
 // This example plugins/index.js can be used to load plugins
@@ -19,4 +21,6 @@
 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;
 };

specs/support/index.js

@@ -12,6 +12,8 @@
 // You can read more here:
 // https://on.cypress.io/configuration
 // ***********************************************************
+// eslint-disable-next-line import/no-extraneous-dependencies
+import '@cypress/code-coverage/support';
 
 // Import commands.js using ES2015 syntax:
 import './commands';