test: playwright funktion highlight in separate Datei

.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.751
+NEXT_PUBLIC_APP_VERSION=1.6.752
 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.751
+NEXT_PUBLIC_APP_VERSION=1.6.752
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.752] – 2025-08-25
+
+- fix: Ein Abgleich darf natürlich nicht die Seiten blockieren.
+
+---
 ## [1.6.751] – 2025-08-20
 
 - Presentation playwright

package-lock.json

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

package.json

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

playwright/tests/analogInputsTest.ts

@@ -1,33 +1,6 @@
-import { expect } from "../fixtures";
+import type { Page } from "@playwright/test";
-import type { Locator, Page } from "@playwright/test";
+import { highlightAndExpectVisible } from "./highlight";
-
 // Kombinierte Helper-Funktion: injiziert CSS (nur einmal), hebt hervor und prüft Sichtbarkeit
-async function highlightAndExpectVisible(
-  page: Page,
-  locator: Locator,
-  durationMs = 800
-) {
-  // CSS nur einmal pro Page injizieren
-  if (!(await page.evaluate(() => (window as any).__pwForceCssInjected))) {
-    await page.addStyleTag({
-      content: `
-        .pw-force-outline { outline: 3px solid #ff1744 !important; outline-offset: 2px !important; box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important; }
-      `,
-    });
-    await page.evaluate(() => {
-      (window as any).__pwForceCssInjected = true;
-    });
-  }
-  const els = await locator.elementHandles();
-  for (const el of els) {
-    await el.evaluate((node: unknown, ms: number) => {
-      const n = node as HTMLElement;
-      n.classList.add("pw-force-outline");
-      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
-    }, durationMs);
-  }
-  await expect(locator).toBeVisible();
-}
 
 export async function runAnalogInputsTest(page: Page) {
   await page.goto("/analogInputs");

playwright/tests/dashboardTest.ts

@@ -1,33 +1,5 @@
-import type { Locator, Page } from "@playwright/test";
+import type { Page } from "@playwright/test";
-import { expect } from "../fixtures";
+import { highlightAndExpectVisible } from "./highlight";
-
-// Kombinierte Helper-Funktion: injiziert CSS (nur einmal), hebt hervor und prüft Sichtbarkeit
-async function highlightAndExpectVisible(
-  page: Page,
-  locator: Locator,
-  durationMs = 800
-) {
-  // CSS nur einmal pro Page injizieren
-  if (!(await page.evaluate(() => (window as any).__pwForceCssInjected))) {
-    await page.addStyleTag({
-      content: `
-                .pw-force-outline { outline: 3px solid #ff1744 !important; outline-offset: 2px !important; box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important; }
-            `,
-    });
-    await page.evaluate(() => {
-      (window as any).__pwForceCssInjected = true;
-    });
-  }
-  const els = await locator.elementHandles();
-  for (const el of els) {
-    await el.evaluate((node: unknown, ms: number) => {
-      const n = node as HTMLElement;
-      n.classList.add("pw-force-outline");
-      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
-    }, durationMs);
-  }
-  await expect(locator).toBeVisible();
-}
 
 export async function runDashboardTest(page: Page) {
   await page.goto("http://localhost:3000/dashboard");

playwright/tests/highlight.ts

@@ -0,0 +1,29 @@
+// Kombinierte Helper-Funktion: injiziert CSS (nur einmal), hebt hervor und prüft Sichtbarkeit
+import type { Locator, Page } from "@playwright/test";
+import { expect } from "../fixtures";
+export async function highlightAndExpectVisible(
+  page: Page,
+  locator: Locator,
+  durationMs = 800
+) {
+  // CSS nur einmal pro Page injizieren
+  if (!(await page.evaluate(() => (window as any).__pwForceCssInjected))) {
+    await page.addStyleTag({
+      content: `
+                .pw-force-outline { outline: 3px solid #ff1744 !important; outline-offset: 2px !important; box-shadow: 0 0 0 3px rgba(224,0,43,.35) !important; }
+            `,
+    });
+    await page.evaluate(() => {
+      (window as any).__pwForceCssInjected = true;
+    });
+  }
+  const els = await locator.elementHandles();
+  for (const el of els) {
+    await el.evaluate((node: unknown, ms: number) => {
+      const n = node as HTMLElement;
+      n.classList.add("pw-force-outline");
+      window.setTimeout(() => n.classList.remove("pw-force-outline"), ms);
+    }, durationMs);
+  }
+  await expect(locator).toBeVisible();
+}