Merge pull request #17 from catenax-ng/feature/TRACEFOSS-1023-package-update-2

Feature/tracefoss 1023 package update

Author: fbedarf

.github/scripts/eclipse_dash.sh

@@ -1,2 +1,2 @@
 java -jar org.eclipse.dash.licenses-0.0.1-20221105.055038-599.jar yarn.lock -project automotive.tractusx -summary DASH_SUMMARY
-grep "restricted" DASH_SUMMARY | if test $(wc -l) -gt 0; then exit 1; fi
+grep -E '(restricted, #)|(restricted$)' DASH_SUMMARY | if test $(wc -l) -gt 0; then exit 1; fi

DEPENDENCIES

@@ -243,6 +243,5 @@
         }
       }
     }
-  },
-  "defaultProject": "trace-x"
+  }
 }

angular.json

@@ -27,7 +27,6 @@ module.exports = function (config) {
     plugins: [
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
       require('karma-sonarqube-reporter'),
       require('@angular-devkit/build-angular/plugins/karma'),
@@ -38,7 +37,6 @@ module.exports = function (config) {
         // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
         // for example, you can disable the random execution with `random: false`
         // or set a specific seed with `seed: 4321`
-        seed: 39166,
       },
       clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
@@ -54,7 +52,7 @@ module.exports = function (config) {
         { type: 'lcov', subdir: 'lcov-report' },
       ],
     },
-    reporters: ['progress', 'kjhtml', 'sonarqube'],
+    reporters: ['sonarqube'],
     sonarqubeReporter: {
       basePath: 'src', // test files folder
       filePattern: '**/*spec.ts', // test files glob pattern

karma.conf.js

@@ -33,91 +33,94 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-material-components/datetime-picker": "7.0.1",
-    "@angular/animations": "13.3.6",
-    "@angular/cdk": "13.3.6",
-    "@angular/common": "13.3.6",
-    "@angular/compiler": "13.3.6",
-    "@angular/core": "13.3.6",
-    "@angular/forms": "13.3.6",
-    "@angular/material": "13.3.6",
-    "@angular/platform-browser": "13.3.6",
-    "@angular/platform-browser-dynamic": "13.3.6",
-    "@angular/router": "13.3.6",
-    "@deck.gl/core": "8.8.20",
-    "@deck.gl/layers": "8.7.12",
-    "@deck.gl/mapbox": "8.8.22",
-    "@mapbox/mapbox-gl-language": "^1.0.0",
+    "@angular-material-components/datetime-picker": "9.0.0",
+    "@angular/animations": "15.1.5",
+    "@angular/cdk": "15.1.5",
+    "@angular/common": "15.1.5",
+    "@angular/compiler": "15.1.5",
+    "@angular/core": "15.1.5",
+    "@angular/forms": "15.1.5",
+    "@angular/material": "15.1.5",
+    "@angular/platform-browser": "15.1.5",
+    "@angular/platform-browser-dynamic": "15.1.5",
+    "@angular/router": "15.1.5",
+    "@deck.gl/core": "8.8.25",
+    "@deck.gl/layers": "8.8.25",
+    "@deck.gl/mapbox": "8.8.25",
+    "@loaders.gl/core": "^3.3.1",
+    "@luma.gl/core": "^8.5.18",
+    "@mapbox/mapbox-gl-language": "^1.0.1",
     "@types/lodash-es": "4.17.6",
-    "angular-i18next": "11.0.0",
+    "angular-i18next": "15.0.5",
     "autoprefixer": "10.4.13",
-    "d3": "7.8.0",
-    "i18next": "21.10.0",
+    "d3": "7.8.2",
+    "esbuild": "^0.17.10",
+    "i18next": "22.4.10",
     "i18next-browser-languagedetector": "7.0.1",
-    "i18next-http-backend": "2.0.2",
-    "keycloak-angular": "10.0.2",
-    "keycloak-js": "18.0.1",
+    "i18next-http-backend": "2.1.1",
+    "keycloak-angular": "13.0.0",
+    "keycloak-js": "20.0.5",
     "lodash-es": "4.17.21",
+    "mapbox-gl": "^2.12.1",
     "maplibre-gl": "^2.4.0",
-    "postcss": "8.4.19",
-    "rxjs": "7.5.7",
-    "tailwindcss": "3.2.4",
-    "tslib": "2.4.1",
+    "postcss": "8.4.21",
+    "rxjs": "7.8.0",
+    "tailwindcss": "3.2.7",
+    "tslib": "2.5.0",
     "webpack": "5.75.0",
-    "zone.js": "0.11.8"
+    "zone.js": "0.12.0"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "13.1.0",
-    "@angular-devkit/build-angular": "13.3.5",
-    "@angular-eslint/builder": "15.1.0",
-    "@angular-eslint/eslint-plugin": "15.2.0",
-    "@angular-eslint/eslint-plugin-template": "13.2.1",
-    "@angular-eslint/schematics": "13.5.0",
-    "@angular-eslint/template-parser": "13.2.1",
-    "@angular/cli": "13.3.5",
-    "@angular/compiler-cli": "13.3.6",
-    "@angular/language-service": "13.3.6",
-    "@badeball/cypress-cucumber-preprocessor": "^15.0.0",
-    "@bahmutov/cypress-esbuild-preprocessor": "^2.1.5",
-    "@commitlint/cli": "17.4.2",
-    "@commitlint/config-conventional": "16.2.4",
-    "@cypress/schematic": "2.4.0",
-    "@testing-library/angular": "11.0.4",
-    "@testing-library/jasmine-dom": "1.2.0",
+    "@angular-builders/custom-webpack": "15.0.0",
+    "@angular-devkit/build-angular": "15.1.6",
+    "@angular-eslint/builder": "15.2.1",
+    "@angular-eslint/eslint-plugin": "15.2.1",
+    "@angular-eslint/eslint-plugin-template": "15.2.1",
+    "@angular-eslint/schematics": "15.2.1",
+    "@angular-eslint/template-parser": "15.2.1",
+    "@angular/cli": "15.1.6",
+    "@angular/compiler-cli": "15.1.5",
+    "@angular/language-service": "15.1.5",
+    "@badeball/cypress-cucumber-preprocessor": "^15.1.4",
+    "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
+    "@commitlint/cli": "17.4.4",
+    "@commitlint/config-conventional": "17.4.4",
+    "@cypress/schematic": "2.5.0",
+    "@testing-library/angular": "13.2.1",
+    "@testing-library/jasmine-dom": "1.3.3",
     "@types/d3": "7.4.0",
     "@types/jasmine": "4.3.1",
     "@types/luxon": "3.2.0",
-    "@types/node": "18.11.4",
-    "@types/testing-library__jasmine-dom": "^1.0.3",
-    "@typescript-eslint/eslint-plugin": "5.48.0",
-    "@typescript-eslint/parser": "5.49.0",
-    "cypress": "^12.4.0",
-    "eslint": "8.28.0",
-    "eslint-config-prettier": "8.5.0",
+    "@types/node": "^18.14.0",
+    "@types/testing-library__jasmine-dom": "^1.3.0",
+    "@typescript-eslint/eslint-plugin": "5.53.0",
+    "@typescript-eslint/parser": "5.53.0",
+    "cypress": "^12.6.0",
+    "eslint": "8.34.0",
+    "eslint-config-prettier": "8.6.0",
     "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-jsdoc": "39.6.4",
+    "eslint-plugin-jsdoc": "40.0.0",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "husky": "8.0.2",
-    "jasmine-core": "4.3.0",
+    "husky": "8.0.3",
+    "jasmine-core": "4.5.0",
     "karma": "6.4.1",
-    "karma-chrome-launcher": "3.1.0",
+    "karma-chrome-launcher": "3.1.1",
     "karma-coverage": "2.2.0",
     "karma-jasmine": "5.1.0",
-    "karma-jasmine-html-reporter": "2.0.0",
     "karma-sonarqube-reporter": "1.4.0",
-    "lint-staged": "13.0.3",
-    "msw": "1.0.0",
+    "lint-staged": "13.1.2",
+    "msw": "1.0.1",
     "playwright-webkit": "^1.30.0",
     "postcss-import": "15.1.0",
     "postcss-loader": "7.0.2",
-    "postcss-scss": "4.0.4",
-    "prettier": "2.7.1",
-    "stylelint": "14.16.1",
-    "stylelint-config-standard-scss": "4.0.0",
+    "postcss-scss": "4.0.6",
+    "prettier": "2.8.4",
+    "stylelint": "15.2.0",
+    "stylelint-config-standard-scss": "7.0.1",
     "ts-loader": "^9.4.2",
     "ts-node": "10.9.1",
-    "typescript": "4.6.4",
-    "webpack-bundle-analyzer": "4.5.0"
+    "typescript": "4.9.5",
+    "webpack-bundle-analyzer": "4.8.0"
   },
   "msw": {
     "workerDirectory": "src"

package.json

@@ -79,8 +79,8 @@ export const partsHandlersTest = [
     return res(ctx.status(200), ctx.json(mockAssets));
   }),
 
-  rest.post(`*${environment.apiUrl}/assets/detail-information`, (req, res, ctx) => {
-    const { assetIds } = typeof req.body === 'string' ? JSON.parse(req.body) : req.body;
+  rest.post(`*${environment.apiUrl}/assets/detail-information`, async (req, res, ctx) => {
+    const { assetIds } = await req.json();
     return res(ctx.status(200), ctx.json(assetIds.map(id => mockAssetList[id] || getAssetById(id))));
   }),
 

src/app/mocks/services/parts-mock/parts.handler.ts

@@ -41,7 +41,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload', relativeLinkResolution: 'legacy' })],
+  imports: [RouterModule.forRoot(routes, { onSameUrlNavigation: 'reload' })],
   exports: [RouterModule],
   providers: [AuthGuard],
 })

src/app/modules/core/core.routing.ts

@@ -58,16 +58,16 @@ export const buildCustomProtocolResolver = (customProtocolsRegistry: CustomProto
     const resolution = customProtocolResolution[prefix];
     const fullPrefix = customProtocolName + ':' + prefix;
 
-    const originalQueryParams = Object.fromEntries(new URL(url).searchParams);
+    const originalQueryParams = Object.fromEntries(new URL(url).searchParams as any);
     const cleanUrl = url.split('?')[0];
 
     const targetQueryParams = new HttpParams({
       fromObject: { ...originalQueryParams, ...resolution.queryParams },
     }).toString();
 
     const hasQueryParams = Object.keys(targetQueryParams).length > 0;
-    const tartegUrlWithoutParams = cleanUrl.replace(fullPrefix, resolution.pathname) + (resolution.postfix ?? '');
-    return tartegUrlWithoutParams + (hasQueryParams ? '?' + targetQueryParams : '');
+    const targetUrlWithoutParams = cleanUrl.replace(fullPrefix, resolution.pathname) + (resolution.postfix ?? '');
+    return targetUrlWithoutParams + (hasQueryParams ? '?' + targetQueryParams : '');
   };
 };
 

src/app/modules/core/extensions/fetch-custom-protocols.ts

@@ -21,28 +21,24 @@
 
 import { LayoutModule } from '@layout/layout.module';
 import { NavBarComponent } from '@layout/nav-bar/nav-bar.component';
-import { screen, waitFor } from '@testing-library/angular';
+import { fireEvent, screen, waitFor } from '@testing-library/angular';
 import { renderComponent } from '@tests/test-render.utils';
 
 describe('Navbar', () => {
+  const renderNavbar = () => renderComponent(NavBarComponent, { imports: [LayoutModule] });
   it('should render navbar', async () => {
-    await renderComponent(NavBarComponent, {
-      imports: [LayoutModule],
-    });
+    await renderNavbar();
 
     expect(await waitFor(() => screen.getByText('OEM A'))).toBeInTheDocument();
   });
 
   it('should open details', async () => {
-    await renderComponent(NavBarComponent, {
-      imports: [LayoutModule],
-    });
+    await renderNavbar();
+    fireEvent.click(await waitFor(() => screen.getByTestId('user-menu')));
 
-    const userAvatarButton = await waitFor(() => screen.getByTestId('user-menu'));
-    userAvatarButton.click();
     expect((await waitFor(() => screen.getAllByText('OEM A'))).length).toEqual(2);
     expect(await waitFor(() => screen.getByText('user'))).toBeInTheDocument();
     expect(await waitFor(() => screen.getByText('[email protected]'))).toBeInTheDocument();
-    expect(await waitFor(() => screen.getByText('Sign out'))).toBeInTheDocument();
+    expect(await waitFor(() => screen.getByText('layout.nav.signOut'))).toBeInTheDocument();
   });
 });

src/app/modules/core/layout/nav-bar/nav-bar.component.spec.ts

@@ -20,7 +20,7 @@
 -->
 
 <section [class.active]="this.isActive" class="sidebar-menu-container__item">
-  <mat-icon [tooltip]="this.name" [class.item-active]="this.isActive" appTooltip class="item text-dark">{{
+  <mat-icon [tooltip]="this.name" [class.item-active]="this.isActive" appTooltip class="text-dark">{{
     this.iconName
   }}</mat-icon>
   <p class="regular-text" [class.item-active]="this.isActive" [class.disable]="!this.isExpanded">