upgrage to cypress 10

Author: salemdar

angular.json

@@ -147,7 +147,7 @@
             "watch": false,
             "headless": true,
             "browser": "chrome",
-            "configFile": "projects/test-app/cypress.json"
+            "configFile": "projects/test-app/cypress.config.ts"
           },
           "configurations": {
             "production": {
@@ -168,8 +168,7 @@
           "builder": "@cypress/schematic:cypress",
           "options": {
             "devServerTarget": "test-app:serve",
-            "browser": "chrome",
-            "configFile": "projects/test-app/cypress.json"
+            "configFile": "projects/test-app/cypress.config.ts"
           },
           "configurations": {
             "production": {
@@ -182,7 +181,7 @@
           "options": {
             "watch": true,
             "headless": false,
-            "configFile": "projects/test-app/cypress.json"
+            "configFile": "projects/test-app/cypress.config.ts"
           }
         }
       }
@@ -331,7 +330,7 @@
             "watch": false,
             "headless": true,
             "browser": "chrome",
-            "configFile": "projects/test-app/cypress.json"
+            "configFile": "projects/backend-test-app/cypress.config.ts"
           },
           "configurations": {
             "production": {
@@ -402,8 +401,7 @@
           "builder": "@cypress/schematic:cypress",
           "options": {
             "devServerTarget": "backend-test-app:serve",
-            "browser": "chrome",
-            "configFile": "projects/backend-test-app/cypress.json"
+            "configFile": "projects/backend-test-app/cypress.config.ts"
           },
           "configurations": {
             "production": {
@@ -416,7 +414,7 @@
           "options": {
             "watch": true,
             "headless": false,
-            "configFile": "projects/backend-test-app/cypress.json"
+            "configFile": "projects/backend-test-app/cypress.config.ts"
           }
         }
       }

package.json

@@ -8,7 +8,7 @@
     "build": "ng build ngx-cookie --configuration production && ng build ngx-cookie-backend --configuration production",
     "test": "ng test --watch=false",
     "lint": "ng lint",
-    "e2e": "yarn e2e:test-app && yarn e2e:backend-test-app",
+    "e2e": "ng e2e",
     "e2e:test-app": "ng run test-app:e2e",
     "e2e:backend-test-app": "ng run backend-test-app:e2e",
     "dev:ssr": "ng run backend-test-app:serve-ssr",
@@ -70,27 +70,27 @@
     "@angular/cli": "^14.0.3",
     "@angular/compiler-cli": "^14.0.3",
     "@angular/language-service": "^14.0.3",
-    "@cypress/schematic": "1.6.0",
+    "@cypress/schematic": "2.0.0",
     "@nguniversal/builders": "^14.0.2",
     "@types/express": "^4.17.8",
     "@types/jasmine": "~4.0.3",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^17.0.25",
+    "@types/node": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@typescript-eslint/parser": "^5.29.0",
-    "cypress": "^9.5.4",
+    "cypress": "^10.3.0",
     "eslint": "^8.18.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsdoc": "39.2.3",
+    "eslint-plugin-jsdoc": "39.3.3",
     "eslint-plugin-prefer-arrow": "^1.2.3",
-    "jasmine-core": "~4.1.0",
-    "karma": "~6.3.2",
+    "jasmine-core": "~4.2.0",
+    "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage": "^2.2.0",
-    "karma-jasmine": "~5.0.0",
-    "karma-jasmine-html-reporter": "^1.5.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "^2.0.0",
     "ng-packagr": "^14.0.2",
-    "ts-node": "~10.7.0",
-    "typescript": "~4.6.3"
+    "ts-node": "~10.8.1",
+    "typescript": "~4.7.4"
   }
 }

projects/backend-test-app/cypress.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:4200',
+    specPattern: 'projects/backend-test-app/cypress/e2e/**/*.cy.ts',
+    supportFile: 'projects/backend-test-app/cypress/support/e2e.ts',
+    screenshotOnRunFailure: false,
+    video: false
+  }
+});

projects/backend-test-app/cypress/integration/app.e2e-spec.ts renamed to projects/backend-test-app/cypress/e2e/app.cy.ts

@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/index.js is processed and
+// This example support/component.ts is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -16,12 +16,12 @@
 // When a command from ./commands is ready to use, import with `import './commands'` syntax
 // import './commands';
 
-Cypress.on('window:before:load', (win) => {
-  cy.spy(win.console, 'error');
-});
-
-afterEach(() => {
-  cy.window().then((win) => {
-    expect(win.console.error).to.have.callCount(0);
-  });
-});
+// Cypress.on('window:before:load', (win) => {
+//   cy.spy(win.console, 'error');
+// });
+//
+// afterEach(() => {
+//   cy.window().then((win) => {
+//     expect(win.console.error).to.have.callCount(0);
+//   });
+// });

projects/test-app/cypress/support/index.ts renamed to projects/backend-test-app/cypress/support/e2e.ts

@@ -5,10 +5,12 @@ import { Routes, RouterModule } from '@angular/router';
 const routes: Routes = [];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, {
-    initialNavigation: 'enabled',
-    relativeLinkResolution: 'legacy'
-})],
+  imports: [
+    RouterModule.forRoot(routes, {
+      initialNavigation: 'enabledBlocking',
+      relativeLinkResolution: 'legacy'
+    })
+  ],
   exports: [RouterModule]
 })
 export class AppRoutingModule {}

projects/backend-test-app/src/app/app-routing.module.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:4200',
+    specPattern: 'projects/test-app/cypress/e2e/**/*.cy.ts',
+    supportFile: 'projects/test-app/cypress/support/e2e.ts',
+    screenshotOnRunFailure: false,
+    video: false
+  }
+});

projects/test-app/cypress.config.ts

@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/index.js is processed and
+// This example support/component.ts is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and