Migrate to aangular 17

Author: VadimDez

.gitignore

@@ -1,4 +1,4 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
 
 # Compiled output
 /dist

angular.json

@@ -8,22 +8,21 @@
       "schematics": {
         "@schematics/angular:component": {
           "style": "scss"
-        },
-        "@schematics/angular:application": {
-          "strict": true
         }
       },
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "dist",
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -49,21 +48,12 @@
                   "maximumError": "4kb"
                 }
               ],
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
+              "sourceMap": true
             }
           },
           "defaultConfiguration": "production"
@@ -72,27 +62,28 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "ngx-img-fallback:build:production"
+              "buildTarget": "ngx-img-fallback:build:production"
             },
             "development": {
-              "browserTarget": "ngx-img-fallback:build:development"
+              "buildTarget": "ngx-img-fallback:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ngx-img-fallback:build"
+            "buildTarget": "ngx-img-fallback:build"
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
             "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js",
             "inlineStyleLanguage": "scss",
             "assets": [
               "src/favicon.ico",
@@ -104,39 +95,38 @@
             "scripts": []
           }
         },
-        "e2e": {
+        "cypress-run": {
           "builder": "@cypress/schematic:cypress",
           "options": {
-            "devServerTarget": "ngx-img-fallback:serve",
-            "watch": true,
-            "headless": false
+            "devServerTarget": "ngx-img-fallback:serve"
           },
           "configurations": {
             "production": {
               "devServerTarget": "ngx-img-fallback:serve:production"
             }
           }
         },
-        "cypress-run": {
+        "cypress-open": {
           "builder": "@cypress/schematic:cypress",
           "options": {
-            "devServerTarget": "ngx-img-fallback:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "ngx-img-fallback:serve:production"
-            }
+            "watch": true,
+            "headless": false
           }
         },
-        "cypress-open": {
+        "e2e": {
           "builder": "@cypress/schematic:cypress",
           "options": {
+            "devServerTarget": "ngx-img-fallback:serve",
             "watch": true,
             "headless": false
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "ngx-img-fallback:serve:production"
+            }
           }
         }
       }
     }
-  },
-  "defaultProject": "ngx-img-fallback"
+  }
 }

cypress.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from "cypress";
+
+export default defineConfig({
+  videosFolder: "cypress/videos",
+  screenshotsFolder: "cypress/screenshots",
+  fixturesFolder: "cypress/fixtures",
+
+  e2e: {
+    baseUrl: 'http://localhost:4200',
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});