Add e2e tests for global settings label #1715

visualization/app/codeCharta/ui/dialog/dialog.globalSettings.e2e.ts

@@ -0,0 +1,40 @@
+import { goto } from "../../../puppeteer.helper"
+import { FileChooserPageObject } from "../fileChooser/fileChooser.po"
+import { DialogGlobalSettingsPageObject } from "./dialog.globalSettings.po"
+
+describe("LegendPanel", () => {
+	let globalSettingsPageObject: DialogGlobalSettingsPageObject
+	let fileChooser: FileChooserPageObject
+
+	beforeEach(async () => {
+		globalSettingsPageObject = new DialogGlobalSettingsPageObject()
+		fileChooser = new FileChooserPageObject()
+
+		await goto()
+		await setupTest()
+	})
+
+	async function setupTest() {
+		await fileChooser.openFiles(["./app/codeCharta/ressources/sample1_with_different_edges.cc.json"])
+		await globalSettingsPageObject.openGlobalSettings()
+	}
+
+	describe("GlobalSettings", () => {
+		it("Should contain the label for the map layout", async () => {
+			const label = await globalSettingsPageObject.getMapLayoutLabel()
+			expect(label).toEqual("Map Layout")
+		})
+		it("Should contain the Display quality Layout", async () => {
+			const label = await globalSettingsPageObject.getDisplayQualityLabel()
+			expect(label).toEqual("Display quality")
+		})
+		/*
+		it("Should change the layout algorithm", async () => {
+			globalSettingsPageObject.changeLayout()
+			globalSettingsPageObject.setStreetMapAsLayout()
+			const label = await globalSettingsPageObject.getLayout()
+			console.log("this.is.it ", label)
+		})
+*/
+	})
+})

visualization/app/codeCharta/ui/dialog/dialog.globalSettings.po.ts

@@ -0,0 +1,16 @@
+import { clickButtonOnPageElement } from "../../../puppeteer.helper"
+
+export class DialogGlobalSettingsPageObject {
+	async openGlobalSettings() {
+		await clickButtonOnPageElement("global-settings-button-component .toolbar-button")
+		await page.waitForSelector("md-dialog.global-settings")
+	}
+
+	async getMapLayoutLabel() {
+		return page.$eval("layout-selection-component > div > md-input-container > label", element => element["innerText"])
+	}
+
+	async getDisplayQualityLabel() {
+		return page.$eval("sharpness-mode-selector-component > div > md-input-container > label", element => element["innerText"])
+	}
+}