Globales Auto-Highlight wurde eingefügt

.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.688
+NEXT_PUBLIC_APP_VERSION=1.6.689
 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.688
+NEXT_PUBLIC_APP_VERSION=1.6.689
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.689] – 2025-08-11
+
+- playwright recording and testing
+
+---
 ## [1.6.688] – 2025-08-11
 
 - ISO, RSL, TDR, und KVZ Modal nach Wünsch angepasst für KÜs

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.688",
+  "version": "1.6.689",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.688",
+      "version": "1.6.689",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.688",
+  "version": "1.6.689",
   "private": true,
   "scripts": {
     "dev": "next dev",

tests/kabelueberwachung-visual.spec.ts

@@ -9,6 +9,28 @@ import { test, expect, Page } from "@playwright/test";
 
 test.describe("Kabelüberwachung Visual", () => {
   test("test", async ({ page }) => {
+    // Globales Auto-Highlight für jeden Klick (nur lokale Debug-Hilfe)
+    await page.addInitScript(() => {
+      interface HighlightFlagWindow extends Window {
+        __PW_CLICK_HIGHLIGHT__?: boolean;
+      }
+      const w = window as HighlightFlagWindow;
+      if (w.__PW_CLICK_HIGHLIGHT__) return; // einmalig
+      w.__PW_CLICK_HIGHLIGHT__ = true;
+      document.addEventListener(
+        "click",
+        (ev) => {
+          const el = ev.target as HTMLElement | null;
+          if (!el || !(el instanceof HTMLElement)) return;
+          const prev = el.style.outline;
+          el.style.outline = "3px solid #ff00aa";
+          setTimeout(() => {
+            el.style.outline = prev;
+          }, 600);
+        },
+        true // capture, damit nichts das Event vorher stoppt
+      );
+    });
     await page.goto("http://localhost:3000/kabelueberwachung");
     await page
       .locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]")