42 lines
1.3 KiB
TypeScript
42 lines
1.3 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 "@playwright/test";
|
|
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;
|
|
});
|
|
}
|
|
|
|
// Erst prüfen, ob das Element sichtbar ist, sonst bricht der Test sauber ab
|
|
await expect(locator).toBeVisible({ timeout: 10000 });
|
|
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();
|
|
}
|