chore(cypress): replace deprecated library

Author: akyrey

angular.json

@@ -87,10 +87,9 @@
           "defaultConfiguration": "development"
         },
         "serve-coverage": {
-          "builder": "ngx-build-plus:dev-server",
+          "builder": "@angular-builders/custom-webpack:dev-server",
           "options": {
-            "browserTarget": "trackify:build",
-            "extraWebpackConfig": "./cypress/coverage.webpack.js"
+            "browserTarget": "ng-base-project:build:e2e"
           }
         },
         "extract-i18n": {
@@ -146,7 +145,7 @@
           },
           "configurations": {
             "production": {
-              "devServerTarget": "nebula-audit-console:serve-coverage:production"
+              "devServerTarget": "trackify:serve-coverage:production"
             }
           }
         }

cypress/coverage.webpack.js cypress/coverage.webpack.ts

@@ -1,12 +1,14 @@
-module.exports = {
+import * as path from 'path';
+
+export default {
   module: {
     rules: [
       {
         test: /\.(js|ts)$/,
-        loader: 'istanbul-instrumenter-loader',
+        loader: '@jsdevtools/coverage-istanbul-loader',
         options: { esModules: true },
         enforce: 'post',
-        include: require('path').join(__dirname, '..', 'src'),
+        include: path.join(__dirname, '..', 'src'),
         exclude: [/\.(e2e|spec)\.ts$/, /node_modules/, /(ngfactory|ngstyle)\.js/],
       },
     ],

cypress/integration/spec.ts

@@ -1,7 +1,7 @@
 describe('My First Test', () => {
   it('Visits the initial project page', () => {
-    cy.visit('/')
-    cy.contains('Welcome')
-    cy.contains('sandbox app is running!')
-  })
-})
+    cy.visit('/');
+    cy.contains('Welcome');
+    cy.contains('sandbox app is running!');
+  });
+});

cypress/plugins/cy-ts-preprocessor.js

@@ -1,10 +1,3 @@
-const cypressTypeScriptPreprocessor = require('./cy-ts-preprocessor');
-
-module.exports = (on: any, config: any) => {
-  on('file:preprocessor', cypressTypeScriptPreprocessor);
-
-  require('@cypress/code-coverage/task')(on, config);
-
-  return config;
+export default (on: any, config: any) => {
+  return require('@cypress/code-coverage/task')(on, config);
 };
-

cypress/plugins/index.ts

@@ -18,4 +18,3 @@ import './commands';
 
 // Import cypress code-coverage collector plugin
 import '@cypress/code-coverage/support';
-