Globales Auto-Highlight wurde eingefügt

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\\]")