chore(deps)!: update to Angular 16

.github/workflows/ci.yml

@@ -33,7 +33,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: 16.14.0
           registry-url: 'https://registry.npmjs.org'
 
       - name: Install dependencies

MIGRATION.MD

@@ -1,3 +1,14 @@
+# Migration from version 15 to version 16
+
+## Custom Webpack builder
+
+- No breaking changes (except for updating to Angular 16)
+
+## Jest builder
+
+1. Jest 29 is required now, refer to its [CHANGELOG](https://github.com/kulshekhar/ts-jest/blob/main/CHANGELOG.md#2900-2022-09-08) for details.
+2. `jest-preset-angular` has been updated to version 13. Make sure you understand the implications and perform all the necessary changes to your code base as described in `jest-preset-angular` [CHANGELOG](https://github.com/thymikee/jest-preset-angular/blob/main/CHANGELOG.md#1300-2023-02-18).
+
 # Migration from version 14 to version 15
 
 ## Custom Webpack builder

examples/bazel/package.json

@@ -1,12 +1,12 @@
 {
   "name": "bazel-example",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "scripts": {
     "build": "ng build"
   },
   "private": true,
   "devDependencies": {
     "@angular-builders/bazel": "workspace:*",
-    "@angular/cli": "15.0.1"
+    "@angular/cli": "16.0.0"
   }
 }

examples/custom-webpack/full-cycle-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "full-cycle-app",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "scripts": {
     "start": "ng serve",
     "build": "ng build",
@@ -12,24 +12,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "15.0.1",
-    "@angular/common": "15.0.1",
-    "@angular/compiler": "15.0.1",
-    "@angular/core": "15.0.1",
-    "@angular/forms": "15.0.1",
-    "@angular/platform-browser": "15.0.1",
-    "@angular/platform-browser-dynamic": "15.0.1",
-    "@angular/router": "15.0.1",
-    "rxjs": "7.5.7",
+    "@angular/animations": "16.0.0",
+    "@angular/common": "16.0.0",
+    "@angular/compiler": "16.0.0",
+    "@angular/core": "16.0.0",
+    "@angular/forms": "16.0.0",
+    "@angular/platform-browser": "16.0.0",
+    "@angular/platform-browser-dynamic": "16.0.0",
+    "@angular/router": "16.0.0",
+    "rxjs": "7.8.1",
     "tslib": "2.4.1",
-    "zone.js": "0.12.0"
+    "zone.js": "0.13.0"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "workspace:*",
-    "@angular-devkit/build-angular": "15.0.1",
-    "@angular/cli": "15.0.1",
-    "@angular/compiler-cli": "15.0.1",
-    "@angular/language-service": "15.0.1",
+    "@angular-devkit/build-angular": "16.0.0",
+    "@angular/cli": "16.0.0",
+    "@angular/compiler-cli": "16.0.0",
+    "@angular/language-service": "16.0.0",
     "@types/jasmine": "4.3.0",
     "@types/node": "16.18.3",
     "cypress": "10.11.0",
@@ -42,6 +42,6 @@
     "karma-jasmine-html-reporter": "2.0.0",
     "puppeteer": "19.3.0",
     "ts-node": "10.9.1",
-    "typescript": "4.8.2"
+    "typescript": "5.0.4"
   }
 }

examples/custom-webpack/sanity-app-esm/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-app-esm",
-  "version": "2.0.0",
+  "version": "16.0.0",
   "type": "module",
   "scripts": {
     "ng": "ng",
@@ -16,23 +16,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "15.0.1",
-    "@angular/common": "15.0.1",
-    "@angular/compiler": "15.0.1",
-    "@angular/core": "15.0.1",
-    "@angular/forms": "15.0.1",
-    "@angular/platform-browser": "15.0.1",
-    "@angular/platform-browser-dynamic": "15.0.1",
-    "@angular/router": "15.0.1",
-    "rxjs": "7.5.7",
+    "@angular/animations": "16.0.0",
+    "@angular/common": "16.0.0",
+    "@angular/compiler": "16.0.0",
+    "@angular/core": "16.0.0",
+    "@angular/forms": "16.0.0",
+    "@angular/platform-browser": "16.0.0",
+    "@angular/platform-browser-dynamic": "16.0.0",
+    "@angular/router": "16.0.0",
+    "rxjs": "7.8.1",
     "tslib": "2.4.1",
-    "zone.js": "0.12.0"
+    "zone.js": "0.13.0"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "workspace:*",
-    "@angular-devkit/build-angular": "15.0.1",
-    "@angular/cli": "15.0.1",
-    "@angular/compiler-cli": "15.0.1",
+    "@angular-devkit/build-angular": "16.0.0",
+    "@angular/cli": "16.0.0",
+    "@angular/compiler-cli": "16.0.0",
     "@cypress/schematic": "2.3.0",
     "@types/jasmine": "4.3.0",
     "@types/node": "16.18.3",
@@ -44,6 +44,6 @@
     "karma-jasmine": "5.1.0",
     "karma-jasmine-html-reporter": "2.0.0",
     "puppeteer": "19.3.0",
-    "typescript": "4.8.2"
+    "typescript": "5.0.4"
   }
 }

examples/custom-webpack/sanity-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-app",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "scripts": {
     "start": "ng serve",
     "build": "ng build",
@@ -12,24 +12,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "15.0.1",
-    "@angular/common": "15.0.1",
-    "@angular/compiler": "15.0.1",
-    "@angular/core": "15.0.1",
-    "@angular/forms": "15.0.1",
-    "@angular/platform-browser": "15.0.1",
-    "@angular/platform-browser-dynamic": "15.0.1",
-    "@angular/router": "15.0.1",
-    "rxjs": "7.5.7",
+    "@angular/animations": "16.0.0",
+    "@angular/common": "16.0.0",
+    "@angular/compiler": "16.0.0",
+    "@angular/core": "16.0.0",
+    "@angular/forms": "16.0.0",
+    "@angular/platform-browser": "16.0.0",
+    "@angular/platform-browser-dynamic": "16.0.0",
+    "@angular/router": "16.0.0",
+    "rxjs": "7.8.1",
     "tslib": "2.4.1",
-    "zone.js": "0.12.0"
+    "zone.js": "0.13.0"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "workspace:*",
-    "@angular-devkit/build-angular": "15.0.1",
-    "@angular/cli": "15.0.1",
-    "@angular/compiler-cli": "15.0.1",
-    "@angular/language-service": "15.0.1",
+    "@angular-devkit/build-angular": "16.0.0",
+    "@angular/cli": "16.0.0",
+    "@angular/compiler-cli": "16.0.0",
+    "@angular/language-service": "16.0.0",
     "@types/jasmine": "4.3.0",
     "@types/node": "16.18.3",
     "cypress": "10.11.0",
@@ -41,6 +41,6 @@
     "karma-jasmine-html-reporter": "2.0.0",
     "puppeteer": "19.3.0",
     "ts-node": "10.9.1",
-    "typescript": "4.8.2"
+    "typescript": "5.0.4"
   }
 }

examples/jest/multiple-apps/package.json

@@ -1,6 +1,6 @@
 {
   "name": "multiple-apps",
-  "version": "15.0.1-beta.2",
+  "version": "16.0.0",
   "scripts": {
     "start": "ng serve",
     "build": "ng build",
@@ -12,31 +12,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "15.0.1",
-    "@angular/common": "15.0.1",
-    "@angular/compiler": "15.0.1",
-    "@angular/core": "15.0.1",
-    "@angular/forms": "15.0.1",
-    "@angular/platform-browser": "15.0.1",
-    "@angular/platform-browser-dynamic": "15.0.1",
-    "@angular/router": "15.0.1",
-    "rxjs": "7.5.7",
+    "@angular/animations": "16.0.0",
+    "@angular/common": "16.0.0",
+    "@angular/compiler": "16.0.0",
+    "@angular/core": "16.0.0",
+    "@angular/forms": "16.0.0",
+    "@angular/platform-browser": "16.0.0",
+    "@angular/platform-browser-dynamic": "16.0.0",
+    "@angular/router": "16.0.0",
+    "rxjs": "7.8.1",
     "tslib": "2.4.1",
-    "zone.js": "0.12.0"
+    "zone.js": "0.13.0"
   },
   "devDependencies": {
     "@angular-builders/jest": "workspace:*",
-    "@angular-devkit/build-angular": "15.0.1",
-    "@angular/cli": "15.0.1",
-    "@angular/compiler-cli": "15.0.1",
-    "@angular/language-service": "15.0.1",
+    "@angular-devkit/build-angular": "16.0.0",
+    "@angular/cli": "16.0.0",
+    "@angular/compiler-cli": "16.0.0",
+    "@angular/language-service": "16.0.0",
     "@types/jasmine": "4.3.0",
     "@types/node": "16.18.3",
     "cypress": "10.11.0",
     "jasmine-core": "4.5.0",
-    "jest": "28.1.3",
-    "ng-packagr": "15.0.1",
+    "jest": "29.5.0",
+    "ng-packagr": "16.0.0",
     "ts-node": "10.9.1",
-    "typescript": "4.8.2"
+    "typescript": "5.0.4"
   }
 }

examples/jest/multiple-apps/tsconfig.spec.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec"
+  },
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

examples/jest/simple-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-app",
-  "version": "15.0.1-beta.1",
+  "version": "16.0.0",
   "scripts": {
     "start": "ng serve",
     "build": "ng build",
@@ -14,31 +14,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "15.0.1",
-    "@angular/common": "15.0.1",
-    "@angular/compiler": "15.0.1",
-    "@angular/core": "15.0.1",
-    "@angular/forms": "15.0.1",
-    "@angular/platform-browser": "15.0.1",
-    "@angular/platform-browser-dynamic": "15.0.1",
-    "@angular/router": "15.0.1",
-    "rxjs": "7.5.7",
+    "@angular/animations": "16.0.0",
+    "@angular/common": "16.0.0",
+    "@angular/compiler": "16.0.0",
+    "@angular/core": "16.0.0",
+    "@angular/forms": "16.0.0",
+    "@angular/platform-browser": "16.0.0",
+    "@angular/platform-browser-dynamic": "16.0.0",
+    "@angular/router": "16.0.0",
+    "rxjs": "7.8.1",
     "tslib": "2.4.1",
-    "zone.js": "0.12.0"
+    "zone.js": "0.13.0"
   },
   "devDependencies": {
     "@angular-builders/jest": "workspace:*",
-    "@angular-devkit/build-angular": "15.0.1",
-    "@angular/cli": "15.0.1",
-    "@angular/compiler-cli": "15.0.1",
-    "@angular/language-service": "15.0.1",
+    "@angular-devkit/build-angular": "16.0.0",
+    "@angular/cli": "16.0.0",
+    "@angular/compiler-cli": "16.0.0",
+    "@angular/language-service": "16.0.0",
     "@types/jasmine": "4.3.0",
     "@types/node": "16.18.3",
     "cypress": "10.11.0",
     "jasmine-core": "4.5.0",
-    "jest": "28.1.3",
+    "jest": "29.5.0",
     "jest-junit": "15.0.0",
     "ts-node": "10.9.1",
-    "typescript": "4.8.2"
+    "typescript": "5.0.4"
   }
 }

examples/timestamp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "timestamp-example",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -13,24 +13,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "15.0.1",
-    "@angular/common": "15.0.1",
-    "@angular/compiler": "15.0.1",
-    "@angular/core": "15.0.1",
-    "@angular/forms": "15.0.1",
-    "@angular/platform-browser": "15.0.1",
-    "@angular/platform-browser-dynamic": "15.0.1",
-    "@angular/router": "15.0.1",
-    "rxjs": "7.5.7",
+    "@angular/animations": "16.0.0",
+    "@angular/common": "16.0.0",
+    "@angular/compiler": "16.0.0",
+    "@angular/core": "16.0.0",
+    "@angular/forms": "16.0.0",
+    "@angular/platform-browser": "16.0.0",
+    "@angular/platform-browser-dynamic": "16.0.0",
+    "@angular/router": "16.0.0",
+    "rxjs": "7.8.1",
     "tslib": "2.4.1",
-    "zone.js": "0.12.0"
+    "zone.js": "0.13.0"
   },
   "devDependencies": {
     "@angular-builders/timestamp": "workspace:*",
-    "@angular-devkit/build-angular": "15.0.1",
-    "@angular/cli": "15.0.1",
-    "@angular/compiler-cli": "15.0.1",
-    "@angular/language-service": "15.0.1",
+    "@angular-devkit/build-angular": "16.0.0",
+    "@angular/cli": "16.0.0",
+    "@angular/compiler-cli": "16.0.0",
+    "@angular/language-service": "16.0.0",
     "@cypress/schematic": "2.3.0",
     "@types/jasmine": "4.3.0",
     "@types/node": "16.18.3",
@@ -42,6 +42,6 @@
     "karma-jasmine": "5.1.0",
     "karma-jasmine-html-reporter": "2.0.0",
     "ts-node": "10.9.1",
-    "typescript": "4.8.2"
+    "typescript": "5.0.4"
   }
 }

jest-common.config.js

@@ -1,11 +1,11 @@
 module.exports = {
-  globals: {
-    'ts-jest': {
-      diagnostics: false,
-    },
-  },
   transform: {
-    '^.+\\.tsx?$': 'ts-jest',
+    '^.+\\.tsx?$': [
+      'ts-jest',
+      {
+        diagnostics: false,
+      },
+    ],
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
   testEnvironment: './jest-custom-environment',