codecharta-visualization 1.87.1 → 1.88.0

package/app/codeCharta/ui/dialog/dialog.changelog.component.ts

@@ -1,5 +1,6 @@
 import markdownFile from "../../../../../CHANGELOG.md"
 import packageJson from "../../../../package.json"
+import "./dialog.changelog.component.scss"
 
 export class DialogChangelogController {
 	private _viewModel: {
@@ -35,7 +36,7 @@ export class DialogChangelogController {
 				const start = lineIndex + 2
 				const end = this.findEndChangesLine(changelogLines, lineIndex)
 				for (const changeLine of changelogLines.slice(start, end)) {
-					changelogTypes.push(changeLine)
+					changelogTypes.push(`${changeLine}<br>`)
 				}
 			}
 			if (changelogTypes.length > 0) changes[title] = changelogTypes.join("\n")

package/app/codeCharta/ui/dialog/dialog.service.spec.ts

@@ -0,0 +1,68 @@
+import "./dialog.module.ts"
+import { getService, instantiateModule } from "../../../../mocks/ng.mockhelper"
+import { DialogService } from "./dialog.service"
+import { CCFileValidationResult } from "../../util/fileValidator"
+
+describe("DialogService", () => {
+	let dialogService: DialogService
+	let $mdDialog
+
+	beforeEach(() => {
+		restartSystem()
+		rebuildController()
+		dialogService.showCustomDialog = jest.fn()
+		dialogService.showErrorDialog = jest.fn()
+	})
+
+	function restartSystem() {
+		instantiateModule("app.codeCharta.ui.dialog")
+		$mdDialog = getService("$mdDialog")
+	}
+
+	function rebuildController() {
+		dialogService = new DialogService($mdDialog)
+	}
+
+	it("should show AddCustomConfigSettings", function () {
+		dialogService.showAddCustomConfigSettings()
+
+		expect(dialogService.showCustomDialog).toHaveBeenCalled()
+	})
+
+	it("should show DownloadDialog", function () {
+		dialogService.showDownloadDialog()
+
+		expect(dialogService.showCustomDialog).toHaveBeenCalled()
+	})
+
+	it("should show AddScenarioSettings", function () {
+		dialogService.showAddScenarioSettings()
+
+		expect(dialogService.showCustomDialog).toHaveBeenCalled()
+	})
+
+	it("should show GlobalSettingsDialog", function () {
+		dialogService.showGlobalSettingsDialog()
+
+		expect(dialogService.showCustomDialog).toHaveBeenCalled()
+	})
+
+	it("should show ChangelogDialog", function () {
+		dialogService.showChangelogDialog()
+
+		expect(dialogService.showCustomDialog).toHaveBeenCalled()
+	})
+
+	it("should show ValidationDialog", function () {
+		const fileValidationResults: CCFileValidationResult[] = [
+			{ fileName: "file_1", errors: ["Error"], warnings: [] },
+			{ fileName: "file_2", errors: [], warnings: ["Warning"] }
+		]
+		dialogService.showValidationDialog(fileValidationResults)
+
+		expect(dialogService.showErrorDialog).toHaveBeenCalledWith(
+			`<h2>Errors</h2><p><strong>file_1:</strong> <p><i class="fa fa-exclamation-circle"></i> Error</p></p><h2>Warnings</h2><p><strong>file_2:</strong> <p><i class="fa fa-exclamation-triangle"></i> Warning</p></p>`,
+			"Something is wrong with the uploaded file(s)"
+		)
+	})
+})

package/app/codeCharta/ui/dialog/dialog.service.ts

@@ -2,7 +2,7 @@ import { dialogDownloadComponent } from "./dialog.download.component"
 import { dialogGlobalSettingsComponent } from "./dialog.globalSettings.component"
 import { addScenarioSettingsComponent } from "./dialog.addScenarioSettings.component"
 import { addCustomConfigSettingsComponent } from "./dialog.addCustomConfigSettings.component"
-import { CCValidationResult } from "../../util/fileValidator"
+import { CCFileValidationResult } from "../../util/fileValidator"
 import { dialogChangelogComponent } from "./dialog.changelog.component"
 
 export class DialogService {
@@ -38,26 +38,47 @@ export class DialogService {
 		await this.$mdDialog.show(this.$mdDialog.alert().clickOutsideToClose(true).title(title).htmlContent(message).ok(button))
 	}
 
-	async showErrorDialogAndOpenFileChooser(message = "An error occurred.", title = "Error", button = "Ok") {
-		const prompt = this.$mdDialog.alert().clickOutsideToClose(true).title(title).htmlContent(message).ok(button)
-		await this.$mdDialog.show(prompt)
-		document.getElementById("input-file-id").click()
+	async showValidationDialog(fileValidationResults: CCFileValidationResult[]) {
+		const htmlMessages = []
+
+		const filesWithErrors = fileValidationResults.filter(validationResult => {
+			return validationResult.errors.length > 0
+		})
+		if (filesWithErrors.length > 0) {
+			htmlMessages.push("<h2>Errors</h2>")
+			for (const fileWithErrors of filesWithErrors) {
+				const fileErrorMessage = this.buildFileErrorMessage(fileWithErrors)
+				htmlMessages.push(fileErrorMessage)
+			}
+		}
+
+		const filesWithWarnings = fileValidationResults.filter(validationResult => {
+			return validationResult.warnings.length > 0
+		})
+		if (filesWithWarnings.length > 0) {
+			htmlMessages.push("<h2>Warnings</h2>")
+			for (const fileWithWarnings of filesWithWarnings) {
+				const fileWarningMessage = this.buildFileWarningMessage(fileWithWarnings)
+				htmlMessages.push(fileWarningMessage)
+			}
+		}
+		await this.showErrorDialog(htmlMessages.join(""), "Something is wrong with the uploaded file(s)")
 	}
 
-	async showValidationWarningDialog(validationResult: CCValidationResult) {
-		const warningSymbol = '<i class="fa fa-exclamation-triangle"></i> '
-
-		const htmlMessage = this.buildHtmlMessage(warningSymbol, validationResult.warning)
-
-		await this.showErrorDialog(htmlMessage, "Validation Warning")
-	}
-
-	async showValidationErrorDialog(validationResult: CCValidationResult) {
+	private buildFileErrorMessage(fileValidationResult) {
 		const errorSymbol = '<i class="fa fa-exclamation-circle"></i> '
+		return `<p><strong>${fileValidationResult.fileName}:</strong> ${this.buildHtmlMessage(
+			errorSymbol,
+			fileValidationResult.errors
+		)}</p>`
+	}
 
-		const htmlMessage = this.buildHtmlMessage(errorSymbol, validationResult.error)
-
-		await this.showErrorDialogAndOpenFileChooser(htmlMessage, "Validation Error")
+	private buildFileWarningMessage(fileValidationResult) {
+		const warningSymbol = '<i class="fa fa-exclamation-triangle"></i> '
+		return `<p><strong>${fileValidationResult.fileName}:</strong> ${this.buildHtmlMessage(
+			warningSymbol,
+			fileValidationResult.warnings
+		)}</p>`
 	}
 
 	private buildHtmlMessage(symbol: string, validationResult: string[]) {

package/app/codeCharta/ui/edgeChooser/edgeChooser.e2e.ts

@@ -43,8 +43,9 @@ describe("MapTreeViewLevel", () => {
 
 		it("should not display the amount of incoming and outgoing edges of buildings for the none metric", async () => {
 			await searchPanel.toggle()
-			await mapTreeViewLevel.openFolder("/root/ParentLeaf")
-			await mapTreeViewLevel.hoverNode("/root/ParentLeaf/smallLeaf.html")
+			await mapTreeViewLevel.openFolder("/root/sample1.cc.json")
+			await mapTreeViewLevel.openFolder("/root/sample1.cc.json/ParentLeaf")
+			await mapTreeViewLevel.hoverNode("/root/sample1.cc.json/ParentLeaf/smallLeaf.html")
 
 			expect(await edgeChooser.isEdgeCountAvailable()).toBeFalsy()
 		})

package/app/codeCharta/ui/fileChooser/fileChooser.e2e.ts

@@ -50,7 +50,7 @@ describe("FileChooser", () => {
 
 	it("should open an invalid file, close the dialog and open a valid file", async () => {
 		await fileChooser.openFiles(["./app/codeCharta/assets/empty.png"])
-		expect(await dialogError.getMessage()).toEqual(` ${ERROR_MESSAGES.fileIsInvalid}`)
+		expect(await dialogError.getMessage()).toContain(` ${ERROR_MESSAGES.fileIsInvalid}`)
 
 		await dialogError.clickOk()
 
@@ -61,7 +61,7 @@ describe("FileChooser", () => {
 
 	it("should open an valid and an invalid file, close the dialog and open a valid file", async () => {
 		await fileChooser.openFiles(["./app/codeCharta/assets/empty.png", "./app/codeCharta/assets/sample3.cc.json"])
-		expect(await dialogError.getMessage()).toEqual(` ${ERROR_MESSAGES.fileIsInvalid}`)
+		expect(await dialogError.getMessage()).toContain(` ${ERROR_MESSAGES.fileIsInvalid}`)
 
 		await dialogError.clickOk()
 
@@ -73,10 +73,9 @@ describe("FileChooser", () => {
 	it("should not load a map and show error, when loading a map with warning and a map with error", async () => {
 		await fileChooser.openFiles(["./app/codeCharta/resources/sample1_with_api_warning.cc.json", "./app/codeCharta/assets/empty.png"])
 
-		expect(await dialogError.getMessage()).toEqual(` ${ERROR_MESSAGES.minorApiVersionOutdated} Found: 1.5`)
-		await dialogError.clickAndWaitUntilContentChange()
-
-		expect(await dialogError.getMessage()).toEqual(` ${ERROR_MESSAGES.fileIsInvalid}`)
+		const dialogMessage = await dialogError.getMessage()
+		expect(dialogMessage).toContain(` ${ERROR_MESSAGES.minorApiVersionOutdated} Found: 1.5`)
+		expect(dialogMessage).toContain(` ${ERROR_MESSAGES.fileIsInvalid}`)
 		await dialogError.clickOk()
 
 		await fileChooser.openFiles(["./app/codeCharta/assets/sample3.cc.json"])

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

@@ -1,108 +1,26 @@
-<section layout="row" layout-align="center center" class="mode-chooser">
-	<md-button
-		class="state-selector-button mode-selector left"
-		ng-class="{ current: $ctrl._viewModel.isSingleState }"
-		ng-click="$ctrl.onSingleStateSelected()"
-		><span class="text">Single</span></md-button
-	>
-	<md-button
-		class="state-selector-button mode-selector middle"
-		ng-class="{ current: $ctrl._viewModel.isPartialState }"
-		ng-click="$ctrl.onPartialStateSelected()"
-		><span class="text">Multiple</span></md-button
-	>
-	<md-button
-		class="state-selector-button mode-selector right"
-		ng-class="{ current: $ctrl._viewModel.isDeltaState }"
-		ng-click="$ctrl.onDeltaStateSelected()"
-		><span class="text">Delta</span></md-button
-	>
-</section>
+<cc-file-panel-state-buttons
+	[is-delta-state]="$ctrl._viewModel.isDeltaState"
+	[handle-standard-button-clicked]="$ctrl.selectRecentPartialFiles"
+	[handle-delta-button-clicked]="$ctrl.onDeltaStateSelected"
+></cc-file-panel-state-buttons>
 
-<md-input-container class="input-container" ng-show="$ctrl._viewModel.isSingleState" title="Select a file">
-	<md-select
-		class="md-select-menu"
-		ng-model="$ctrl._viewModel.selectedFileNames.single"
-		ng-change="$ctrl.onSingleFileChange($ctrl._viewModel.selectedFileNames.single)"
-	>
-		<md-option
-			ng-repeat="fileState in $ctrl._viewModel.files track by fileState.file.fileMeta.fileName"
-			value="{{::fileState.file.fileMeta.fileName}}"
-		>
-			<md-truncate>{{::fileState.file.fileMeta.fileName}}</md-truncate>
-			<remove-file-button-component
-				on-remove-file="$ctrl.onRemoveFile(filename, state, event)"
-				ng-if="$ctrl._viewModel.files.length > 1"
-				filename="{{::fileState.file.fileMeta.fileName}}"
-				state="Single"
-			>
-			</remove-file-button-component>
-		</md-option>
-	</md-select>
-</md-input-container>
+<cc-file-panel-file-selector
+	style="display: inline-block; width: 200px"
+	ng-show="!$ctrl._viewModel.isDeltaState"
+	[selected-file-names]="$ctrl._viewModel.selectedFileNames.partial"
+	[handle-selected-files-changed]="$ctrl.onPartialFilesChange"
+	[handle-select-all-partial-files]="$ctrl.selectAllPartialFiles"
+	[handle-select-zero-partial-files]="$ctrl.selectZeroPartialFiles"
+	[handle-invert-selected-partial-files]="$ctrl.invertPartialFileSelection"
+	[handle-on-selection-closed]="$ctrl.onPartialSelectionClosed"
+	[files]="$ctrl._viewModel.files"
+></cc-file-panel-file-selector>
 
-<md-input-container class="input-container" ng-show="$ctrl._viewModel.isPartialState" title="Select files">
-	<md-select
-		class="md-select-menu"
-		ng-model="$ctrl._viewModel.selectedFileNames.partial"
-		multiple="{{ true }}"
-		ng-change="$ctrl.onPartialFilesChange($ctrl._viewModel.selectedFileNames.partial)"
-		md-on-close="$ctrl.onPartialSelectionClosed()"
-	>
-		<md-button ng-click="$ctrl.selectAllPartialFiles()">All</md-button>
-		<md-button ng-click="$ctrl.selectZeroPartialFiles()">None</md-button>
-		<md-button ng-click="$ctrl.invertPartialFileSelection()">Invert</md-button>
-
-		<md-option
-			ng-repeat="fileState in $ctrl._viewModel.files track by fileState.file.fileMeta.fileName"
-			value="{{::fileState.file.fileMeta.fileName}}"
-		>
-			<md-truncate>{{::fileState.file.fileMeta.fileName}}</md-truncate>
-			<remove-file-button-component
-				on-remove-file="$ctrl.onRemoveFile(filename, state, event)"
-				ng-if="$ctrl._viewModel.files.length > 1"
-				filename="{{::fileState.file.fileMeta.fileName}}"
-				state="Partial"
-			>
-			</remove-file-button-component>
-		</md-option>
-	</md-select>
-</md-input-container>
-
-<div class="input-container delta-chooser" ng-show="$ctrl._viewModel.isDeltaState">
-	<div class="pictogram" ng-style="{ background: $ctrl._viewModel.pictogramFirstFileColor }"></div>
-	<md-input-container class="delta-select input-container" title="Select reference file">
-		<md-select
-			ng-model="$ctrl._viewModel.selectedFileNames.delta.reference"
-			ng-change="$ctrl.onDeltaReferenceFileChange($ctrl._viewModel.selectedFileNames.delta.reference)"
-		>
-			<md-option
-				ng-repeat="fileState in $ctrl._viewModel.files track by fileState.file.fileMeta.fileName"
-				value="{{::fileState.file.fileMeta.fileName}}"
-			>
-				<md-truncate>{{::fileState.file.fileMeta.fileName}}</md-truncate>
-			</md-option>
-		</md-select>
-	</md-input-container>
-
-	<div
-		class="pictogram"
-		ng-style="{
-			background:
-				'linear-gradient(' + $ctrl._viewModel.pictogramUpperColor + ' 50%, ' + $ctrl._viewModel.pictogramLowerColor + ' 50%)'
-		}"
-	></div>
-	<md-input-container class="input-container delta-select" title="Select comparison file">
-		<md-select
-			ng-model="$ctrl._viewModel.selectedFileNames.delta.comparison"
-			ng-change="$ctrl.onDeltaComparisonFileChange($ctrl._viewModel.selectedFileNames.delta.comparison)"
-		>
-			<md-option
-				ng-repeat="fileState in $ctrl._viewModel.files track by fileState.file.fileMeta.fileName"
-				value="{{::fileState.file.fileMeta.fileName}}"
-			>
-				<md-truncate>{{::fileState.file.fileMeta.fileName}}</md-truncate>
-			</md-option>
-		</md-select>
-	</md-input-container>
-</div>
+<cc-file-panel-delta-selector
+	ng-show="$ctrl._viewModel.isDeltaState"
+	[pictogram-upper-color]="$ctrl._viewModel.pictogramUpperColor"
+	[pictogram-lower-color]="$ctrl._viewModel.pictogramLowerColor"
+	[handle-delta-reference-file-change]="$ctrl.onDeltaReferenceFileChange"
+	[handle-delta-comparison-file-change]="$ctrl.onDeltaComparisonFileChange"
+	[files]="$ctrl._viewModel.files"
+></cc-file-panel-delta-selector>

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

@@ -1,12 +1,10 @@
-file-panel-component {
+cc-file-panel {
 	width: calc(100% - 150px);
 	min-width: 400px;
 	display: inline-block;
 
-	.delta-chooser {
-		position: absolute;
-		display: inline-flex;
-		min-width: 70%;
+	&.hidden {
+		display: none;
 	}
 
 	.mode-chooser {
@@ -15,18 +13,10 @@ file-panel-component {
 		margin-left: 10px;
 	}
 
-	.small-action-button.transparent {
-		.md-fab.md-button.md-ink-ripple {
-			&:hover {
-				background-color: transparent !important;
-			}
-		}
-	}
-
 	.state-selector-button {
 		&.mode-selector {
 			height: 24px;
-			width: 55px;
+			width: 66px;
 			background-color: #ffffff;
 
 			&.middle {
@@ -62,51 +52,16 @@ file-panel-component {
 		height: 22px;
 		border-radius: 2px;
 		align-self: center;
+		vertical-align: bottom;
 	}
 
-	md-input-container {
-		display: inline-block;
-		text-align: left;
-		font-size: 11pt;
-		width: calc(100% - 250px);
-		max-width: 300px;
-		min-width: 150px;
-
-		&.delta-select {
-			width: calc((100% - 300px) / 2);
-		}
-
-		md-select {
-			display: block;
-
-			.md-select-value {
-				background: white;
-				margin-right: 5px;
-				border-radius: 5px;
-				padding-left: 5px;
-				min-height: 22px;
-
-				span {
-					margin-top: -3px;
-				}
-			}
-		}
-
-		> * {
-			display: inline-block;
-		}
-
-		i.fa {
-			color: rgb(0, 150, 136);
-			margin-top: 4px;
-			margin-left: 5px;
-			margin-right: 3px;
-			min-width: 16px;
+	.delta-select {
+		width: 200px;
+		margin: 0 10px 0 10px;
+		vertical-align: bottom;
+	}
 
-			&:hover {
-				color: black;
-				cursor: pointer;
-			}
-		}
+	.standard-select {
+		margin: 0 10px 0 10px;
 	}
 }

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

@@ -6,9 +6,10 @@ import { TEST_DELTA_MAP_A, TEST_DELTA_MAP_B, TEST_DELTA_MAP_C, TEST_DELTA_MAP_D
 import { StoreService } from "../../state/store.service"
 import { addFile, resetFiles, resetSelection, setDelta, setMultiple, setSingle } from "../../state/store/files/files.actions"
 import { FilesService } from "../../state/store/files/files.service"
-import { getVisibleFileStates, isDeltaState, isPartialState, isSingleState } from "../../model/files/files.helper"
+import { getVisibleFileStates, isDeltaState, isPartialState } from "../../model/files/files.helper"
 import { FileSelectionState } from "../../model/files/files"
 import { CodeChartaService } from "../../codeCharta.service"
+import { MapColorsService } from "../../state/store/appSettings/mapColors/mapColors.service"
 
 describe("filePanelController", () => {
 	let filePanelController: FilePanelController
@@ -38,7 +39,6 @@ describe("filePanelController", () => {
 		storeService.dispatch(addFile(TEST_DELTA_MAP_B))
 		storeService.dispatch(addFile(TEST_DELTA_MAP_C))
 		storeService.dispatch(addFile(TEST_DELTA_MAP_D))
-		storeService.dispatch(setSingle(TEST_DELTA_MAP_A))
 	}
 
 	describe("constructor", () => {
@@ -49,6 +49,14 @@ describe("filePanelController", () => {
 
 			expect(FilesService.subscribe).toHaveBeenCalledWith($rootScope, filePanelController)
 		})
+
+		it("should subscribe to MapColorService", () => {
+			MapColorsService.subscribe = jest.fn()
+
+			buildController()
+
+			expect(MapColorsService.subscribe).toHaveBeenCalledWith($rootScope, filePanelController)
+		})
 	})
 
 	describe("onFilesSelectionChanged", () => {
@@ -63,19 +71,18 @@ describe("filePanelController", () => {
 
 			filePanelController.onFilesSelectionChanged(storeService.getState().files)
 
-			expect(filePanelController["_viewModel"].isSingleState).toBeFalsy()
 			expect(filePanelController["_viewModel"].isPartialState).toBeFalsy()
 			expect(filePanelController["_viewModel"].isDeltaState).toBeTruthy()
 			expect(filePanelController["lastRenderState"]).toEqual(filePanelController["_viewModel"].renderState)
 		})
 
-		it("should update selected filenames in viewModel correctly if single mode is active", () => {
-			storeService.dispatch(setSingle(TEST_DELTA_MAP_A))
+		it("should update selected filenames in viewModel correctly if multiple mode is active", () => {
+			storeService.dispatch(setMultiple([TEST_DELTA_MAP_A]))
 
 			filePanelController.onFilesSelectionChanged(storeService.getState().files)
 
-			expect(filePanelController["_viewModel"].renderState).toEqual(FileSelectionState.Single)
-			expect(filePanelController["_viewModel"].selectedFileNames.single).toEqual(TEST_DELTA_MAP_A.fileMeta.fileName)
+			expect(filePanelController["_viewModel"].renderState).toEqual(FileSelectionState.Partial)
+			expect(filePanelController["_viewModel"].selectedFileNames.partial).toEqual([TEST_DELTA_MAP_A.fileMeta.fileName])
 		})
 
 		it("should update selected filenames in viewModel correctly if partial mode is active", () => {
@@ -121,16 +128,27 @@ describe("filePanelController", () => {
 			expect(filePanelController["_viewModel"].selectedFileNames.delta.reference).toBeNull()
 			expect(filePanelController["_viewModel"].selectedFileNames.delta.comparison).toBeNull()
 			expect(filePanelController["_viewModel"].selectedFileNames.partial).toEqual([])
-			expect(filePanelController["_viewModel"].selectedFileNames.single).toBeNull()
 		})
+	})
 
-		it("should set the pictogram colors in view model", () => {
-			filePanelController.onFilesSelectionChanged(storeService.getState().files)
+	describe("onMapColorsChanged", () => {
+		it("should set default colors of delta mode in view model for pictogram", () => {
+			filePanelController.onMapColorsChanged(storeService.getState().appSettings.mapColors)
 
-			expect(filePanelController["_viewModel"].pictogramFirstFileColor).toBe("#808080")
 			expect(filePanelController["_viewModel"].pictogramLowerColor).toBe(storeService.getState().appSettings.mapColors.negativeDelta)
 			expect(filePanelController["_viewModel"].pictogramUpperColor).toBe(storeService.getState().appSettings.mapColors.positiveDelta)
 		})
+
+		it("should update colors of delta mode in view model for pictogram when colors had changed", () => {
+			filePanelController["_viewModel"].pictogramLowerColor = storeService.getState().appSettings.mapColors.negativeDelta
+			filePanelController["_viewModel"].pictogramUpperColor = storeService.getState().appSettings.mapColors.positiveDelta
+			const testMapColors = { ...storeService.getState().appSettings.mapColors, negativeDelta: "#FFFFFF", positiveDelta: "#000000" }
+
+			filePanelController.onMapColorsChanged(testMapColors)
+
+			expect(filePanelController["_viewModel"].pictogramLowerColor).toBe(testMapColors.negativeDelta)
+			expect(filePanelController["_viewModel"].pictogramUpperColor).toBe(testMapColors.positiveDelta)
+		})
 	})
 
 	describe("onPartialSelectionClosed", () => {
@@ -148,28 +166,6 @@ describe("filePanelController", () => {
 		})
 	})
 
-	describe("onSingleFileChange", () => {
-		it("should set a single file in state und update root data", () => {
-			filePanelController["_viewModel"].files = [
-				{
-					file: TEST_DELTA_MAP_A,
-					selectedAs: FileSelectionState.None
-				},
-				{
-					file: TEST_DELTA_MAP_B,
-					selectedAs: FileSelectionState.Single
-				}
-			]
-			filePanelController.onSingleFileChange(TEST_DELTA_MAP_B.fileMeta.fileName)
-
-			expect(isSingleState(storeService.getState().files)).toBeTruthy()
-			expect(getVisibleFileStates(storeService.getState().files)[0].selectedAs).toEqual(FileSelectionState.Single)
-
-			expect(CodeChartaService.ROOT_NAME).toEqual(TEST_DELTA_MAP_B.map.name)
-			expect(CodeChartaService.ROOT_PATH).toEqual(`/${TEST_DELTA_MAP_B.map.name}`)
-		})
-	})
-
 	describe("onDeltaReferenceFileChange", () => {
 		it("should set referenceFile in delta mode and update root data", () => {
 			filePanelController["_viewModel"].files = [
@@ -229,26 +225,6 @@ describe("filePanelController", () => {
 	})
 
 	describe("onRenderStateChange", () => {
-		it("should update the viewModel with the last visible filename and call onSingleFileChange if single mode is active", () => {
-			filePanelController.onSingleFileChange = jest.fn()
-
-			filePanelController["lastRenderState"] = FileSelectionState.Single
-			filePanelController["_viewModel"].selectedFileNames.single = "fileA"
-
-			filePanelController.onSingleStateSelected()
-
-			expect(filePanelController["_viewModel"].selectedFileNames.single).toEqual("fileA")
-			expect(filePanelController.onSingleFileChange).toHaveBeenCalledWith("fileA")
-		})
-
-		it("should update the viewModel with the first recently loaded filename and call Files if partial mode is active", () => {
-			filePanelController.selectRecentPartialFiles = jest.fn()
-
-			filePanelController.onPartialStateSelected()
-
-			expect(filePanelController.selectRecentPartialFiles).toHaveBeenCalled()
-		})
-
 		it("should update the viewModel with the last visible filename and call onDeltaComparisonFileChange with null if comparison mode is active", () => {
 			filePanelController.onDeltaComparisonFileChange = jest.fn()
 
@@ -284,40 +260,32 @@ describe("filePanelController", () => {
 			]
 		})
 
-		it("should call onSingleFileChange when single state", () => {
-			filePanelController.singleStateFileRemove = jest.fn()
-
-			filePanelController.onRemoveFile("fileA", FileSelectionState.Single, new Event("mouseEvent"))
-
-			expect(filePanelController.singleStateFileRemove).toHaveBeenCalled()
-		})
-
-		it("should call onPartialFilesChange when not in single state", () => {
+		it("should call onPartialFilesChange when partial state", () => {
 			filePanelController.onPartialFilesChange = jest.fn()
 
-			filePanelController.onRemoveFile("fileA", FileSelectionState.None, new Event("mouseEvent"))
+			filePanelController.onRemoveFile("fileA", new Event("mouseEvent"))
 
 			expect(filePanelController.onPartialFilesChange).toHaveBeenCalled()
 		})
 
 		it("should keep selection when a non-selected file is removed", () => {
-			storeService.dispatch(setSingle(TEST_DELTA_MAP_B))
-			filePanelController.onRemoveFile("fileA", FileSelectionState.Single, new Event("mouseEvent"))
+			storeService.dispatch(setMultiple([TEST_DELTA_MAP_B]))
+			filePanelController.onRemoveFile("fileA", new Event("mouseEvent"))
 
 			const remainingFiles = storeService.getState().files
-			expect(remainingFiles[0].selectedAs).toEqual(FileSelectionState.Single)
+			expect(remainingFiles[0].selectedAs).toEqual(FileSelectionState.Partial)
 			expect(remainingFiles[1].selectedAs).toEqual(FileSelectionState.None)
 		})
 
 		it("should select most recent file when a selected file is removed", () => {
 			storeService.dispatch(setSingle(TEST_DELTA_MAP_B))
-			filePanelController.onRemoveFile("fileB", FileSelectionState.Single, new Event("mouseEvent"))
+			filePanelController.onRemoveFile("fileB", new Event("mouseEvent"))
 
 			const remainingFiles = storeService.getState().files
 			const fileA = remainingFiles[0]
 			const fileD = remainingFiles[2]
 			expect(fileA.selectedAs).toEqual(FileSelectionState.None)
-			expect(fileD.selectedAs).toEqual(FileSelectionState.Single)
+			expect(fileD.selectedAs).toEqual(FileSelectionState.Partial)
 		})
 	})
 
@@ -346,7 +314,7 @@ describe("filePanelController", () => {
 		it("should not change selection when partially selected files still exist", () => {
 			storeService.dispatch(setMultiple([TEST_DELTA_MAP_B, TEST_DELTA_MAP_C]))
 
-			filePanelController.onRemoveFile("fileB", FileSelectionState.Partial, new Event("mouseEvent"))
+			filePanelController.onRemoveFile("fileB", new Event("mouseEvent"))
 
 			const remainingFiles = storeService.getState().files
 			const fileA = remainingFiles[0]
@@ -360,8 +328,8 @@ describe("filePanelController", () => {
 		it("should select most recent file when no partially selected file exists", () => {
 			storeService.dispatch(setMultiple([TEST_DELTA_MAP_B, TEST_DELTA_MAP_C]))
 
-			filePanelController.onRemoveFile("fileB", FileSelectionState.Partial, new Event("mouseEvent"))
-			filePanelController.onRemoveFile("fileC", FileSelectionState.Partial, new Event("mouseEvent"))
+			filePanelController.onRemoveFile("fileB", new Event("mouseEvent"))
+			filePanelController.onRemoveFile("fileC", new Event("mouseEvent"))
 
 			const remainingFiles = storeService.getState().files
 			const fileA = remainingFiles[0]
@@ -373,7 +341,7 @@ describe("filePanelController", () => {
 		it("should not change selection when non-selected file is removed", () => {
 			storeService.dispatch(setMultiple([TEST_DELTA_MAP_B, TEST_DELTA_MAP_C]))
 
-			filePanelController.onRemoveFile("fileA", FileSelectionState.Partial, new Event("mouseEvent"))
+			filePanelController.onRemoveFile("fileA", new Event("mouseEvent"))
 
 			const remainingFiles = storeService.getState().files
 			const fileB = remainingFiles[0]