Playwright Wait Until Element is Visible

Submitted by arilio666 on Wed, 01/04/2023 - 11:33

In playwright, we can ensure whether an element is visible using the waitFor method. This article will discuss how we can assert the visibility of an element in a playwright.

Syntax:

(method) Locator.waitFor(options?: {
    state?: "visible" | "attached" | "detached" | "hidden" | undefined;
    timeout?: number | undefined;
} | undefined): Promise<void>

Example:

const ele = page.locator("#myDiv");
await ele.waitFor({state: "visible"})

Assertion

const locator = page.locator('element');
await expect(locator).toBeVisible();