test: playwright test erfolgreich

.env.development

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.911
+NEXT_PUBLIC_APP_VERSION=1.6.912
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.env.production

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.911
+NEXT_PUBLIC_APP_VERSION=1.6.912
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.912] – 2025-09-11
+
+- Test: implement header, footer und Nav everywhere in *.test.ts
+
+---
 ## [1.6.911] – 2025-09-11
 
 - fix: renamed -98V to -96V everywhere

docs/TODO.md

@@ -116,3 +116,7 @@ in Rot, wenn Schleifenfehler ansteht
 [ ] TODO: KÜ TDR-aktiviert alert entfernen
 
 [ ] TODO: Playwright testen mit der Entwicklung
+
+# 11.09.2025
+
+[ ] TODO: KÜ ISO Modal -> Meldungen z-index datePicker von bis

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.911",
+  "version": "1.6.912",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.911",
+      "version": "1.6.912",
       "dependencies": {
         "@emotion/react": "^11.13.0",
         "@emotion/styled": "^11.13.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.911",
+  "version": "1.6.912",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",

playwright/tests/pages/kabelueberwachung/kabelueberwachung.test.ts

@@ -20,24 +20,85 @@ test("Kabelüberwachung", async ({ page }) => {
   await expect(page.getByRole("button", { name: "Rack 2" })).toBeVisible();
   await expect(page.getByRole("button", { name: "Rack 3" })).toBeVisible();
   await expect(page.getByRole("button", { name: "Rack 4" })).toBeVisible();
-  await expect(
+  //--
-    page.getByText(
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
-      "1KÜ705-FO⚙BetriebAlarmErdschluss ISO: 10,00 MOhmRSL: 0,000 kOhmKabel 1Kabel 1V4"
+    - text: "1"
-    )
+    - heading /KÜ\\d+-FO/ [level=3]
-  ).toBeVisible();
+    - button "⚙"
-  await expect(
+    - text: "/Betrieb Alarm Erdschluss ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel 1 V4\\\\.\\\\d+ Detailansicht/"
-    page.getByText("DetailansichtISORSLTDRKVZ").first()
+    - button "ISO"
-  ).toBeVisible();
+    - button "RSL"
-  await expect(
+    - button "TDR"
-    page.locator(".bg-littwin-blue.text-white").first()
+    - button "KVZ"
-  ).toBeVisible();
+    `);
-  await expect(
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
-    page.locator(".flex > button:nth-child(2)").first()
+    - text: "2"
-  ).toBeVisible();
+    - heading /KÜ\\d+-FO/ [level=3]
-  await expect(
+    - button "⚙"
-    page.locator(".bg-littwin-blue.text-white.cursor-pointer").first()
+    - text: "/Betrieb Alarm Messpannung ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel 2 V4\\\\.\\\\d+ Detailansicht/"
-  ).toBeVisible();
+    - button "ISO"
-  await expect(
+    - button "RSL"
-    page.getByRole("button", { name: "KVZ", exact: true }).first()
+    - button
-  ).toBeVisible();
+    - button "KVZ"
+    `);
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
+    - text: "3"
+    - heading /KÜ\\d+-FO/ [level=3]
+    - button "⚙"
+    - text: "/Betrieb Alarm Erdschluss ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel 3 V4\\\\.\\\\d+ Detailansicht/"
+    - button "ISO"
+    - button "RSL"
+    - button "TDR"
+    - button "KVZ"
+    `);
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
+    - text: "4"
+    - heading /KÜ\\d+-FO/ [level=3]
+    - button "⚙"
+    - text: "/Betrieb Alarm Aderbruch ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel 4 V4\\\\.\\\\d+ Detailansicht/"
+    - button "ISO"
+    - button "RSL"
+    - button "TDR"
+    - button "KVZ nicht verfügbar" [disabled]
+    `);
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
+    - text: "5"
+    - heading /KÜ\\d+-FO/ [level=3]
+    - button "⚙"
+    - text: "/Betrieb Alarm ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel 5 V4\\\\.\\\\d+ Detailansicht/"
+    - button "ISO"
+    - button "RSL"
+    - button "TDR"
+    - button "KVZ nicht verfügbar" [disabled]
+    `);
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
+    - text: "6"
+    - heading /KÜ\\d+-FO/ [level=3]
+    - button "⚙"
+    - text: "/Betrieb Alarm ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel 6 V4\\\\.\\\\d+ Detailansicht/"
+    - button "ISO"
+    - button "RSL"
+    - button "TDR"
+    - button "KVZ nicht verfügbar" [disabled]
+    `);
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
+    - text: "7"
+    - heading /KÜ\\d+-FO/ [level=3]
+    - button "⚙"
+    - text: "/Betrieb Alarm Schleifenfehler ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel 7 V4\\\\.\\\\d+ Detailansicht/"
+    - button "ISO"
+    - button "RSL"
+    - button "TDR"
+    - button "KVZ nicht verfügbar" [disabled]
+    `);
+  await expect(page.getByRole("main")).toMatchAriaSnapshot(`
+    - text: "8"
+    - heading /KÜ\\d+-FO/ [level=3]
+    - button "⚙"
+    - text: "/Betrieb Alarm Isolationsfehler ISO: \\\\d+,\\\\d+ MOhm RSL: \\\\d+,\\\\d+ kOhm Kabel_8 in Salzgitter bei Hannover Kabel_8 in Salzgitter bei Hannover V4\\\\.\\\\d+ Detailansicht/"
+    - button "ISO"
+    - button "RSL"
+    - button "TDR"
+    - button "KVZ nicht verfügbar" [disabled]
+    `);
 });

playwright/tests/pages/kabelueberwachung/modals/isoModal.test.ts

@@ -0,0 +1,108 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("/kabelueberwachung");
+  await page.locator(".bg-littwin-blue.text-white").first().click();
+  await expect(page.getByText("IsolationswiderstandMesskurve")).toBeVisible();
+  await expect(page.getByRole("button", { name: "Messkurve " })).toBeVisible();
+  await expect(page.getByText("KÜ1")).toBeVisible();
+  await expect(page.getByText("Von")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Von$/ })
+    .getByRole("textbox")
+    .click();
+  await expect(page.getByLabel("Sunday", { exact: true })).toBeVisible();
+  await expect(page.getByLabel("Saturday", { exact: true })).toBeVisible();
+  await page.getByRole("textbox").first().click();
+  await page.getByRole("textbox").first().click();
+  await page.getByText("IsolationswiderstandMesskurve").click();
+  await expect(page.getByText("Bis")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Bis$/ })
+    .getByRole("textbox")
+    .click();
+  await expect(page.getByLabel("Sunday", { exact: true })).toBeVisible();
+  await expect(page.getByLabel("Saturday", { exact: true })).toBeVisible();
+  await page.getByRole("textbox").nth(1).click();
+  await page.getByText("IsolationswiderstandMesskurve").click();
+  await expect(
+    page.getByRole("button", { name: "Alle Messwerte " })
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Alle Messwerte " }).click();
+  //  await expect(page.getByRole("button", { name: "Daten laden" })).toBeVisible();
+  await page.getByRole("button", { name: "Alle Messwerte " }).click();
+  await expect(page.locator("canvas")).toBeVisible();
+  await page.getByRole("button", { name: "Alle Messwerte " }).click();
+  await page.getByRole("option", { name: "Stündlich" }).click();
+  await expect(page.getByRole("button", { name: "Stündlich " })).toBeVisible();
+  await page.getByRole("button", { name: "Stündlich " }).click();
+  await page.getByRole("option", { name: "Täglich" }).click();
+  await expect(page.getByRole("button", { name: "Täglich " })).toBeVisible();
+  await page.getByRole("button", { name: "Messkurve " }).click();
+  await page.getByRole("option", { name: "Meldungen" }).click();
+  await expect(page.getByRole("button", { name: "Meldungen " })).toBeVisible();
+  await expect(page.getByText("VonBisAnzeigen")).toBeVisible();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Von$/ })
+    .getByRole("textbox")
+    .click();
+  await expect(page.getByRole("textbox").first()).toBeVisible();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Bis$/ })
+    .getByRole("textbox")
+    .click();
+  await page.getByText("IsolationswiderstandMeldungen").click();
+  await expect(page.getByRole("button", { name: "Anzeigen" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Prio" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Zeitstempel" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Quelle" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Meldung" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Status" })).toBeVisible();
+  await expect(
+    page
+      .getByRole("row", { name: "12:10:42 CableLine1 Modul online online" })
+      .getByRole("cell")
+      .first()
+  ).toBeVisible();
+  await expect(
+    page
+      .getByRole("row", { name: "12:10:42 CableLine1 Aderbruch kommend 1" })
+      .getByRole("cell")
+      .first()
+  ).toBeVisible();
+  await expect(
+    page
+      .getByRole("row", { name: "12:10:42 CableLine1 Aderbruch gehend 0" })
+      .getByRole("cell")
+      .first()
+  ).toBeVisible();
+  await expect(
+    page
+      .getByRole("row", { name: "12:10:42 CableLine1 Isofehler gehend 0" })
+      .getByRole("cell")
+      .first()
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Vollbild" }).click();
+  await page.getByRole("button", { name: "Vollbild verlassen" }).click();
+  await page
+    .getByRole("dialog", { name: "Isolationswiderstand" })
+    .getByLabel("Schließen")
+    .click();
+});

playwright/tests/pages/kabelueberwachung/modals/kvzModal.test.ts

@@ -0,0 +1,81 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("http://localhost:3000/kabelueberwachung");
+  await page.getByRole("button", { name: "KVZ", exact: true }).first().click();
+  await expect(
+    page
+      .getByRole("dialog", { name: "KVZ Zustände & Meldungen" })
+      .getByRole("banner")
+  ).toBeVisible();
+  await expect(page.getByText("KÜ 1")).toBeVisible();
+  await expect(page.getByText("Von")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Von$/ })
+    .getByRole("textbox")
+    .click();
+  await expect(page.getByLabel("Sunday", { exact: true })).toBeVisible();
+  await expect(page.getByLabel("Saturday", { exact: true })).toBeVisible();
+  await expect(page.getByText("Bis")).toBeVisible();
+  await page
+    .getByRole("dialog", { name: "KVZ Zustände & Meldungen" })
+    .getByRole("banner")
+    .click();
+  await expect(page.getByText("Bis")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Bis$/ })
+    .getByRole("textbox")
+    .click();
+  await expect(page.getByLabel("Sunday", { exact: true })).toBeVisible();
+  await expect(page.getByLabel("Saturday", { exact: true })).toBeVisible();
+  await page
+    .getByRole("dialog", { name: "KVZ Zustände & Meldungen" })
+    .getByRole("banner")
+    .click();
+  await expect(page.getByRole("button", { name: "Anzeigen" })).toBeVisible();
+  await expect(page.getByText("KVZ1")).toBeVisible();
+  await expect(page.getByTitle("Slot 0 LED1: Ein")).toBeVisible();
+  await expect(page.getByText("KVZ2", { exact: true })).toBeVisible();
+  await expect(page.getByTitle("Slot 0 LED2: Aus")).toBeVisible();
+  await expect(page.getByText("KVZ3", { exact: true })).toBeVisible();
+  await expect(page.getByTitle("Slot 0 LED3: Unbekannt")).toBeVisible();
+  await expect(page.getByText("KVZ4", { exact: true })).toBeVisible();
+  await expect(page.getByTitle("Slot 0 LED4: Ein")).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Prio" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Zeitstempel" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Quelle" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Meldung" })).toBeVisible();
+  await expect(page.getByRole("cell", { name: "Status" })).toBeVisible();
+  await expect(
+    page
+      .getByRole("row", { name: "12:10:42 CableLine1 Modul online online" })
+      .getByRole("cell")
+      .first()
+  ).toBeVisible();
+  await expect(
+    page
+      .getByRole("row", { name: "12:10:42 CableLine1 Aderbruch kommend 1" })
+      .getByRole("cell")
+      .first()
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Vollbild" }).click();
+  await page
+    .getByRole("dialog", { name: "KVZ Zustände & Meldungen" })
+    .getByLabel("Schließen")
+    .click();
+});

playwright/tests/pages/kabelueberwachung/modals/rslModal.test.ts

@@ -0,0 +1,90 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("http://localhost:3000/kabelueberwachung");
+  await page.locator(".flex > button:nth-child(2)").first().click();
+  await expect(page.getByLabel("Schleifenwiderstand").getByRole("banner"))
+    .toMatchAriaSnapshot(`
+    - banner:
+      - heading "Schleifenwiderstand" [level=3]
+      - button "Vollbild"
+      - button "Schließen"
+      - button "Messkurve "
+    `);
+  await expect(page.getByLabel("Schleifenwiderstand")).toMatchAriaSnapshot(`
+    - text: KÜ 1 Von
+    - textbox: /\\d+\\.\\d+\\.\\d+/
+    - text: Bis
+    - textbox: /\\d+\\.\\d+\\.\\d+/
+    - button "Alle Messwerte "
+    - button "RSL Messung starten"
+    - button "Daten laden"
+    `);
+  await page.getByRole("button", { name: "Alle Messwerte " }).click();
+  await page.getByRole("option", { name: "Stündlich" }).click();
+  await expect(page.getByLabel("Schleifenwiderstand")).toMatchAriaSnapshot(`
+    - text: KÜ 1 Von
+    - textbox: /\\d+\\.\\d+\\.\\d+/
+    - text: Bis
+    - textbox: /\\d+\\.\\d+\\.\\d+/
+    - button "Stündlich "
+    - button "RSL Messung starten"
+    - button "Daten laden"
+    `);
+  await page.getByRole("button", { name: "Stündlich " }).click();
+  await page.getByRole("option", { name: "Täglich" }).click();
+  await expect(page.getByLabel("Schleifenwiderstand")).toMatchAriaSnapshot(`
+    - text: KÜ 1 Von
+    - textbox: /\\d+\\.\\d+\\.\\d+/
+    - text: Bis
+    - textbox: /\\d+\\.\\d+\\.\\d+/
+    - button "Täglich "
+    - button "RSL Messung starten"
+    - button "Daten laden"
+    `);
+  await page.locator("canvas").click({
+    position: {
+      x: 128,
+      y: 41,
+    },
+  });
+  await expect(page.locator("canvas")).toBeVisible();
+  await page.getByRole("button", { name: "Messkurve " }).click();
+  await page.getByRole("option", { name: "Meldungen" }).click();
+  await expect(page.getByText("SchleifenwiderstandMeldungen")).toBeVisible();
+  await expect(page.getByText("Von")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await expect(page.getByText("Bis")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await expect(page.getByRole("button", { name: "Anzeigen" })).toBeVisible();
+  await expect(
+    page
+      .getByLabel("Schleifenwiderstand")
+      .locator("div")
+      .filter({
+        hasText:
+          "PrioZeitstempelQuelleMeldungStatus03.09.2025, 12:10:42CableLine1Modul",
+      })
+      .nth(4)
+  ).toBeVisible();
+  await page.getByRole("cell", { name: "Prio" }).click();
+  await page.getByRole("cell", { name: "Zeitstempel" }).click();
+  await page.getByRole("cell", { name: "Quelle" }).click();
+  await page.getByRole("cell", { name: "Meldung" }).click();
+  await page.getByRole("cell", { name: "Status" }).click();
+  await page
+    .getByRole("dialog", { name: "Schleifenwiderstand" })
+    .getByLabel("Schließen")
+    .click();
+});

playwright/tests/pages/kabelueberwachung/modals/tdrModal.test.ts

@@ -0,0 +1,64 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("http://localhost:3000/kabelueberwachung");
+  await page
+    .locator(".bg-littwin-blue.text-white.cursor-pointer")
+    .first()
+    .click();
+  await expect(page.getByLabel("TDR Messung").getByRole("banner"))
+    .toMatchAriaSnapshot(`
+    - banner:
+      - heading "TDR-Messung" [level=3]
+      - button "Vollbild"
+      - button "Schließen"
+      - button "Messkurve "
+    `);
+  await expect(page.getByText("KÜ1")).toBeVisible();
+  await expect(
+    page.getByRole("button", { name: "TDR-Kurve als Referenz" })
+  ).toBeVisible();
+  await expect(
+    page.getByRole("button", { name: "TDR-Messung starten" })
+  ).toBeVisible();
+  await expect(
+    page.getByRole("button", { name: "27.03.2025, 23:42:41 –" })
+  ).toBeVisible();
+  await expect(page.locator("canvas")).toBeVisible();
+  await page.getByRole("button", { name: "Messkurve " }).click();
+  await page.getByRole("option", { name: "Meldungen" }).click();
+  await expect(page.getByText("Von")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Von$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await expect(page.getByText("Bis")).toBeVisible();
+  await expect(
+    page.locator("div").filter({ hasText: /^Bis$/ }).getByRole("textbox")
+  ).toBeVisible();
+  await expect(page.getByRole("button", { name: "Anzeigen" })).toBeVisible();
+  await page.getByRole("cell", { name: "Prio" }).click();
+  await page.getByRole("cell", { name: "Zeitstempel" }).click();
+  await page.getByRole("cell", { name: "Quelle" }).click();
+  await page.getByRole("cell", { name: "Meldung" }).click();
+  await page.getByRole("cell", { name: "Status" }).click();
+  await page
+    .getByLabel("TDR Messung")
+    .locator("div")
+    .filter({
+      hasText:
+        "PrioZeitstempelQuelleMeldungStatus03.09.2025, 12:10:42CableLine1Modul",
+    })
+    .nth(3)
+    .click();
+  await page
+    .getByRole("dialog", { name: "TDR Messung" })
+    .getByLabel("Schließen")
+    .click();
+});

playwright/tests/pages/kabelueberwachung/settingsTabs/settingModalAllgemein.test.ts

@@ -0,0 +1,91 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("kabelueberwachung");
+  await page
+    .locator("div")
+    .filter({ hasText: /^1KÜ705-FO⚙$/ })
+    .getByRole("button")
+    .click();
+  await expect(
+    page.locator("div").filter({ hasText: /^Einstellungen KÜ 1$/ })
+  ).toBeVisible();
+  await expect(page.getByText("AllgemeinTDRKVzKnotenpunkte")).toBeVisible();
+  await expect(page.getByText("Kabelbezeichnung:")).toBeVisible();
+  await expect(
+    page.getByRole("textbox", { name: "Feld kann nicht bearbeitet" })
+  ).toBeVisible();
+  await expect(page.getByText("Kabelname:")).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^Kabelname:$/ })
+      .getByRole("textbox")
+  ).toBeVisible();
+  await expect(page.getByText("Speicherintervall:")).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^Minuten$/ })
+      .getByRole("spinbutton")
+  ).toBeVisible();
+  await expect(
+    page.getByRole("heading", { name: "Isolationsmessung" })
+  ).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^Grenzwert:MOhm$/ })
+      .locator("label")
+  ).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^MOhm$/ })
+      .getByRole("spinbutton")
+  ).toBeVisible();
+  await expect(page.getByText("Verzögerung:")).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^Sekunden$/ })
+      .getByRole("spinbutton")
+  ).toBeVisible();
+  await expect(
+    page.getByRole("heading", { name: "Schleifenmessung" })
+  ).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^Grenzwert:kOhm$/ })
+      .locator("label")
+  ).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^kOhm$/ })
+      .getByRole("spinbutton")
+  ).toBeVisible();
+  await expect(page.getByText("Schleifenmessintervall:")).toBeVisible();
+  await expect(
+    page
+      .locator("div")
+      .filter({ hasText: /^Stunden$/ })
+      .getByRole("spinbutton")
+  ).toBeVisible();
+  await expect(
+    page.getByRole("button", { name: "Display einschalten" })
+  ).toBeVisible();
+  await expect(page.getByRole("button", { name: "Speichern" })).toBeVisible();
+  await expect(
+    page.getByRole("button", { name: "Modal schließen" })
+  ).toBeVisible();
+  await page.getByRole("button", { name: "Modal schließen" }).click();
+});

playwright/tests/pages/kabelueberwachung/settingsTabs/settingsModalKVZ.test.ts

@@ -0,0 +1,26 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("http://localhost:3000/kabelueberwachung");
+  await page
+    .locator("div")
+    .filter({ hasText: /^1KÜ705-FO⚙$/ })
+    .getByRole("button")
+    .click();
+  await page.getByRole("button", { name: "KVz", exact: true }).click();
+  await page
+    .locator("div")
+    .filter({
+      hasText: /^Nur Admin-Benutzer können diese Einstellungen ändern\.$/,
+    })
+    .nth(1)
+    .click();
+  await page.getByRole("button", { name: "Modal schließen" }).click();
+});

playwright/tests/pages/kabelueberwachung/settingsTabs/settingsModalNodes.test.ts

@@ -0,0 +1,35 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("http://localhost:3000/kabelueberwachung");
+  await page
+    .locator("div")
+    .filter({ hasText: /^1KÜ705-FO⚙$/ })
+    .getByRole("button")
+    .click();
+  await page.getByRole("button", { name: "Knotenpunkte" }).click();
+  await page.getByText("Knoten 1:").click();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Knoten 1:↳ Verbindung:m$/ })
+    .locator("span")
+    .first()
+    .click();
+  await page.getByText("Knoten 2:").click();
+  await page
+    .locator("div")
+    .filter({ hasText: /^Knoten 2:↳ Verbindung:m$/ })
+    .locator("span")
+    .first()
+    .click();
+  await page.getByText("Knoten 3:").click();
+  await page.getByText("Knoten 10:").click();
+  await page.getByRole("button", { name: "Modal schließen" }).click();
+});

playwright/tests/pages/kabelueberwachung/settingsTabs/settingsModalTDR.test.ts

@@ -0,0 +1,24 @@
+import { test, expect } from "@playwright/test";
+
+test.use({
+  viewport: {
+    height: 800,
+    width: 1280,
+  },
+});
+
+test("test", async ({ page }) => {
+  await page.goto("http://localhost:3000/kabelueberwachung");
+  await page
+    .locator("div")
+    .filter({ hasText: /^1KÜ705-FO⚙$/ })
+    .getByRole("button")
+    .click();
+  await page
+    .getByLabel("Einstellungen KÜ")
+    .getByRole("button", { name: "TDR" })
+    .click();
+  await expect(
+    page.getByText("TDR Dämpfung:dBGeschwindigkeit:m/µsTrigger:Speichern")
+  ).toBeVisible();
+});