feat: 🎸 upgrade to Angular 15 (ngneat#594)

* feat: 🎸 upgrade to Angular 15

BREAKING CHANGE: 🧨 Angular 15
BREAKING CHANGE: 🧨 The library now required a min version of Angular 15.0.3

* feat: update karma test runner config for ng 15

- update @angular-builders/jest to 15

- update devkit karma settings to follow ng15 standards

- run 14 to 15 migration for cli

- add test file inclusion to angular.json

- remove webpack code from test.ts

Co-authored-by: Mark Bruning <[email protected]>

Author: chimurai

angular.json

@@ -24,9 +24,17 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/spectator/test/test.ts",
             "tsConfig": "projects/spectator/tsconfig.spec.json",
-            "karmaConfig": "projects/spectator/karma.conf.js"
+            "karmaConfig": "projects/spectator/karma.conf.js",
+            "polyfills": [
+              "core-js/es/reflect",
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "include": [
+              "../test/test.ts",
+              "../test/**/*.spec.ts"
+            ]
           }
         },
         "test-jest": {
@@ -50,5 +58,13 @@
       "@angular-eslint/schematics"
     ],
     "analytics": "7ba6b8e6-99c8-4300-b84d-21162a96a924"
+  },
+  "schematics": {
+    "@angular-eslint/schematics:application": {
+      "setParserOptionsProject": true
+    },
+    "@angular-eslint/schematics:library": {
+      "setParserOptionsProject": true
+    }
   }
 }

package.json

@@ -32,58 +32,58 @@
     "release:dry": "cd projects/spectator && standard-version --infile ../../CHANGELOG.md --dry-run"
   },
   "devDependencies": {
-    "@angular-builders/jest": "13.0.0",
-    "@angular-devkit/build-angular": "^14.2.4",
-    "@angular-devkit/schematics": "^14.2.4",
-    "@angular-eslint/builder": "14.1.2",
-    "@angular-eslint/eslint-plugin": "14.1.2",
-    "@angular-eslint/eslint-plugin-template": "14.1.2",
-    "@angular-eslint/schematics": "14.1.2",
-    "@angular-eslint/template-parser": "14.1.2",
-    "@angular/animations": "^14.2.4",
-    "@angular/cdk": "^14.0.0",
-    "@angular/cli": "^14.2.4",
-    "@angular/common": "^14.2.4",
-    "@angular/compiler": "^14.2.4",
-    "@angular/compiler-cli": "^14.2.4",
-    "@angular/core": "^14.2.4",
-    "@angular/forms": "^14.2.4",
-    "@angular/language-service": "^14.2.4",
-    "@angular/platform-browser": "^14.2.4",
-    "@angular/platform-browser-dynamic": "^14.2.4",
-    "@angular/router": "14.2.4",
+    "@angular-builders/jest": "^15.0.0",
+    "@angular-devkit/build-angular": "^15.0.3",
+    "@angular-devkit/schematics": "^15.0.3",
+    "@angular-eslint/builder": "15.1.0",
+    "@angular-eslint/eslint-plugin": "15.1.0",
+    "@angular-eslint/eslint-plugin-template": "15.1.0",
+    "@angular-eslint/schematics": "15.1.0",
+    "@angular-eslint/template-parser": "15.1.0",
+    "@angular/animations": "^15.0.3",
+    "@angular/cdk": "^15.0.2",
+    "@angular/cli": "^15.0.3",
+    "@angular/common": "^15.0.3",
+    "@angular/compiler": "^15.0.3",
+    "@angular/compiler-cli": "^15.0.3",
+    "@angular/core": "^15.0.3",
+    "@angular/forms": "^15.0.3",
+    "@angular/language-service": "^15.0.3",
+    "@angular/platform-browser": "^15.0.3",
+    "@angular/platform-browser-dynamic": "^15.0.3",
+    "@angular/router": "15.0.3",
     "@commitlint/cli": "12.0.1",
     "@commitlint/config-angular": "12.0.1",
     "@commitlint/config-conventional": "12.0.1",
     "@types/jasmine": "3.8.1",
     "@types/jest": "26.0.24",
     "@types/node": "16.3.1",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
+    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/parser": "^5.43.0",
     "all-contributors-cli": "^6.19.0",
     "core-js": "^3.9.1",
     "cross-env": "^5.1.4",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.23.0",
+    "eslint": "^8.28.0",
     "git-cz": "^4.7.6",
     "helpful-decorators": "^2.1.0",
     "husky": "^4.3.8",
     "jasmine-core": "3.8.0",
     "jasmine-spec-reporter": "7.0.0",
     "jest": "28.0.0",
-    "jest-preset-angular": "12.1.0",
+    "jest-preset-angular": "12.2.3",
     "karma": "6.3.4",
     "karma-chrome-launcher": "3.1.0",
     "karma-coverage-istanbul-reporter": "3.0.3",
     "karma-jasmine": "4.0.1",
     "karma-jasmine-html-reporter": "1.7.0",
     "lint-staged": "^10.5.3",
-    "ng-packagr": "14.0.0",
+    "ng-packagr": "15.0.2",
     "prettier": "2.3.2",
     "rxjs": "6.6.3",
     "standard-version": "^9.1.0",
     "ts-node": "10.1.0",
-    "typescript": "4.7.3",
+    "typescript": "4.8.4",
     "zone.js": "0.11.4"
   },
   "config": {
@@ -97,4 +97,4 @@
       "git add"
     ]
   }
-}
+}

projects/spectator/package.json

@@ -29,9 +29,9 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@angular/common": ">= 14.2.0",
-    "@angular/router": ">= 14.2.0",
-    "@angular/animations": ">= 14.2.0"
+    "@angular/common": ">= 15.0.3",
+    "@angular/router": ">= 15.0.3",
+    "@angular/animations": ">= 15.0.3"
   },
   "schematics": "./schematics/collection.json"
 }

projects/spectator/test/test.ts

@@ -1,28 +1,9 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'core-js/es/reflect';
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
-
 import { defineGlobalsInjections } from '../src/lib/globals-injections';
 
 import { TranslatePipe } from './translate.pipe';
 import { TranslateService } from './translate.service';
 
-declare const require: any;
-
 defineGlobalsInjections({
   providers: [TranslateService],
   declarations: [TranslatePipe],
 });
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: true },
-});
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

projects/spectator/tsconfig.lib.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2020",
     "declaration": true,
     "inlineSources": true,
     "typeRoots": [
@@ -29,4 +28,4 @@
   "exclude": [
     "test/**/*.ts"
   ]
-}
+}

projects/spectator/tsconfig.spec.json

@@ -2,7 +2,6 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
-    "target": "es2020",
     "types": [
       "jasmine",
       "node"

tsconfig.json

@@ -12,7 +12,7 @@
     "importHelpers": true,
     "strict": true,
     "noImplicitAny": false,
-    "target": "es2020",
+    "target": "ES2022",
     "esModuleInterop": true,
     "typeRoots": [
       "node_modules/@types"
@@ -31,6 +31,7 @@
       "@ngneat/spectator/internals": [
         "projects/spectator/internals/src/public_api.ts"
       ]
-    }
+    },
+    "useDefineForClassFields": false
   }
 }