Validar que se observa un elemento usando Playwrigth

Buenas lectores.

Hoy vamos a revisar como esperar a que un elemento sea visible, en este framework es tan sencillo como lo siguiente:

Declarando un objeto:

var deleteGeofence = page.locator("//span[@class='toast-message']");

await expect(deleteGeofence).toBeVisible({ timeout: 10000 });    

De forma directa:

await expect(page.locator("//span[@class='toast-message']")).toBeVisible({ timeout: 10000});    

En ambos casos se observa que declaramos cuanto tiempo queremos esperar a que sea visible y nos marque error en caso que no lo encuentre.

Saludos coordiales

Fuentes:

https://playwright.dev/docs/test-assertions

https://stackoverflow.com/questions/77068325/expect-tobevisible-is-not-working-when-i-am-running-my-playwright-test