codecharta-visualization 1.114.0 → 1.115.0

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/nodeContextMenuCard.component.ts

@@ -1,17 +1,18 @@
-import "./nodeContextMenuCard.component.scss"
-import { Component, Inject, OnInit } from "@angular/core"
+import { Component, OnInit, ViewEncapsulation } from "@angular/core"
 import { Store } from "../../../angular-redux/store"
 import { rightClickedCodeMapNodeSelector } from "../rightClickedCodeMapNode.selector"
 import { Observable } from "rxjs"
 import { CodeMapNode } from "../../../../codeCharta.model"
 
 @Component({
-	template: require("./nodeContextMenuCard.component.html")
+	templateUrl: "./nodeContextMenuCard.component.html",
+	styleUrls: ["./nodeContextMenuCard.component.scss"],
+	encapsulation: ViewEncapsulation.None
 })
 export class NodeContextMenuCardComponent implements OnInit {
 	codeMapNode$: Observable<CodeMapNode>
 
-	constructor(@Inject(Store) private store: Store) {}
+	constructor(private store: Store) {}
 
 	ngOnInit(): void {
 		this.codeMapNode$ = this.store.select(rightClickedCodeMapNodeSelector)

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/nodeContextMenuCard.module.ts

@@ -12,7 +12,6 @@ import { NodeContextMenuCardComponent } from "./nodeContextMenuCard.component"
 @NgModule({
 	imports: [CommonModule, MaterialModule, FlattenButtonsModule, FocusButtonsModule, HighlightButtonsModule, MarkFolderRowModule],
 	declarations: [NodeContextMenuCardComponent, LastPartOfNodePathPipe, ExcludeButtonComponent],
-	exports: [NodeContextMenuCardComponent],
-	entryComponents: [NodeContextMenuCardComponent]
+	exports: [NodeContextMenuCardComponent]
 })
 export class NodeContextMenuCardModule {}

package/app/codeCharta/state/effects/nodeContextMenu/openNodeContextMenu.effect.ts

@@ -11,10 +11,7 @@ import { tap } from "rxjs"
 
 @Injectable()
 export class OpenNodeContextMenuEffect {
-	constructor(
-		@Inject(ActionsToken) private actions$: Actions,
-		@Inject(NodeContextMenuService) private nodeContextMenu: NodeContextMenuService
-	) {}
+	constructor(@Inject(ActionsToken) private actions$: Actions, private nodeContextMenu: NodeContextMenuService) {}
 
 	openNodeContextMenu$ = createEffect(
 		() =>

package/app/codeCharta/state/effects/renderCodeMapEffect/renderCodeMap.effect.ts

@@ -18,11 +18,11 @@ export const maxFPS = 1000 / 60
 @Injectable()
 export class RenderCodeMapEffect {
 	constructor(
-		@Inject(Store) private store: Store,
+		private store: Store,
 		@Inject(ActionsToken) private actions$: Actions,
-		@Inject(UploadFilesService) private uploadFilesService: UploadFilesService,
-		@Inject(ThreeRendererService) private threeRendererService: ThreeRendererService,
-		@Inject(CodeMapRenderService) private codeMapRenderService: CodeMapRenderService
+		private uploadFilesService: UploadFilesService,
+		private threeRendererService: ThreeRendererService,
+		private codeMapRenderService: CodeMapRenderService
 	) {}
 
 	private actionsRequiringRender$ = this.actions$.pipe(

package/app/codeCharta/state/effects/resetChosenMetrics/resetChosenMetrics.effect.spec.ts

@@ -3,7 +3,7 @@ import { TestBed } from "@angular/core/testing"
 import { BehaviorSubject, Subject } from "rxjs"
 import { EffectsModule } from "../../angular-redux/effects/effects.module"
 import { Store } from "../../angular-redux/store"
-import { nodeMetricDataSelector } from "../../selectors/accumulatedData/metricData/nodeMetricData.selector"
+import { metricDataSelector } from "../../selectors/accumulatedData/metricData/metricData.selector"
 import { areChosenMetricsAvailableSelector } from "../../selectors/allNecessaryRenderDataAvailable/areAllNecessaryRenderDataAvailable.selector"
 import { setAreaMetric } from "../../store/dynamicSettings/areaMetric/areaMetric.actions"
 import { setColorMetric } from "../../store/dynamicSettings/colorMetric/colorMetric.actions"
@@ -12,13 +12,13 @@ import { setHeightMetric } from "../../store/dynamicSettings/heightMetric/height
 import { ResetChosenMetricsEffect } from "./resetChosenMetrics.effect"
 
 describe("resetChosenMetricsEffect", () => {
-	let mockedNodeMetricDataSelector = new Subject()
+	let mockedMetricDataSelector = new Subject()
 	const mockedAreChosenMetricsAvailableSelector = new BehaviorSubject(false)
 	const mockedStore = {
 		select: (selector: unknown) => {
 			switch (selector) {
-				case nodeMetricDataSelector:
-					return mockedNodeMetricDataSelector
+				case metricDataSelector:
+					return mockedMetricDataSelector
 				case areChosenMetricsAvailableSelector:
 					return mockedAreChosenMetricsAvailableSelector
 				default:
@@ -30,7 +30,7 @@ describe("resetChosenMetricsEffect", () => {
 
 	beforeEach(async () => {
 		mockedStore.dispatch = jest.fn()
-		mockedNodeMetricDataSelector = new Subject()
+		mockedMetricDataSelector = new Subject()
 		TestBed.configureTestingModule({
 			imports: [EffectsModule.forRoot([ResetChosenMetricsEffect])],
 			providers: [{ provide: Store, useValue: mockedStore }]
@@ -39,19 +39,21 @@ describe("resetChosenMetricsEffect", () => {
 	})
 
 	afterEach(() => {
-		mockedNodeMetricDataSelector.complete()
+		mockedMetricDataSelector.complete()
 	})
 
 	it("should do nothing, when there are no metrics available", () => {
-		mockedNodeMetricDataSelector.next([])
+		mockedMetricDataSelector.next({ nodeMetricData: [] })
 		expect(mockedStore.dispatch).not.toHaveBeenCalled()
 	})
 
 	it("should apply matching metrics, when area, height and color metrics of matching category are available", () => {
-		mockedNodeMetricDataSelector.next([
-			{ name: "rloc", maxValue: 9001 },
-			{ name: "mcc", maxValue: 9001 }
-		])
+		mockedMetricDataSelector.next({
+			nodeMetricData: [
+				{ name: "rloc", maxValue: 9001 },
+				{ name: "mcc", maxValue: 9001 }
+			]
+		})
 
 		expect(mockedStore.dispatch).toHaveBeenCalledTimes(4)
 		expect(mockedStore.dispatch).toHaveBeenCalledWith(setDistributionMetric("rloc"))
@@ -61,10 +63,12 @@ describe("resetChosenMetricsEffect", () => {
 	})
 
 	it("should apply available metrics when no matching scenario was found", () => {
-		mockedNodeMetricDataSelector.next([
-			{ name: "rloc", maxValue: 9001 },
-			{ name: "loc", maxValue: 9001 }
-		])
+		mockedMetricDataSelector.next({
+			nodeMetricData: [
+				{ name: "rloc", maxValue: 9001 },
+				{ name: "loc", maxValue: 9001 }
+			]
+		})
 
 		expect(mockedStore.dispatch).toHaveBeenCalledTimes(4)
 		expect(mockedStore.dispatch).toHaveBeenCalledWith(setDistributionMetric("rloc"))
@@ -75,10 +79,12 @@ describe("resetChosenMetricsEffect", () => {
 
 	it("should do nothing, when chosen metrics are still available", () => {
 		mockedAreChosenMetricsAvailableSelector.next(true)
-		mockedNodeMetricDataSelector.next([
-			{ name: "rloc", maxValue: 9001 },
-			{ name: "loc", maxValue: 9001 }
-		])
+		mockedMetricDataSelector.next({
+			nodeMetricData: [
+				{ name: "rloc", maxValue: 9001 },
+				{ name: "loc", maxValue: 9001 }
+			]
+		})
 
 		expect(mockedStore.dispatch).not.toHaveBeenCalled()
 	})

package/app/codeCharta/state/effects/resetChosenMetrics/resetChosenMetrics.effect.ts

@@ -1,23 +1,24 @@
-import { Inject, Injectable } from "@angular/core"
-import { filter, tap, withLatestFrom } from "rxjs"
+import { Injectable } from "@angular/core"
+import { filter, tap, withLatestFrom, map } from "rxjs"
 import { defaultNMetrics, isAnyMetricAvailable, preselectCombination } from "./utils/metricHelper"
 import { createEffect } from "../../angular-redux/effects/createEffect"
 import { Store } from "../../angular-redux/store"
-import { nodeMetricDataSelector } from "../../selectors/accumulatedData/metricData/nodeMetricData.selector"
 import { setDistributionMetric } from "../../store/dynamicSettings/distributionMetric/distributionMetric.actions"
 import { getDefaultDistribution } from "./utils/getDefaultDistributionMetric"
 import { setAreaMetric } from "../../store/dynamicSettings/areaMetric/areaMetric.actions"
 import { setHeightMetric } from "../../store/dynamicSettings/heightMetric/heightMetric.actions"
 import { setColorMetric } from "../../store/dynamicSettings/colorMetric/colorMetric.actions"
 import { areChosenMetricsAvailableSelector } from "../../selectors/allNecessaryRenderDataAvailable/areAllNecessaryRenderDataAvailable.selector"
+import { metricDataSelector } from "../../selectors/accumulatedData/metricData/metricData.selector"
 
 @Injectable()
 export class ResetChosenMetricsEffect {
-	constructor(@Inject(Store) private store: Store) {}
+	constructor(private store: Store) {}
 
 	resetChosenDistributionMetric$ = createEffect(
 		() =>
-			this.store.select(nodeMetricDataSelector).pipe(
+			this.store.select(metricDataSelector).pipe(
+				map(metricData => metricData.nodeMetricData),
 				filter(isAnyMetricAvailable),
 				withLatestFrom(this.store.select(areChosenMetricsAvailableSelector)),
 				filter(([, areChosenMetricsAvailable]) => !areChosenMetricsAvailable),

package/app/codeCharta/state/effects/resetSelectedEdgeMetricWhenItDoesntExistAnymore/resetSelectedEdgeMetricWhenItDoesntExistAnymore.effect.spec.ts

@@ -3,20 +3,20 @@ import { ApplicationInitStatus } from "@angular/core"
 import { Subject } from "rxjs"
 import { EffectsModule } from "../../angular-redux/effects/effects.module"
 import { Store } from "../../angular-redux/store"
-import { edgeMetricDataSelector } from "../../selectors/accumulatedData/metricData/edgeMetricData.selector"
+import { metricDataSelector } from "../../selectors/accumulatedData/metricData/metricData.selector"
 import { edgeMetricSelector } from "../../store/dynamicSettings/edgeMetric/edgeMetric.selector"
 import { Store as PlainStoreUsedByEffects } from "../../store/store"
 import { ResetSelectedEdgeMetricWhenItDoesntExistAnymoreEffect } from "./resetSelectedEdgeMetricWhenItDoesntExistAnymore.effect"
 import { setEdgeMetric } from "../../store/dynamicSettings/edgeMetric/edgeMetric.actions"
 
 describe("ResetSelectedEdgeMetricWhenItDoesntExistAnymoreEffect", () => {
-	let mockedEdgeMetricDataSelector$ = new Subject()
+	let mockedMetricDataSelector$ = new Subject()
 	let mockedEdgeMetricSelector$ = new Subject()
 	const mockedStore = {
 		select: (selector: unknown) => {
 			switch (selector) {
-				case edgeMetricDataSelector:
-					return mockedEdgeMetricDataSelector$
+				case metricDataSelector:
+					return mockedMetricDataSelector$
 				case edgeMetricSelector:
 					return mockedEdgeMetricSelector$
 				default:
@@ -29,7 +29,7 @@ describe("ResetSelectedEdgeMetricWhenItDoesntExistAnymoreEffect", () => {
 	beforeEach(async () => {
 		mockedStore.dispatch = jest.fn()
 		PlainStoreUsedByEffects.store.dispatch = mockedStore.dispatch
-		mockedEdgeMetricDataSelector$ = new Subject()
+		mockedMetricDataSelector$ = new Subject()
 		mockedEdgeMetricSelector$ = new Subject()
 		TestBed.configureTestingModule({
 			imports: [EffectsModule.forRoot([ResetSelectedEdgeMetricWhenItDoesntExistAnymoreEffect])],
@@ -39,39 +39,39 @@ describe("ResetSelectedEdgeMetricWhenItDoesntExistAnymoreEffect", () => {
 	})
 
 	afterEach(() => {
-		mockedEdgeMetricDataSelector$.complete()
+		mockedMetricDataSelector$.complete()
 		mockedEdgeMetricSelector$.complete()
 	})
 
 	it("should reset selected edge metric to first available, when current isn't available anymore", () => {
 		mockedEdgeMetricSelector$.next("avgCommits")
-		mockedEdgeMetricDataSelector$.next([{ name: "pairingRate" }])
+		mockedMetricDataSelector$.next({ edgeMetricData: [{ name: "pairingRate" }] })
 		expect(mockedStore.dispatch).toHaveBeenLastCalledWith(setEdgeMetric("pairingRate"))
 	})
 
 	it("should do nothing, when current selected edge metric is still available", () => {
 		mockedEdgeMetricSelector$.next("avgCommits")
-		mockedEdgeMetricDataSelector$.next([{ name: "avgCommits" }])
+		mockedMetricDataSelector$.next({ edgeMetricData: [{ name: "avgCommits" }] })
 		expect(mockedStore.dispatch).not.toHaveBeenCalled()
 	})
 
 	it("should not set reselect edge metric to null", () => {
 		mockedEdgeMetricSelector$.next("avgCommits")
-		mockedEdgeMetricDataSelector$.next([])
+		mockedMetricDataSelector$.next({ edgeMetricData: [] })
 		expect(mockedStore.dispatch).toHaveBeenLastCalledWith(setEdgeMetric(undefined))
 
-		mockedEdgeMetricDataSelector$.next([])
+		mockedMetricDataSelector$.next({ edgeMetricData: [] })
 		expect(mockedStore.dispatch).toHaveBeenCalledTimes(1)
 	})
 
 	it("should reset when an edge metric becomes available again", () => {
 		mockedEdgeMetricSelector$.next("pairingRate")
-		mockedEdgeMetricDataSelector$.next([{ name: "avgCommits" }])
+		mockedMetricDataSelector$.next({ edgeMetricData: [{ name: "avgCommits" }] })
 		expect(mockedStore.dispatch).toHaveBeenLastCalledWith(setEdgeMetric("avgCommits"))
 
-		mockedEdgeMetricDataSelector$.next([])
+		mockedMetricDataSelector$.next({ edgeMetricData: [] })
 		mockedEdgeMetricSelector$.next(null)
-		mockedEdgeMetricDataSelector$.next([{ name: "avgCommits" }])
+		mockedMetricDataSelector$.next({ edgeMetricData: [{ name: "avgCommits" }] })
 		expect(mockedStore.dispatch).toHaveBeenCalledTimes(3)
 		expect(mockedStore.dispatch.mock.calls[0][0]).toEqual(setEdgeMetric("avgCommits"))
 	})

package/app/codeCharta/state/effects/resetSelectedEdgeMetricWhenItDoesntExistAnymore/resetSelectedEdgeMetricWhenItDoesntExistAnymore.effect.ts

@@ -1,20 +1,20 @@
-import { Inject, Injectable } from "@angular/core"
+import { Injectable } from "@angular/core"
 import { filter, withLatestFrom, map, distinctUntilChanged } from "rxjs"
 import { createEffect } from "../../angular-redux/effects/createEffect"
 import { Store } from "../../angular-redux/store"
-import { edgeMetricDataSelector } from "../../selectors/accumulatedData/metricData/edgeMetricData.selector"
+import { metricDataSelector } from "../../selectors/accumulatedData/metricData/metricData.selector"
 import { setEdgeMetric } from "../../store/dynamicSettings/edgeMetric/edgeMetric.actions"
 import { edgeMetricSelector } from "../../store/dynamicSettings/edgeMetric/edgeMetric.selector"
 
 @Injectable()
 export class ResetSelectedEdgeMetricWhenItDoesntExistAnymoreEffect {
-	constructor(@Inject(Store) private store: Store) {}
+	constructor(private store: Store) {}
 
 	resetSelectedEdgeMetricWhenItDoesntExistAnymore$ = createEffect(() =>
-		this.store.select(edgeMetricDataSelector).pipe(
+		this.store.select(metricDataSelector).pipe(
 			withLatestFrom(this.store.select(edgeMetricSelector)),
-			filter(([edgeMetrics, selectedEdgeMetric]) => !edgeMetrics.some(metric => metric.name === selectedEdgeMetric)),
-			map(([edgeMetrics]) => edgeMetrics[0]?.name),
+			filter(([metricData, selectedEdgeMetric]) => !metricData.edgeMetricData.some(metric => metric.name === selectedEdgeMetric)),
+			map(([metricData]) => metricData.edgeMetricData[0]?.name),
 			distinctUntilChanged(),
 			map(newEdgeMetric => setEdgeMetric(newEdgeMetric))
 		)

package/app/codeCharta/state/effects/unfocusNodes/unfocusNodes.effect.ts

@@ -1,4 +1,4 @@
-import { Inject, Injectable } from "@angular/core"
+import { Injectable } from "@angular/core"
 import { map } from "rxjs"
 import { createEffect } from "../../angular-redux/effects/createEffect"
 import { Store } from "../../angular-redux/store"
@@ -7,7 +7,7 @@ import { unfocusAllNodes } from "../../store/dynamicSettings/focusedNodePath/foc
 
 @Injectable()
 export class UnfocusNodesEffect {
-	constructor(@Inject(Store) private store: Store) {}
+	constructor(private store: Store) {}
 
 	unfocusNodes$ = createEffect(() => this.store.select(visibleFileStatesSelector).pipe(map(() => unfocusAllNodes())))
 }

package/app/codeCharta/state/effects/updateEdgePreviews/updateEdgePreviews.effect.ts

@@ -1,4 +1,4 @@
-import { Inject, Injectable } from "@angular/core"
+import { Injectable } from "@angular/core"
 import { combineLatest, filter, map, withLatestFrom } from "rxjs"
 import { createEffect } from "../../angular-redux/effects/createEffect"
 import { Store } from "../../angular-redux/store"
@@ -15,7 +15,7 @@ import { setEdgeVisibility } from "./utils/setEdgeVisibility"
 
 @Injectable()
 export class UpdateEdgePreviewsEffect {
-	constructor(@Inject(Store) private store: Store) {}
+	constructor(private store: Store) {}
 
 	resetIsEdgeMetricVisible$ = createEffect(() =>
 		this.store.select(edgeMetricSelector).pipe(

package/app/codeCharta/state/effects/updateEdgePreviews/utils/edgePreviewNodes.selector.ts

@@ -1,11 +1,13 @@
 import { createSelector } from "../../../angular-redux/createSelector"
-import { edgeMetricMapSelector, NodeEdgeMetricsMap } from "../../../selectors/accumulatedData/metricData/edgeMetricData.selector"
+import { NodeEdgeMetricsMap } from "../../../selectors/accumulatedData/metricData/edgeMetricData.calculator"
+import { metricDataSelector } from "../../../selectors/accumulatedData/metricData/metricData.selector"
 import { amountOfEdgePreviewsSelector } from "../../../store/appSettings/amountOfEdgePreviews/amountOfEdgePreviews.selector"
 import { edgeMetricSelector } from "../../../store/dynamicSettings/edgeMetric/edgeMetric.selector"
 
 export const edgePreviewNodesSelector = createSelector(
-	[edgeMetricMapSelector, edgeMetricSelector, amountOfEdgePreviewsSelector],
-	(edgeMetricMap, edgeMetric, amountOfEdgePreviews) => new Set(_getNodesWithHighestValue(edgeMetricMap, edgeMetric, amountOfEdgePreviews))
+	[metricDataSelector, edgeMetricSelector, amountOfEdgePreviewsSelector],
+	(metricData, edgeMetric, amountOfEdgePreviews) =>
+		new Set(_getNodesWithHighestValue(metricData.nodeEdgeMetricsMap, edgeMetric, amountOfEdgePreviews))
 )
 
 export const _getNodesWithHighestValue = (edgeMetricMap: NodeEdgeMetricsMap, edgeMetric: string, amountOfEdgePreviews: number) => {

package/app/codeCharta/state/effects/updateFileSettings/updateFileSettings.effect.ts

@@ -1,4 +1,4 @@
-import { Inject, Injectable } from "@angular/core"
+import { Injectable, Inject } from "@angular/core"
 import { filter, map } from "rxjs"
 import { getVisibleFiles, isPartialState } from "../../../model/files/files.helper"
 import { isActionOfType } from "../../../util/reduxHelper"
@@ -16,7 +16,7 @@ import { getMergedAttributeDescriptors } from "./utils/attributeDescriptors.merg
 
 @Injectable()
 export class UpdateFileSettingsEffect {
-	constructor(@Inject(ActionsToken) private actions$: Actions, @Inject(State) private state: State) {}
+	constructor(@Inject(ActionsToken) private actions$: Actions, private state: State) {}
 
 	updateFileSettings$ = createEffect(() =>
 		this.actions$.pipe(

package/app/codeCharta/state/effects/updateFileSettings/utils/__snapshots__/blacklist.merger.spec.ts.snap

@@ -1,20 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`BlacklistMerger getMergedBlacklist should merge blacklist for different paths 1`] = `
-Array [
-  Object {
+[
+  {
     "path": "/root/nodeA",
     "type": "exclude",
   },
-  Object {
+  {
     "path": "/another/nodeB",
     "type": "flatten",
   },
-  Object {
+  {
     "path": "/another/nodeC",
     "type": "exclude",
   },
-  Object {
+  {
     "path": "*prefix/nodeD",
     "type": "flatten",
   },
@@ -22,16 +22,16 @@ Array [
 `;
 
 exports[`BlacklistMerger getMergedBlacklist should only contain unique paths+type 1`] = `
-Array [
-  Object {
+[
+  {
     "path": "/root/nodeA",
     "type": "exclude",
   },
-  Object {
+  {
     "path": "/another/nodeB",
     "type": "flatten",
   },
-  Object {
+  {
     "path": "*prefix/nodeD",
     "type": "flatten",
   },

package/app/codeCharta/state/effects/updateFileSettings/utils/__snapshots__/edges.merger.spec.ts.snap

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EdgesMerger getMergedEdges should merge all edges if one file does not contain edges 1`] = `
-Array [
-  Object {
-    "attributes": Object {
+[
+  {
+    "attributes": {
       "attribute1": 10,
       "attribute2": 20,
     },
@@ -11,8 +11,8 @@ Array [
     "toNodeName": "/root/nodeB",
     "visible": undefined,
   },
-  Object {
-    "attributes": Object {
+  {
+    "attributes": {
       "attribute1": 10,
       "attribute2": 20,
     },
@@ -24,9 +24,9 @@ Array [
 `;
 
 exports[`EdgesMerger getMergedEdges should merge different edges 1`] = `
-Array [
-  Object {
-    "attributes": Object {
+[
+  {
+    "attributes": {
       "attribute1": 10,
       "attribute2": 20,
     },
@@ -34,8 +34,8 @@ Array [
     "toNodeName": "/root/nodeB",
     "visible": undefined,
   },
-  Object {
-    "attributes": Object {
+  {
+    "attributes": {
       "attribute1": 10,
       "attribute2": 20,
     },
@@ -47,9 +47,9 @@ Array [
 `;
 
 exports[`EdgesMerger getMergedEdges should merge edge-attributes for the same edge paths 1`] = `
-Array [
-  Object {
-    "attributes": Object {
+[
+  {
+    "attributes": {
       "attribute1": 10,
       "attribute2": 20,
       "attribute3": 30,
@@ -63,9 +63,9 @@ Array [
 `;
 
 exports[`EdgesMerger getMergedEdges should overwrite duplicated edge-attributes for the same edge 1`] = `
-Array [
-  Object {
-    "attributes": Object {
+[
+  {
+    "attributes": {
       "attribute1": 70,
       "attribute2": 80,
     },

package/app/codeCharta/state/effects/updateFileSettings/utils/__snapshots__/markedPackages.merger.spec.ts.snap

@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`MarkedPackagesMerger getMergedMarkedPackages should merge all markedPackages if one file does not contain markedPackages 1`] = `
-Array [
-  Object {
+[
+  {
     "color": "#ABABAB",
     "path": "/root/nodeA",
   },
-  Object {
+  {
     "color": "#FFFFFF",
     "path": "/root/nodeB",
   },
@@ -14,12 +14,12 @@ Array [
 `;
 
 exports[`MarkedPackagesMerger getMergedMarkedPackages should merge different markedPackages 1`] = `
-Array [
-  Object {
+[
+  {
     "color": "#ABABAB",
     "path": "/root/nodeA",
   },
-  Object {
+  {
     "color": "#FFFFFF",
     "path": "/root/nodeB",
   },
@@ -27,8 +27,8 @@ Array [
 `;
 
 exports[`MarkedPackagesMerger getMergedMarkedPackages should merge markedPackage-attributes for the same markedPackage paths 1`] = `
-Array [
-  Object {
+[
+  {
     "color": "#ABABAB",
     "path": "/root/nodeA",
   },
@@ -36,8 +36,8 @@ Array [
 `;
 
 exports[`MarkedPackagesMerger getMergedMarkedPackages should overwrite duplicated markedPackage-attributes for the same markedPackage 1`] = `
-Array [
-  Object {
+[
+  {
     "color": "#ABABAB",
     "path": "/root/nodeA",
   },

package/app/codeCharta/state/effects/updateVisibleTopLabels/updateVisibleTopLabels.effect.ts

@@ -1,4 +1,4 @@
-import { Inject, Injectable } from "@angular/core"
+import { Injectable } from "@angular/core"
 import { Store } from "../../angular-redux/store"
 import { createEffect } from "../../angular-redux/effects/createEffect"
 import { map, withLatestFrom } from "rxjs"
@@ -9,7 +9,7 @@ import { getNumberOfTopLabels } from "./getNumberOfTopLabels"
 
 @Injectable()
 export class UpdateVisibleTopLabelsEffect {
-	constructor(@Inject(Store) private store: Store) {}
+	constructor(private store: Store) {}
 
 	updateVisibleTopLabels$ = createEffect(() =>
 		this.store.select(visibleFileStatesSelector).pipe(

package/app/codeCharta/state/selectors/accumulatedData/accumulatedData.selector.spec.ts

@@ -0,0 +1,76 @@
+import { NodeType } from "../../../codeCharta.model"
+import { FileSelectionState, FileState } from "../../../model/files/files"
+import packageJson from "../../../../../package.json"
+import { _getUndecoratedAccumulatedData } from "./accumulatedData.selector"
+
+describe("accumulatedDataSelector", () => {
+	describe("_getUndecoratedAccumulatedData", () => {
+		const fileState1 = {
+			file: {
+				fileMeta: {
+					fileName: "file1",
+					fileChecksum: "md5-file1",
+					projectName: "Sample Project",
+					apiVersion: packageJson.codecharta.apiVersion,
+					exportedFileSize: 300_000
+				},
+				map: {
+					name: "root1",
+					type: NodeType.FOLDER,
+					path: "/root1",
+					attributes: { rloc: 170, functions: 1010, mcc: 11 },
+					children: []
+				}
+			}
+		} as unknown as FileState
+		const fileState2 = {
+			file: {
+				fileMeta: {
+					fileName: "file2",
+					fileChecksum: "md5-file2",
+					projectName: "Sample Project2",
+					apiVersion: packageJson.codecharta.apiVersion,
+					exportedFileSize: 300_000
+				},
+				map: {
+					name: "root2",
+					type: NodeType.FOLDER,
+					path: "/root2",
+					attributes: { rloc: 170, functions: 1010, mcc: 11 },
+					children: []
+				}
+			}
+		} as unknown as FileState
+
+		beforeEach(() => {
+			fileState1.selectedAs = FileSelectionState.None
+			fileState2.selectedAs = FileSelectionState.None
+		})
+
+		it("should wrap multiple selected files in a root path", () => {
+			fileState1.selectedAs = FileSelectionState.Partial
+			fileState2.selectedAs = FileSelectionState.Partial
+			const accumulatedData = _getUndecoratedAccumulatedData([fileState1, fileState2])
+			expect(accumulatedData.map.path).toBe("/root")
+		})
+
+		it("should not wrap a single selected file in a root path", () => {
+			fileState1.selectedAs = FileSelectionState.Partial
+			const accumulatedData = _getUndecoratedAccumulatedData([fileState1])
+			expect(accumulatedData.map.path).toBe("/root1")
+		})
+
+		it("should wrap a root path for delta mode", () => {
+			fileState1.selectedAs = FileSelectionState.Reference
+			fileState2.selectedAs = FileSelectionState.Comparison
+			const accumulatedData = _getUndecoratedAccumulatedData([fileState1, fileState2])
+			expect(accumulatedData.map.path).toBe("/root")
+		})
+
+		it("should not wrap a root path, when there is no comparison file in delta mode", () => {
+			fileState1.selectedAs = FileSelectionState.Reference
+			const accumulatedData = _getUndecoratedAccumulatedData([fileState1])
+			expect(accumulatedData.map.path).toBe("/root1")
+		})
+	})
+})