feat: add e2e test coverage (#1015)

Co-authored-by: Ismail Tlemcani <ismail.tlemcani@gmail.com>

.github/workflows/cypress.yaml

@@ -65,3 +65,6 @@ jobs:
           wait-on: 'http://localhost:3000, http://localhost:5000/graphql'
           config: baseUrl=http://localhost:3000
           browser: ${{ matrix.browsers }}
+
+      - name: Print Cypress coverage report
+        run: npm run cypress:coverage:report

client/babel.config.js

@@ -1,6 +1,6 @@
 var config = {
   presets: ['next/babel'],
-  plugins: [],
+  plugins: ['istanbul'],
 };
 
 if (process.env.NODE_ENV === 'development' && process.env.CODESEE === 'true') {

client/package.json

@@ -39,7 +39,8 @@
     "@testing-library/dom": "8.13.0",
     "@testing-library/react": "12.1.5",
     "prettier": "2.6.2",
-    "typescript": "4.6.3"
+    "typescript": "4.6.3",
+    "babel-plugin-istanbul": "6.1.1"
   },
   "license": "MIT"
 }

cypress/plugins/index.js

@@ -59,5 +59,6 @@ module.exports = (on, config) => {
   on('before:run', () => {
     execSync('npm run db:reset');
   });
+  require('@cypress/code-coverage/task')(on, config);
   return config;
 };

cypress/support/index.js

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