codecharta-visualization 1.119.1 → 1.120.0

package/app/codeCharta/ui/toolBar/loadingMapProgressSpinner/loadingMapProgressSpinner.component.ts

@@ -1,19 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { Observable } from "rxjs"
-import { CcState } from "../../../codeCharta.model"
-import { isLoadingMapSelector } from "../../../state/store/appSettings/isLoadingMap/isLoadingMap.selector"
-
-@Component({
-	selector: "cc-loading-map-progress-spinner",
-	templateUrl: "./loadingMapProgressSpinner.component.html",
-	styleUrls: ["./loadingMapProgressSpinner.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class LoadingMapProgressSpinnerComponent {
-	isLoadingMap$: Observable<boolean>
-
-	constructor(store: Store<CcState>) {
-		this.isLoadingMap$ = store.select(isLoadingMapSelector)
-	}
-}

package/app/codeCharta/ui/toolBar/loadingMapProgressSpinner/loadingMapProgressSpinner.module.ts

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

package/app/codeCharta/ui/toolBar/presentationModeButton/presentationModeButton.component.html

@@ -1,9 +0,0 @@
-<mat-slide-toggle
-	[checked]="isPresentationModeEnabled$ | async"
-	(change)="setPresentationModeEnabled($event)"
-	[title]="(isPresentationModeEnabled$ | async) ? 'Disable flashlight hover effect' : 'Enable flashlight hover effect'"
-	aria-label="Presentation Mode Toggle"
->
-	<i class="presentation-mode-icon fa fa-television"></i>
-	Presentation Mode
-</mat-slide-toggle>

package/app/codeCharta/ui/toolBar/presentationModeButton/presentationModeButton.component.scss

@@ -1,7 +0,0 @@
-cc-presentation-mode-button {
-	mat-slide-toggle.mat-mdc-slide-toggle div.mdc-form-field {
-		font-size: 10pt;
-		flex-direction: row-reverse;
-		gap: 12px;
-	}
-}

package/app/codeCharta/ui/toolBar/presentationModeButton/presentationModeButton.component.spec.ts

@@ -1,20 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import { PresentationModeButtonComponent } from "./presentationModeButton.component"
-import { PresentationModeButtonModule } from "./presentationModeButton.module"
-import { provideMockStore } from "@ngrx/store/testing"
-import { isPresentationModeSelector } from "../../../state/store/appSettings/isPresentationMode/isPresentationMode.selector"
-
-describe("presentationModeButtonComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [PresentationModeButtonModule],
-			providers: [provideMockStore({ selectors: [{ selector: isPresentationModeSelector, value: false }] })]
-		})
-	})
-
-	it("should toggle presentation mode", async () => {
-		await render(PresentationModeButtonComponent, { excludeComponentDeclaration: true })
-		expect(screen.getByTitle("Enable flashlight hover effect")).toBeTruthy()
-	})
-})

package/app/codeCharta/ui/toolBar/presentationModeButton/presentationModeButton.component.ts

@@ -1,22 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { MatSlideToggleChange } from "@angular/material/slide-toggle"
-import { Store } from "@ngrx/store"
-import { CcState } from "../../../codeCharta.model"
-import { setPresentationMode } from "../../../state/store/appSettings/isPresentationMode/isPresentationMode.actions"
-import { isPresentationModeSelector } from "../../../state/store/appSettings/isPresentationMode/isPresentationMode.selector"
-
-@Component({
-	selector: "cc-presentation-mode-button",
-	templateUrl: "./presentationModeButton.component.html",
-	styleUrls: ["./presentationModeButton.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class PresentationModeButtonComponent {
-	isPresentationModeEnabled$ = this.store.select(isPresentationModeSelector)
-
-	constructor(private readonly store: Store<CcState>) {}
-
-	setPresentationModeEnabled(event: MatSlideToggleChange) {
-		this.store.dispatch(setPresentationMode({ value: event.checked }))
-	}
-}

package/app/codeCharta/ui/toolBar/presentationModeButton/presentationModeButton.module.ts

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

package/app/codeCharta/ui/toolBar/toolBar.component.html

@@ -1,14 +0,0 @@
-<cc-upload-files-button></cc-upload-files-button>
-<cc-download-button *ngIf="!(experimentalFeaturesEnabled$ | async)"></cc-download-button>
-<cc-screenshot-button></cc-screenshot-button>
-<cc-copy-to-clipboard-button></cc-copy-to-clipboard-button>
-<cc-export-threed-map-button></cc-export-threed-map-button>
-
-<cc-file-panel *ngIf="(hoveredNodeId$ | async) === null"></cc-file-panel>
-<cc-hovered-node-path-panel *ngIf="(hoveredNodeId$ | async) !== null"></cc-hovered-node-path-panel>
-
-<div class="right-aligned">
-	<cc-loading-map-progress-spinner></cc-loading-map-progress-spinner>
-	<cc-presentation-mode-button></cc-presentation-mode-button>
-	<cc-global-configuration-button></cc-global-configuration-button>
-</div>

package/app/codeCharta/ui/toolBar/toolBar.component.scss

@@ -1,24 +0,0 @@
-@use "../../../material/theme";
-
-cc-tool-bar {
-	display: flex;
-	gap: 8px;
-	padding-left: 8px;
-	align-items: center;
-	background-color: #f0f0f0;
-	height: 35px;
-	border-bottom: 1px solid #cdcdcd;
-
-	.right-aligned {
-		position: absolute;
-		right: 4px;
-		display: inline-flex;
-		align-items: center;
-		width: 400px;
-		justify-content: space-between;
-	}
-
-	span {
-		font-size: 10pt;
-	}
-}

package/app/codeCharta/ui/toolBar/toolBar.component.spec.ts

@@ -1,44 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render } from "@testing-library/angular"
-import { LoadFileService } from "../../services/loadFile/loadFile.service"
-import { hoveredNodeIdSelector } from "../../state/store/appStatus/hoveredNodeId/hoveredNodeId.selector"
-import { ThreeCameraService } from "../codeMap/threeViewer/threeCamera.service"
-import { ThreeRendererService } from "../codeMap/threeViewer/threeRenderer.service"
-import { ThreeSceneService } from "../codeMap/threeViewer/threeSceneService"
-import { ToolBarComponent } from "./toolBar.component"
-import { ToolBarModule } from "./toolBar.module"
-import { appReducers, setStateMiddleware } from "../../state/store/state.manager"
-import { StoreModule } from "@ngrx/store"
-
-jest.mock("../../state/store/appStatus/hoveredNodeId/hoveredNodeId.selector", () => ({
-	hoveredNodeIdSelector: jest.fn()
-}))
-const mockedHoveredNodeIdSelector = jest.mocked(hoveredNodeIdSelector)
-
-describe("ToolBarComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [ToolBarModule, StoreModule.forRoot(appReducers, { metaReducers: [setStateMiddleware] })],
-			providers: [
-				{ provide: LoadFileService, useValue: {} },
-				{ provide: ThreeCameraService, useValue: {} },
-				{ provide: ThreeSceneService, useValue: {} },
-				{ provide: ThreeRendererService, useValue: {} }
-			]
-		})
-	})
-
-	it("should show file panel and not hovered node path panel, when there is no node hovered", async () => {
-		mockedHoveredNodeIdSelector.mockImplementation(() => null)
-		const { container } = await render(ToolBarComponent, { excludeComponentDeclaration: true })
-		expect(container.querySelector("cc-file-panel")).not.toBe(null)
-		expect(container.querySelector("cc-hovered-node-path-panel")).toBe(null)
-	})
-
-	it("should show hovered node path panel and not file panel, when there is a node hovered", async () => {
-		mockedHoveredNodeIdSelector.mockImplementation(() => 0)
-		const { container } = await render(ToolBarComponent, { excludeComponentDeclaration: true })
-		expect(container.querySelector("cc-hovered-node-path-panel")).not.toBe(null)
-		expect(container.querySelector("cc-file-panel")).toBe(null)
-	})
-})

package/app/codeCharta/ui/toolBar/toolBar.component.ts

@@ -1,18 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { hoveredNodeIdSelector } from "../../state/store/appStatus/hoveredNodeId/hoveredNodeId.selector"
-import { experimentalFeaturesEnabledSelector } from "../../state/store/appSettings/enableExperimentalFeatures/experimentalFeaturesEnabled.selector"
-import { Store } from "@ngrx/store"
-import { CcState } from "../../codeCharta.model"
-
-@Component({
-	selector: "cc-tool-bar",
-	templateUrl: "./toolBar.component.html",
-	styleUrls: ["./toolBar.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class ToolBarComponent {
-	hoveredNodeId$ = this.store.select(hoveredNodeIdSelector)
-	experimentalFeaturesEnabled$ = this.store.select(experimentalFeaturesEnabledSelector)
-
-	constructor(private store: Store<CcState>) {}
-}

package/app/codeCharta/ui/toolBar/toolBar.module.ts

@@ -1,32 +0,0 @@
-import { NgModule } from "@angular/core"
-import { CommonModule } from "@angular/common"
-import { UploadFilesButtonModule } from "./uploadFilesButton/uploadFilesButton.module"
-import { GlobalConfigurationButtonModule } from "./globalConfigurationButton/globalConfigurationButton.module"
-import { HoveredNodePathPanelModule } from "./hoveredNodePathPanel/hoveredNodePathPanel.module"
-import { ScreenshotButtonModule } from "../screenshotButton/screenshotButton.module"
-import { FilePanelModule } from "../filePanel/filePanel.module"
-import { CopyToClipboardButtonModule } from "../copyToClipboardButton/copyToClipboardButton.module"
-import { DownloadButtonModule } from "./downloadButton/downloadButton.module"
-import { PresentationModeButtonModule } from "./presentationModeButton/presentationModeButton.module"
-import { ToolBarComponent } from "./toolBar.component"
-import { Export3DMapButtonModule } from "../export3DMapButton/export3DMapButton.module"
-import { LoadingMapProgressSpinnerModule } from "./loadingMapProgressSpinner/loadingMapProgressSpinner.module"
-
-@NgModule({
-	imports: [
-		CommonModule,
-		UploadFilesButtonModule,
-		DownloadButtonModule,
-		ScreenshotButtonModule,
-		CopyToClipboardButtonModule,
-		Export3DMapButtonModule,
-		FilePanelModule,
-		HoveredNodePathPanelModule,
-		LoadingMapProgressSpinnerModule,
-		PresentationModeButtonModule,
-		GlobalConfigurationButtonModule
-	],
-	declarations: [ToolBarComponent],
-	exports: [ToolBarComponent]
-})
-export class ToolBarModule {}

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFiles.service.ts

@@ -1,69 +0,0 @@
-import { Injectable } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { LoadFileService } from "../../../services/loadFile/loadFile.service"
-import { setIsLoadingFile } from "../../../state/store/appSettings/isLoadingFile/isLoadingFile.actions"
-import { setIsLoadingMap } from "../../../state/store/appSettings/isLoadingMap/isLoadingMap.actions"
-import { CustomConfigHelper, CUSTOM_CONFIG_FILE_EXTENSION } from "../../../util/customConfigHelper"
-import { getCCFileAndDecorateFileChecksum } from "../../../util/fileHelper"
-import { createCCFileInput } from "../../../util/uploadFiles/createCCFileInput"
-import { readFiles } from "../../../util/uploadFiles/readFiles"
-
-@Injectable({ providedIn: "root" })
-export class UploadFilesService {
-	isUploading = false
-
-	constructor(private store: Store, private loadFileService: LoadFileService) {}
-
-	uploadFiles() {
-		const ccFileInput = createCCFileInput()
-		ccFileInput.addEventListener("change", () => {
-			void this.uploadFilesOnEvent(ccFileInput)
-		})
-
-		ccFileInput.click()
-	}
-
-	private async uploadFilesOnEvent(ccFileInput: HTMLInputElement) {
-		try {
-			this.isUploading = true
-			this.store.dispatch(setIsLoadingFile({ value: true }))
-			this.store.dispatch(setIsLoadingMap({ value: true }))
-
-			const plainFileContents = await Promise.all(readFiles(ccFileInput.files))
-			const { customConfigs, ccFiles } = this.splitCustomConfigsAndCCFiles(ccFileInput.files, plainFileContents)
-
-			for (const customConfig of customConfigs) {
-				CustomConfigHelper.importCustomConfigs(customConfig)
-			}
-
-			if (ccFiles.length > 0) {
-				await this.loadFileService.loadFiles(ccFiles)
-			}
-		} catch {
-			this.store.dispatch(setIsLoadingFile({ value: false }))
-			this.store.dispatch(setIsLoadingMap({ value: false }))
-		} finally {
-			this.isUploading = false
-		}
-	}
-
-	private splitCustomConfigsAndCCFiles(fileList: FileList, contents: string[]) {
-		const customConfigs = []
-		const ccFiles = []
-
-		for (const [index, content] of contents.entries()) {
-			const fileName = fileList[index].name
-			if (fileName.includes(CUSTOM_CONFIG_FILE_EXTENSION)) {
-				customConfigs.push(content)
-			} else {
-				ccFiles.push({
-					fileName,
-					fileSize: fileList[index].size,
-					content: getCCFileAndDecorateFileChecksum(content)
-				})
-			}
-		}
-
-		return { customConfigs, ccFiles }
-	}
-}

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFilesButton.component.html

@@ -1 +0,0 @@
-<cc-action-icon title="Load cc.json files" [icon]="'fa fa-folder-open folder-icon'" (click)="uploadFiles()"></cc-action-icon>

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFilesButton.component.scss

@@ -1,3 +0,0 @@
-cc-upload-files-button i {
-	padding-left: 1px;
-}

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFilesButton.component.spec.ts

@@ -1,19 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import { UploadFilesButtonComponent } from "./uploadFilesButton.component"
-import { UploadFilesButtonModule } from "./uploadFilesButton.module"
-import { UploadFilesService } from "./uploadFiles.service"
-
-describe("uploadFilesButtonComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [UploadFilesButtonModule],
-			providers: [{ provide: UploadFilesService, useValue: {} }]
-		})
-	})
-
-	it("should render", async () => {
-		await render(UploadFilesButtonComponent, { excludeComponentDeclaration: true })
-		expect(screen.getByRole("button")).toBeTruthy()
-	})
-})

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFilesButton.component.ts

@@ -1,16 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { UploadFilesService } from "./uploadFiles.service"
-
-@Component({
-	selector: "cc-upload-files-button",
-	templateUrl: "./uploadFilesButton.component.html",
-	styleUrls: ["./uploadFilesButton.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class UploadFilesButtonComponent {
-	constructor(private uploadFilesService: UploadFilesService) {}
-
-	uploadFiles() {
-		this.uploadFilesService.uploadFiles()
-	}
-}

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFilesButton.e2e.ts

@@ -1,99 +0,0 @@
-import { goto } from "../../../../puppeteer.helper"
-import { UploadFileButtonPageObject } from "./uploadFilesButton.po"
-import { FilePanelPageObject } from "../../filePanel/filePanel.po"
-import { ERROR_MESSAGES } from "../../../util/fileValidator"
-import { DialogErrorPageObject } from "../../dialogs/errorDialog/errorDialog.component.po"
-
-describe("UploadFileButton", () => {
-	let uploadFileButton: UploadFileButtonPageObject
-	let filePanel: FilePanelPageObject
-	let dialogError: DialogErrorPageObject
-
-	beforeEach(async () => {
-		uploadFileButton = new UploadFileButtonPageObject()
-		filePanel = new FilePanelPageObject()
-		dialogError = new DialogErrorPageObject()
-
-		await goto()
-	})
-	it("should load a valid gameObjects file", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/gameObjectsFile.json"])
-
-		expect(await filePanel.getSelectedName()).toEqual("gameObjectsFile")
-	})
-
-	it("should load another cc.json", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/sample3.cc.json"])
-
-		expect(await filePanel.getSelectedName()).toEqual("sample3")
-	})
-
-	it("should load another .gz", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/output.cc.json.gz"])
-
-		expect(await filePanel.getSelectedName()).toEqual("output")
-	})
-
-	it("should load multiple cc.json files", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/sample3.cc.json", "./app/codeCharta/assets/sample4.cc.json"])
-
-		const loadedMapsName = await filePanel.getAllNames()
-
-		expect(loadedMapsName[0]).toEqual("sample1")
-		expect(loadedMapsName[1]).toEqual("sample2")
-		expect(loadedMapsName[2]).toEqual("sample3")
-		expect(loadedMapsName[3]).toEqual("sample4")
-	})
-
-	it("should keep the old map if opening a file was cancelled", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/sample3.cc.json"])
-		await uploadFileButton.cancelOpeningFile()
-
-		expect(await filePanel.getSelectedName()).toEqual("sample3")
-		expect(await page.$eval("#loading-gif-map", element => element["style"]["visibility"])).toBe("hidden")
-	})
-
-	it("should open an invalid file, close the dialog and open a valid file", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/empty.png"])
-		expect(await dialogError.getMessage()).toContain(` ${ERROR_MESSAGES.fileIsInvalid}`)
-
-		await dialogError.clickOk()
-
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/sample3.cc.json"])
-
-		expect(await filePanel.getSelectedName()).toEqual("sample3")
-	})
-
-	it("should open an valid and an invalid file, close the dialog and open a valid file", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/empty.png", "./app/codeCharta/assets/sample3.cc.json"])
-		expect(await dialogError.getMessage()).toContain(` ${ERROR_MESSAGES.fileIsInvalid}`)
-
-		await dialogError.clickOk()
-
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/sample3.cc.json"])
-
-		expect(await filePanel.getSelectedName()).toEqual("sample3")
-	})
-
-	it("should not load a map and show error, when loading a map with warning and a map with error", async () => {
-		await uploadFileButton.openFiles([
-			"./app/codeCharta/resources/sample1_with_api_warning.cc.json",
-			"./app/codeCharta/assets/empty.png"
-		])
-
-		const dialogMessage = await dialogError.getMessage()
-		expect(dialogMessage).toContain(` ${ERROR_MESSAGES.minorApiVersionOutdated} Found: 1.5`)
-		expect(dialogMessage).toContain(` ${ERROR_MESSAGES.fileIsInvalid}`)
-		await dialogError.clickOk()
-
-		await uploadFileButton.openFiles(["./app/codeCharta/assets/sample3.cc.json"])
-
-		expect(await filePanel.getSelectedName()).toEqual("sample3")
-	})
-
-	it("should be able to open a cc.json with a lower minor api version without a warning", async () => {
-		await uploadFileButton.openFiles(["./app/codeCharta/resources/sample1_with_lower_minor_api.cc.json"])
-
-		expect(await filePanel.getSelectedName()).toEqual("sample1_with_lower_minor_api")
-	})
-})

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFilesButton.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from "@angular/core"
-import { ActionIconModule } from "../../actionIcon/actionIcon.module"
-import { UploadFilesButtonComponent } from "./uploadFilesButton.component"
-
-@NgModule({
-	imports: [ActionIconModule],
-	declarations: [UploadFilesButtonComponent],
-	exports: [UploadFilesButtonComponent]
-})
-export class UploadFilesButtonModule {}

package/app/codeCharta/ui/toolBar/uploadFilesButton/uploadFilesButton.po.ts

@@ -1,21 +0,0 @@
-import { clickButtonOnPageElement } from "../../../../puppeteer.helper"
-
-export class UploadFileButtonPageObject {
-	async openFiles(paths: string[], clickOnFileChooser = true) {
-		const [fileChooser] = await Promise.all([
-			page.waitForFileChooser({ timeout: 60_000 }),
-			clickOnFileChooser && clickButtonOnPageElement("[title='Load cc.json files']")
-		])
-
-		await fileChooser.accept(paths)
-
-		await page.waitForSelector("#loading-gif-file")
-		await page.waitForSelector("#loading-gif-file", { visible: false })
-	}
-
-	async cancelOpeningFile() {
-		const [fileChooser] = await Promise.all([page.waitForFileChooser(), clickButtonOnPageElement("[title='Load cc.json files']")])
-
-		fileChooser.cancel()
-	}
-}

package/app/codeCharta/ui/viewCube/centerMapButton/centerMapButton.component.html

@@ -1,3 +0,0 @@
-<button class="cc-shadow" aria-label="Center map in View" (click)="centerMap()" title="Center map">
-	<i class="fa fa-compass"></i>
-</button>

package/app/codeCharta/ui/viewCube/centerMapButton/centerMapButton.component.scss

@@ -1,23 +0,0 @@
-@use "../../../../material/theme";
-
-cc-center-map-button {
-	button {
-		position: absolute;
-		right: 15px;
-		width: 36px;
-		height: 36px;
-		font-size: 28px;
-		border-radius: 100%;
-		color: white;
-		background-color: theme.$cc-primary-color;
-
-		i {
-			margin-top: 2px;
-		}
-
-		&:hover {
-			cursor: pointer;
-			color: #eee;
-		}
-	}
-}

package/app/codeCharta/ui/viewCube/centerMapButton/centerMapButton.component.spec.ts

@@ -1,24 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import userEvent from "@testing-library/user-event"
-import { ThreeOrbitControlsService } from "../../codeMap/threeViewer/threeOrbitControls.service"
-import { CenterMapButtonComponent } from "./centerMapButton.component"
-
-describe("CenterMapButtonComponent", () => {
-	const threeOrbitControlsService = { autoFitTo: jest.fn() }
-
-	beforeEach(() => {
-		threeOrbitControlsService.autoFitTo = jest.fn()
-		TestBed.configureTestingModule({
-			providers: [{ provide: ThreeOrbitControlsService, useValue: threeOrbitControlsService }]
-		})
-	})
-
-	it("should call autoFitTo of threeOrbitControlsService on click", async () => {
-		await render(CenterMapButtonComponent)
-
-		await userEvent.click(screen.getByTitle("Center map"))
-
-		expect(threeOrbitControlsService.autoFitTo).toHaveBeenCalled()
-	})
-})

package/app/codeCharta/ui/viewCube/centerMapButton/centerMapButton.component.ts

@@ -1,16 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { ThreeOrbitControlsService } from "../../codeMap/threeViewer/threeOrbitControls.service"
-
-@Component({
-	selector: "cc-center-map-button",
-	templateUrl: "./centerMapButton.component.html",
-	styleUrls: ["./centerMapButton.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class CenterMapButtonComponent {
-	constructor(private threeOrbitControlsService: ThreeOrbitControlsService) {}
-
-	centerMap() {
-		this.threeOrbitControlsService.autoFitTo()
-	}
-}

package/app/codeCharta/ui/viewCube/viewCube.component.html

@@ -1 +0,0 @@
-<cc-center-map-button></cc-center-map-button>