Test: done

playwright/tests/pages/system/systemTest.ts

@@ -1,5 +1,6 @@
-import type { Locator, Page } from "@playwright/test";
+import type { Page } from "@playwright/test";
 import { expect } from "@playwright/test";
+import { highlightAndExpectVisible } from "@playwright/utils/highlight";
 
 export async function runSystemTest(page: Page) {
   await page.goto("/system");
@@ -143,40 +144,3 @@ export async function runSystemTest(page: Page) {
 }
 
 //---------------------------------------------------------------------
-
-export async function highlightAndExpectVisible(
-  page: Page,
-  locator: Locator,
-  durationMs = 800
-) {
-  // CSS nur einmal pro Page injizieren
-  const alreadyInjected = await page.evaluate(
-    () => (window as any).__pwForceCssInjected === true
-  );
-
-  if (!alreadyInjected) {
-    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();
-}