codecharta-visualization 1.119.1 → 1.120.0

package/app/codeCharta/ui/attributeSideBar/attributeTypeSelector/attributeTypeSelector.component.spec.ts

@@ -1,45 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render, screen, fireEvent } from "@testing-library/angular"
-
-import { AttributeTypeSelectorModule } from "./attributeTypeSelector.module"
-import { provideMockStore } from "@ngrx/store/testing"
-
-import { AttributeTypeSelectorComponent } from "./attributeTypeSelector.component"
-import { AttributeTypeValue } from "../../../codeCharta.model"
-import { attributeTypesSelector } from "../../../state/store/fileSettings/attributeTypes/attributeTypes.selector"
-
-describe("attributeTypeSelector", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [AttributeTypeSelectorModule],
-			providers: [
-				provideMockStore({
-					selectors: [{ selector: attributeTypesSelector, value: { nodes: { rloc: AttributeTypeValue.absolute } } }]
-				})
-			]
-		})
-	})
-
-	it("should update to median", async () => {
-		await render(AttributeTypeSelectorComponent, {
-			componentProperties: { metricName: "rloc", metricType: "nodes" },
-			excludeComponentDeclaration: true
-		})
-
-		const initialDisplayedElement = await screen.getByRole("button", { pressed: true })
-		expect(initialDisplayedElement.textContent).toBe("Σ")
-
-		fireEvent.click(screen.getByText("x͂"))
-		const medianMenuItem = await screen.getByRole("button", { pressed: true })
-		expect(medianMenuItem.textContent).toBe("x͂")
-	})
-
-	it("should set aggregation symbol to absolute if attributeType is not available", async () => {
-		await render(AttributeTypeSelectorComponent, {
-			componentProperties: { metricType: "nodes", metricName: "non-existing" },
-			excludeComponentDeclaration: true
-		})
-		const initialDisplayedElement = await screen.getByRole("button", { pressed: true })
-		expect(initialDisplayedElement.textContent).toBe("Σ")
-	})
-})

package/app/codeCharta/ui/attributeSideBar/attributeTypeSelector/attributeTypeSelector.component.ts

@@ -1,38 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { AttributeTypes, AttributeTypeValue, CcState } from "../../../codeCharta.model"
-import { updateAttributeType } from "../../../state/store/fileSettings/attributeTypes/attributeTypes.actions"
-import { attributeTypesSelector } from "../../../state/store/fileSettings/attributeTypes/attributeTypes.selector"
-
-@Component({
-	selector: "cc-attribute-type-selector",
-	templateUrl: "./attributeTypeSelector.component.html",
-	styleUrls: ["./attributeTypeSelector.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class AttributeTypeSelectorComponent {
-	@Input() metricName: string
-	@Input() metricType: keyof AttributeTypes
-
-	attributeTypes$ = this.store.select(attributeTypesSelector)
-
-	constructor(private store: Store<CcState>) {}
-
-	setToAbsolute() {
-		this.setAttributeType(AttributeTypeValue.absolute)
-	}
-
-	setToRelative() {
-		this.setAttributeType(AttributeTypeValue.relative)
-	}
-
-	private setAttributeType(attributeTypeValue: AttributeTypeValue) {
-		this.store.dispatch(
-			updateAttributeType({
-				category: this.metricType,
-				name: this.metricName,
-				attributeType: attributeTypeValue
-			})
-		)
-	}
-}

package/app/codeCharta/ui/attributeSideBar/attributeTypeSelector/attributeTypeSelector.module.ts

@@ -1,12 +0,0 @@
-import { NgModule } from "@angular/core"
-import { CommonModule } from "@angular/common"
-
-import { AttributeTypeSelectorComponent } from "./attributeTypeSelector.component"
-import { MaterialModule } from "../../../../material/material.module"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule],
-	declarations: [AttributeTypeSelectorComponent],
-	exports: [AttributeTypeSelectorComponent]
-})
-export class AttributeTypeSelectorModule {}

package/app/codeCharta/ui/attributeSideBar/metricDeltaSelected/metricDeltaSelected.component.html

@@ -1,5 +0,0 @@
-<ng-container *ngIf="(selectedNode$ | async )?.deltas?.[metricName] as deltaValue">
-	<span [style.color]="(mapColors$ | async)[deltaValue > 0 ? 'positiveDelta' : 'negativeDelta']">
-		&Delta;{{ deltaValue | number: "1.1-2" }}
-	</span>
-</ng-container>

package/app/codeCharta/ui/attributeSideBar/metricDeltaSelected/metricDeltaSelected.component.spec.ts

@@ -1,79 +0,0 @@
-import { render, screen } from "@testing-library/angular"
-
-import { ColorConverter } from "../../../util/color/colorConverter"
-import { MetricDeltaSelectedComponent } from "./metricDeltaSelected.component"
-import { TestBed } from "@angular/core/testing"
-import { provideMockStore, MockStore } from "@ngrx/store/testing"
-import { selectedNodeSelector } from "../../../state/selectors/selectedNode.selector"
-import { CodeMapNode } from "../../../codeCharta.model"
-import { defaultMapColors } from "../../../state/store/appSettings/mapColors/mapColors.reducer"
-import { mapColorsSelector } from "../../../state/store/appSettings/mapColors/mapColors.selector"
-
-describe("MetricDeltaSelectedComponent", () => {
-	const areColorsEqual = (hex: string, styleColor: string) => {
-		const formattedHex = ColorConverter.convertHexToRgba(hex).replace(/,1\)$/, ")").replace("a", "")
-		const formattedStyleColor = styleColor.replaceAll(" ", "")
-		return formattedHex === formattedStyleColor
-	}
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			providers: [
-				provideMockStore({
-					selectors: [
-						{ selector: selectedNodeSelector, value: null },
-						{ selector: mapColorsSelector, value: defaultMapColors }
-					]
-				})
-			]
-		})
-	})
-
-	it("should not show, if there is no delta value", async () => {
-		await render(MetricDeltaSelectedComponent)
-		expect(screen.queryByText(/Δ/)).toBe(null)
-	})
-
-	it("should show in positive delta color when selected building has a positive delta value", async () => {
-		const { detectChanges } = await render(MetricDeltaSelectedComponent, {
-			componentProperties: { metricName: "rloc" }
-		})
-		const store = TestBed.inject(MockStore)
-		mockSelectedNode(store, detectChanges, { rloc: 2 })
-
-		const metricDeltaSelectedDomNode = screen.queryByText(/Δ2/)
-		expect(metricDeltaSelectedDomNode).toBeTruthy()
-		expect(areColorsEqual(defaultMapColors.positiveDelta, metricDeltaSelectedDomNode.style.color)).toBe(true)
-	})
-
-	it("should show in negative delta color when selected building has a negative delta value", async () => {
-		const { detectChanges } = await render(MetricDeltaSelectedComponent, {
-			componentProperties: { metricName: "rloc" }
-		})
-		const store = TestBed.inject(MockStore)
-		mockSelectedNode(store, detectChanges, { rloc: -2 })
-
-		const metricDeltaSelectedDomNode = screen.queryByText(/Δ-2/)
-		expect(metricDeltaSelectedDomNode).toBeTruthy()
-		expect(areColorsEqual(defaultMapColors.negativeDelta, metricDeltaSelectedDomNode.style.color)).toBe(true)
-	})
-
-	it("should update when its metricName changes", async () => {
-		const { change, detectChanges } = await render(MetricDeltaSelectedComponent, {
-			componentProperties: { metricName: "rloc" }
-		})
-		const store = TestBed.inject(MockStore)
-		mockSelectedNode(store, detectChanges, { rloc: 2, mcc: 4 })
-
-		expect(screen.queryByText(/Δ2/)).toBeTruthy()
-
-		await change({ metricName: "mcc" })
-		expect(screen.queryByText(/Δ4/)).toBeTruthy()
-	})
-
-	function mockSelectedNode(store: MockStore, detectChanges: () => void, deltas: Record<string, unknown>) {
-		store.overrideSelector(selectedNodeSelector, { deltas } as unknown as CodeMapNode)
-		store.refreshState()
-		detectChanges()
-	}
-})

package/app/codeCharta/ui/attributeSideBar/metricDeltaSelected/metricDeltaSelected.component.ts

@@ -1,26 +0,0 @@
-import { Component, Input, OnInit, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { Observable } from "rxjs"
-
-import { MapColors, CodeMapNode, CcState } from "../../../codeCharta.model"
-import { selectedNodeSelector } from "../../../state/selectors/selectedNode.selector"
-import { mapColorsSelector } from "../../../state/store/appSettings/mapColors/mapColors.selector"
-
-@Component({
-	selector: "cc-metric-delta-selected",
-	templateUrl: "./metricDeltaSelected.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class MetricDeltaSelectedComponent implements OnInit {
-	@Input() metricName: string
-
-	selectedNode$: Observable<CodeMapNode>
-	mapColors$: Observable<MapColors>
-
-	constructor(private store: Store<CcState>) {}
-
-	ngOnInit(): void {
-		this.selectedNode$ = this.store.select(selectedNodeSelector)
-		this.mapColors$ = this.store.select(mapColorsSelector)
-	}
-}

package/app/codeCharta/ui/attributeSideBar/metricDeltaSelected/metricDeltaSelected.module.ts

@@ -1,10 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { MetricDeltaSelectedComponent } from "./metricDeltaSelected.component"
-
-@NgModule({
-	imports: [CommonModule],
-	declarations: [MetricDeltaSelectedComponent],
-	exports: [MetricDeltaSelectedComponent]
-})
-export class MetricDeltaSelectedModule {}

package/app/codeCharta/ui/attributeSideBar/util/edge.ts

@@ -1,5 +0,0 @@
-export type Edge = {
-	name: string
-	incoming: number | undefined
-	outgoing: number | undefined
-}

package/app/codeCharta/ui/attributeSideBar/util/metric.ts

@@ -1,4 +0,0 @@
-export type Metric = {
-	name: string
-	value: number
-}

package/app/codeCharta/ui/attributeSideBar/util/showAttributeTypeSelector.selector.spec.ts

@@ -1,11 +0,0 @@
-import { _shouldShowAttributeType } from "./showAttributeTypeSelector.selector"
-
-describe("_shouldShowAttributeType", () => {
-	it("should return true for none leaves", () => {
-		expect(_shouldShowAttributeType({ children: [{}] })).toBe(true)
-	})
-
-	it("should return false for leaves", () => {
-		expect(_shouldShowAttributeType({})).toBe(false)
-	})
-})

package/app/codeCharta/ui/attributeSideBar/util/showAttributeTypeSelector.selector.ts

@@ -1,7 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { selectedNodeSelector } from "../../../state/selectors/selectedNode.selector"
-import { isLeaf, MaybeLeaf } from "../../../util/codeMapHelper"
-
-export const _shouldShowAttributeType = (node?: MaybeLeaf) => node && !isLeaf(node)
-
-export const showAttributeTypeSelectorSelector = createSelector(selectedNodeSelector, _shouldShowAttributeType)

package/app/codeCharta/ui/attributeSideBar/util/showDeltaValueSelector.spec.ts

@@ -1,16 +0,0 @@
-import { _shouldShowDeltaValue } from "./showDeltaValueSelector"
-
-describe("_shouldShowDeltaValue", () => {
-	it("should return true if given node has deltas key", () => {
-		expect(_shouldShowDeltaValue({ deltas: {} })).toBe(true)
-	})
-
-	it("should return false if given node has no deltas key", () => {
-		expect(_shouldShowDeltaValue({})).toBe(false)
-	})
-
-	it("should return false if given nothing", () => {
-		const node = undefined
-		expect(_shouldShowDeltaValue(node)).toBe(false)
-	})
-})

package/app/codeCharta/ui/attributeSideBar/util/showDeltaValueSelector.ts

@@ -1,7 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { Node } from "../../../codeCharta.model"
-import { selectedNodeSelector } from "../../../state/selectors/selectedNode.selector"
-
-export const _shouldShowDeltaValue = (node?: Pick<Node, "deltas">) => Boolean(node?.deltas)
-
-export const showDeltaValueSelector = createSelector(selectedNodeSelector, _shouldShowDeltaValue)

package/app/codeCharta/ui/codeMap/__snapshots__/codeMap.render.service.spec.ts.snap

@@ -1,231 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`codeMapRenderService getNodes should get Nodes as array 1`] = `
-[
-  {
-    "attributes": {
-      "mcc": 111,
-      "rloc": 200,
-      "unary": 4,
-    },
-    "color": "#820E0E",
-    "deltas": undefined,
-    "depth": 0,
-    "edgeAttributes": {},
-    "flat": false,
-    "height": 2,
-    "heightDelta": 0,
-    "id": 0,
-    "incomingEdgePoint": Vector3 {
-      "x": 225.07550765359252,
-      "y": 2,
-      "z": -12.462246173203738,
-    },
-    "isLeaf": false,
-    "length": 950.151015307185,
-    "link": undefined,
-    "mapNodeDepth": 0,
-    "markingColor": undefined,
-    "name": "root",
-    "outgoingEdgePoint": Vector3 {
-      "x": 225.07550765359252,
-      "y": 2,
-      "z": 462.6132614803888,
-    },
-    "path": "/root",
-    "visible": false,
-    "width": 950.151015307185,
-    "x0": 0,
-    "y0": 0,
-    "z0": 0,
-  },
-  {
-    "attributes": {
-      "functions": 10,
-      "mcc": 1,
-      "rloc": 100,
-      "unary": 1,
-    },
-    "color": "#69AE40",
-    "deltas": undefined,
-    "depth": 1,
-    "edgeAttributes": {},
-    "flat": false,
-    "height": 2,
-    "heightDelta": 0,
-    "id": 1,
-    "incomingEdgePoint": Vector3 {
-      "x": -32.862246173203744,
-      "y": 4,
-      "z": -2.862246173203772,
-    },
-    "isLeaf": true,
-    "length": 911.751015307185,
-    "link": "https://www.google.de",
-    "mapNodeDepth": 1,
-    "markingColor": undefined,
-    "name": "big leaf",
-    "outgoingEdgePoint": Vector3 {
-      "x": -32.862246173203744,
-      "y": 4,
-      "z": 453.01326148038873,
-    },
-    "path": "/root/big leaf",
-    "visible": false,
-    "width": 395.87550765359254,
-    "x0": 19.200000000000003,
-    "y0": 19.200000000000003,
-    "z0": 2,
-  },
-  {
-    "attributes": {
-      "mcc": 110,
-      "rloc": 100,
-      "unary": 3,
-    },
-    "color": "#820E0E",
-    "deltas": undefined,
-    "depth": 1,
-    "edgeAttributes": {},
-    "flat": false,
-    "height": 2,
-    "heightDelta": 0,
-    "id": 2,
-    "incomingEdgePoint": Vector3 {
-      "x": 382.21326148038884,
-      "y": 4,
-      "z": -2.862246173203772,
-    },
-    "isLeaf": false,
-    "length": 911.751015307185,
-    "link": undefined,
-    "mapNodeDepth": 1,
-    "markingColor": undefined,
-    "name": "Parent Leaf",
-    "outgoingEdgePoint": Vector3 {
-      "x": 382.21326148038884,
-      "y": 4,
-      "z": 453.01326148038873,
-    },
-    "path": "/root/Parent Leaf",
-    "visible": false,
-    "width": 395.8755076535925,
-    "x0": 434.27550765359257,
-    "y0": 19.200000000000003,
-    "z0": 2,
-  },
-  {
-    "attributes": {
-      "functions": 100,
-      "mcc": 100,
-      "rloc": 30,
-      "unary": 1,
-    },
-    "color": "#820E0E",
-    "deltas": undefined,
-    "depth": 2,
-    "edgeAttributes": {},
-    "flat": false,
-    "height": 2,
-    "heightDelta": 0,
-    "id": 3,
-    "incomingEdgePoint": Vector3 {
-      "x": 273.8943845669907,
-      "y": 6,
-      "z": -87.31734770392224,
-    },
-    "isLeaf": true,
-    "length": 248.5653045921555,
-    "link": undefined,
-    "mapNodeDepth": 2,
-    "markingColor": undefined,
-    "name": "small leaf",
-    "outgoingEdgePoint": Vector3 {
-      "x": 414.73213839378695,
-      "y": 6,
-      "z": -87.31734770392224,
-    },
-    "path": "/root/Parent Leaf/small leaf",
-    "visible": false,
-    "width": 281.67550765359243,
-    "x0": 453.4755076535926,
-    "y0": 38.400000000000006,
-    "z0": 4,
-  },
-  {
-    "attributes": {
-      "functions": 1000,
-      "mcc": 10,
-      "rloc": 70,
-      "unary": 1,
-    },
-    "color": "#6caf3e",
-    "deltas": undefined,
-    "depth": 2,
-    "edgeAttributes": {},
-    "flat": false,
-    "height": 2,
-    "heightDelta": 0,
-    "id": 4,
-    "incomingEdgePoint": Vector3 {
-      "x": 344.31326148038886,
-      "y": 6,
-      "z": 207.5617322709129,
-    },
-    "isLeaf": true,
-    "length": 605.5857107150293,
-    "link": undefined,
-    "mapNodeDepth": 2,
-    "markingColor": undefined,
-    "name": "other small leaf",
-    "outgoingEdgePoint": Vector3 {
-      "x": 344.31326148038886,
-      "y": 6,
-      "z": 510.35458762842757,
-    },
-    "path": "/root/Parent Leaf/other small leaf",
-    "visible": false,
-    "width": 281.67550765359243,
-    "x0": 453.4755076535926,
-    "y0": 306.16530459215556,
-    "z0": 4,
-  },
-  {
-    "attributes": {
-      "mcc": 0,
-      "rloc": 0,
-      "unary": 1,
-    },
-    "color": "#69AE40",
-    "deltas": undefined,
-    "depth": 2,
-    "edgeAttributes": {},
-    "flat": false,
-    "height": 500,
-    "heightDelta": 0,
-    "id": 5,
-    "incomingEdgePoint": Vector3 {
-      "x": 273.8943845669907,
-      "y": 504,
-      "z": 671.351015307185,
-    },
-    "isLeaf": true,
-    "length": 0,
-    "link": undefined,
-    "mapNodeDepth": 2,
-    "markingColor": undefined,
-    "name": "empty folder",
-    "outgoingEdgePoint": Vector3 {
-      "x": 414.73213839378695,
-      "y": 504,
-      "z": 671.351015307185,
-    },
-    "path": "/root/Parent Leaf/empty folder",
-    "visible": false,
-    "width": 281.67550765359243,
-    "x0": 453.4755076535926,
-    "y0": 921.351015307185,
-    "z0": 4,
-  },
-]
-`;