No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Selectores

5/17
Recursos

Aportes 6

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Existe una aplicacion para Chrome y Firefox que se llama Selectos Hub, y te permite encontrar los selectores mucho mas facil, es solo inspeccionar y el te dice cual es el codigo del selector. Te ahorras muchisimo tiempo.

Selectores

Cuando se desea trabajar en pruebas directas para obtener y realizar ciertos casos alrededor de un elemento o componente dentro de un aplicativo web, es necesario poder inidicarle a Playwright que se dispondr谩 de una entidad.
.

鈩癸笍 Definici贸n
Los selectores son cadenas de texto usadas para create localizadores (Locators), los cuales describen la forma para encontrar un elementos en una p谩gina.

.
En Playwright, los localizadores son funciones construidas que permiten seleccionar un elemento dentro una estructura compleja de un documento web. Por ejemplo:

.

  • page.getByRole() , para localizar de manera expl铆cita o impl铆cita atributos de un elemento
  • page.getByText() , para localizar por texto a un elemento

.

M茅todo locator

馃搶 Referencia
El m茅todo page.locator() es una implementaci贸n legacy de Playwright que puede ser usado para implementar y accionar selectores.
locator | Playwright

.

鉁 Concepto clave
El localizador se resuelve en el elemento inmediatamente antes de realizar una acci贸n, por lo que una serie de acciones en el mismo localizador se pueden realizar en diferentes elementos del DOM.

.

Locators modernos

Para Playwright, los locators son la parte centrar en la representaci贸n, obtenci贸n y ejecuci贸n de cualquier elemento de una p谩gina web.
.
De la mano de la documentaci贸n, es posible categorizar a los localizadores en:

.

  • Obtenci贸n de elementos
  • Filtro de elementos
  • Agrupaci贸n de elementos

.

鉁 Concepto clave
La diferencia entre una obtenci贸n y un filtrado, es la consideraci贸n donde se pivotear谩 la selecci贸n (absoluta o relativa).

.

馃搶 Referencia
Locators | Playwright

.

Estube buscando en la documentacion de los selectores pero ya no se encuentran disponibles en el sitio oficial

Para los que quieran practicar aprendiendo a sacar los xpath para los locators les dejo este archivo https://devhints.io/xpath

Tambi茅n funciona por este locator

await page.locator("//a[contains(text(),鈥楻esources鈥)]").click();

Otra manera de darle click a un elemento usando css selectors es la siguiente:
En este caso se esta dando click al link de Resources

await page.click("a[href='/resources']");

Creo que es mas legible y corta