30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
// 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();
|
|
}
|