AAE-48934 Migrate to @angular/build (#12098)

* AAE-48934 Migrate to @angular/build

* cr

* cr

* fix watch issue

* fix insights tests

lib/content-services/karma.conf.js

@@ -29,7 +29,7 @@ module.exports = function (config) {
             { pattern: 'lib/config/app.config.json', included: false, served: true, watched: false }
         ],
 
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+        frameworks: ['jasmine'],
 
         proxies: {
             '/assets/images/': '/base/lib/core/src/lib/assets/images/',
@@ -41,13 +41,7 @@ module.exports = function (config) {
             '/app.config.json': '/base/lib/config/app.config.json'
         },
 
-        plugins: [
+        plugins: [require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-jasmine-html-reporter'), require('karma-coverage')],
-            require('karma-jasmine'),
-            require('karma-chrome-launcher'),
-            require('karma-jasmine-html-reporter'),
-            require('karma-coverage'),
-            require('@angular-devkit/build-angular/plugins/karma')
-        ],
         client: {
             clearContext: false,
             jasmine: {
@@ -84,7 +78,6 @@ module.exports = function (config) {
         port: 9876,
         colors: true,
         logLevel: constants.LOG_INFO,
-        autoWatch: true,
         browsers: ['ChromeHeadless'],
         singleRun: true
     });

lib/content-services/project.json

@@ -6,7 +6,7 @@
   "prefix": "adf",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:ng-packagr",
+      "executor": "@angular/build:ng-packagr",
       "options": {
         "tsConfig": "lib/content-services/tsconfig.lib.json",
         "project": "lib/content-services/ng-package.json"
@@ -20,11 +20,12 @@
       "defaultConfiguration": "production"
     },
     "test": {
-      "executor": "@angular-devkit/build-angular:karma",
+      "executor": "@angular/build:karma",
       "options": {
         "main": "lib/content-services/src/test.ts",
         "tsConfig": "lib/content-services/tsconfig.spec.json",
         "karmaConfig": "lib/content-services/karma.conf.js",
+        "watch": false,
         "sourceMap": true,
         "codeCoverage": true,
         "stylePreprocessorOptions": {

lib/core/karma.conf.js

@@ -29,7 +29,7 @@ module.exports = function (config) {
             }
         ],
 
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+        frameworks: ['jasmine'],
 
         proxies: {
             '/fake-url-file.png': '/base/lib/core/src/lib/assets/images/logo.svg',
@@ -55,13 +55,7 @@ module.exports = function (config) {
             '/fake-test-password-file.pdf': '/base/lib/core/src/lib/viewer/assets/fake-test-password-file.pdf'
         },
 
-        plugins: [
+        plugins: [require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-jasmine-html-reporter'), require('karma-coverage')],
-            require('karma-jasmine'),
-            require('karma-chrome-launcher'),
-            require('karma-jasmine-html-reporter'),
-            require('karma-coverage'),
-            require('@angular-devkit/build-angular/plugins/karma')
-        ],
         client: {
             clearContext: false,
             jasmine: {
@@ -97,7 +91,6 @@ module.exports = function (config) {
         port: 9876,
         colors: true,
         logLevel: constants.LOG_INFO,
-        autoWatch: true,
         browsers: ['ChromeHeadless'],
         singleRun: true
     });

lib/core/project.json

@@ -6,7 +6,7 @@
   "prefix": "adf",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:ng-packagr",
+      "executor": "@angular/build:ng-packagr",
       "options": {
         "tsConfig": "lib/core/tsconfig.lib.json",
         "project": "lib/core/ng-package.json"
@@ -34,11 +34,12 @@
       }
     },
     "test": {
-      "executor": "@angular-devkit/build-angular:karma",
+      "executor": "@angular/build:karma",
       "options": {
         "main": "lib/core/test.ts",
         "tsConfig": "lib/core/tsconfig.spec.json",
         "karmaConfig": "lib/core/karma.conf.js",
+        "watch": false,
         "sourceMap": true,
         "codeCoverage": true,
         "stylePreprocessorOptions": {

lib/extensions/karma.conf.js

@@ -11,14 +11,8 @@ module.exports = function (config) {
             { pattern: '../../node_modules/pdfjs-dist/build/pdf.min.mjs', type: 'module', included: true, watched: false },
             { pattern: '../../node_modules/pdfjs-dist/build/pdf.worker.min.mjs', type: 'module', included: true, watched: false }
         ],
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+        frameworks: ['jasmine'],
-        plugins: [
+        plugins: [require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-jasmine-html-reporter'), require('karma-coverage')],
-            require('karma-jasmine'),
-            require('karma-chrome-launcher'),
-            require('karma-jasmine-html-reporter'),
-            require('karma-coverage'),
-            require('@angular-devkit/build-angular/plugins/karma')
-        ],
         client: {
             clearContext: false // leave Jasmine Spec Runner output visible in browser
         },
@@ -43,7 +37,6 @@ module.exports = function (config) {
         port: 9876,
         colors: true,
         logLevel: constants.LOG_INFO,
-        autoWatch: true,
         browsers: ['ChromeHeadless'],
         customLaunchers: {
             ChromeHeadless: {

lib/extensions/project.json

@@ -6,7 +6,7 @@
   "prefix": "adf",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:ng-packagr",
+      "executor": "@angular/build:ng-packagr",
       "options": {
         "tsConfig": "lib/extensions/tsconfig.lib.json",
         "project": "lib/extensions/ng-package.json"
@@ -19,11 +19,12 @@
       "defaultConfiguration": "production"
     },
     "test": {
-      "executor": "@angular-devkit/build-angular:karma",
+      "executor": "@angular/build:karma",
       "options": {
         "main": "lib/extensions/src/test.ts",
         "tsConfig": "lib/extensions/tsconfig.spec.json",
         "karmaConfig": "lib/extensions/karma.conf.js",
+        "watch": false,
         "sourceMap": true,
         "codeCoverage": true,
         "stylePreprocessorOptions": {

lib/insights/karma.conf.js

@@ -21,7 +21,7 @@ module.exports = function (config) {
             { pattern: 'lib/config/app.config.json', included: false, served: true, watched: false }
         ],
 
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+        frameworks: ['jasmine'],
 
         proxies: {
             '/base/assets/': '/base/lib/insights/src/lib/assets/',
@@ -29,13 +29,7 @@ module.exports = function (config) {
             '/app.config.json': '/base/lib/config/app.config.json'
         },
 
-        plugins: [
+        plugins: [require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-jasmine-html-reporter'), require('karma-coverage')],
-            require('karma-jasmine'),
-            require('karma-chrome-launcher'),
-            require('karma-jasmine-html-reporter'),
-            require('karma-coverage'),
-            require('@angular-devkit/build-angular/plugins/karma')
-        ],
         client: {
             clearContext: false,
             jasmine: {
@@ -72,7 +66,6 @@ module.exports = function (config) {
         port: 9876,
         colors: true,
         logLevel: constants.LOG_INFO,
-        autoWatch: true,
         browsers: ['ChromeHeadless'],
         singleRun: true
     });

lib/insights/project.json

@@ -6,7 +6,7 @@
   "prefix": "adf",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:ng-packagr",
+      "executor": "@angular/build:ng-packagr",
       "options": {
         "tsConfig": "lib/insights/tsconfig.lib.json",
         "project": "lib/insights/ng-package.json"
@@ -20,11 +20,12 @@
       "defaultConfiguration": "production"
     },
     "test": {
-      "executor": "@angular-devkit/build-angular:karma",
+      "executor": "@angular/build:karma",
       "options": {
         "main": "lib/insights/src/test.ts",
         "tsConfig": "lib/insights/tsconfig.spec.json",
         "karmaConfig": "lib/insights/karma.conf.js",
+        "watch": false,
         "sourceMap": true,
         "codeCoverage": true,
         "stylePreprocessorOptions": {

lib/insights/src/test.ts

@@ -21,8 +21,13 @@ import 'zone.js';
 import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import * as ChartJs from 'chart.js/auto';
+import Raphael from 'raphael';
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
     teardown: { destroyAfterEach: false }
 });
+
+(window as any).Chart = (window as any).Chart || ChartJs.Chart;
+(window as any).Raphael = (window as any).Raphael || Raphael;

lib/js-api/test/tsconfig.json

@@ -1,12 +1,3 @@
 {
-  "extends": "../../../tsconfig.json",
+  "extends": "../tsconfig.spec.json"
-  "compilerOptions": {
-    "module": "CommonJS",
-    "moduleResolution": "node",
-    "target": "ES2015",
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "allowSyntheticDefaultImports": true,
-    "lib": ["ESNext", "dom"]
-  }
 }

lib/process-services-cloud/karma.conf.js

@@ -22,7 +22,7 @@ module.exports = function (config) {
             { pattern: 'lib/process-services-cloud/**/*.ts', included: false, served: true, watched: false },
             { pattern: 'lib/config/app.config.json', included: false, served: true, watched: false }
         ],
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+        frameworks: ['jasmine'],
         proxies: {
             '/assets/': '/base/lib/process-services-cloud/src/lib/assets/',
             '/resources/i18n/en.json': '/base/lib/process-services-cloud/src/lib/mock/en.json',
@@ -34,13 +34,7 @@ module.exports = function (config) {
             '/assets/adf-process-services-cloud/i18n/en-GB.json': '/base/lib/process-services-cloud/lib/i18n/en.json',
             '/app.config.json': '/base/lib/config/app.config.json'
         },
-        plugins: [
+        plugins: [require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-jasmine-html-reporter'), require('karma-coverage')],
-            require('karma-jasmine'),
-            require('karma-chrome-launcher'),
-            require('karma-jasmine-html-reporter'),
-            require('karma-coverage'),
-            require('@angular-devkit/build-angular/plugins/karma')
-        ],
         client: {
             clearContext: false,
             jasmine: {
@@ -76,7 +70,6 @@ module.exports = function (config) {
         port: 9876,
         colors: true,
         logLevel: constants.LOG_INFO,
-        autoWatch: true,
         browsers: ['ChromeHeadless'],
         singleRun: true
     });

lib/process-services-cloud/project.json

@@ -6,7 +6,7 @@
   "prefix": "adf-cloud",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:ng-packagr",
+      "executor": "@angular/build:ng-packagr",
       "options": {
         "tsConfig": "lib/process-services-cloud/tsconfig.lib.json",
         "project": "lib/process-services-cloud/ng-package.json"
@@ -20,11 +20,12 @@
       "defaultConfiguration": "production"
     },
     "test": {
-      "executor": "@angular-devkit/build-angular:karma",
+      "executor": "@angular/build:karma",
       "options": {
         "main": "lib/process-services-cloud/src/test.ts",
         "tsConfig": "lib/process-services-cloud/tsconfig.spec.json",
         "karmaConfig": "lib/process-services-cloud/karma.conf.js",
+        "watch": false,
         "sourceMap": true,
         "codeCoverage": true,
         "stylePreprocessorOptions": {

lib/process-services/karma.conf.js

@@ -22,7 +22,7 @@ module.exports = function (config) {
             { pattern: 'lib/process-services/**/*.ts', included: false, served: true, watched: false },
             { pattern: 'lib/config/app.config.json', included: false, served: true, watched: false }
         ],
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+        frameworks: ['jasmine'],
         proxies: {
             '/assets/': '/base/lib/process-services/src/lib/assets/',
             '/assets/adf-core/i18n/en.json': '/base/lib/core/src/lib/i18n/en.json',
@@ -30,13 +30,7 @@ module.exports = function (config) {
             '/assets/adf-process-services/i18n/en-GB.json': '/base/lib/process-services/src/lib/i18n/en.json',
             '/app.config.json': '/base/lib/config/app.config.json'
         },
-        plugins: [
+        plugins: [require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-jasmine-html-reporter'), require('karma-coverage')],
-            require('karma-jasmine'),
-            require('karma-chrome-launcher'),
-            require('karma-jasmine-html-reporter'),
-            require('karma-coverage'),
-            require('@angular-devkit/build-angular/plugins/karma')
-        ],
         client: {
             clearContext: false,
             jasmine: {
@@ -71,7 +65,6 @@ module.exports = function (config) {
         port: 9876,
         colors: true,
         logLevel: constants.LOG_INFO,
-        autoWatch: true,
         browsers: ['ChromeHeadless'],
         singleRun: true
     });

lib/process-services/project.json

@@ -6,7 +6,7 @@
   "prefix": "adf",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:ng-packagr",
+      "executor": "@angular/build:ng-packagr",
       "options": {
         "tsConfig": "lib/process-services/tsconfig.lib.json",
         "project": "lib/process-services/ng-package.json"
@@ -20,11 +20,12 @@
       "defaultConfiguration": "production"
     },
     "test": {
-      "executor": "@angular-devkit/build-angular:karma",
+      "executor": "@angular/build:karma",
       "options": {
         "main": "lib/process-services/src/test.ts",
         "tsConfig": "lib/process-services/tsconfig.spec.json",
         "karmaConfig": "lib/process-services/karma.conf.js",
+        "watch": false,
         "sourceMap": true,
         "codeCoverage": true,
         "stylePreprocessorOptions": {

package.json

@@ -78,7 +78,7 @@
   "devDependencies": {
     "@alfresco/eslint-plugin-eslint-angular": "workspace:*",
     "@angular-devkit/architect": "0.2003.16",
-    "@angular-devkit/build-angular": "20.3.32",
+    "@angular/build": "20.3.32",
     "@angular-devkit/core": "20.3.32",
     "@angular-devkit/schematics": "20.3.32",
     "@angular-eslint/eslint-plugin": "20.7.0",
@@ -145,6 +145,7 @@
     "storybook": "10.4.0",
     "stylelint": "16.20.0",
     "stylelint-config-standard-scss": "13.1.0",
+    "ts-jest": "29.4.11",
     "ts-node": "10.9.2",
     "typescript": "5.9.3",
     "webpack": "5.109.0"