Neste vídeo, você aprenderá a localizar elementos da web usando classes pseudo seletoras CSS especiais.
O Playwright inclui várias pseudo-classes CSS para localizar elementos:
- `:has-text()` corresponde a qualquer elemento que contenha o texto especificado em algum lugar dentro, possivelmente em um elemento filho ou descendente. A correspondência é insensível a maiúsculas e minúsculas, remove espaços em branco e busca por uma substring.
- A pseudo-classe `:text()` corresponde ao menor elemento que contém o texto especificado. A correspondência é insensível a maiúsculas e minúsculas, remove espaços em branco e busca por uma substring.
- Pseudo-classe `:visible`. Por exemplo, css=button corresponde a todos os botões na página, enquanto css=button:visible corresponde apenas aos botões visíveis. Isso é útil para distinguir elementos que são muito semelhantes, mas diferem em visibilidade.
- Às vezes, a página contém vários elementos semelhantes, e é difícil selecionar um em particular. `:nth-match(:text("Comprar"), 3)` pode ser usado para selecionar um elemento com base em sua posição/ordem.
O Playwright é uma ferramenta moderna, rápida e confiável de automação de navegador da Microsoft que permite testes e automação em todos os navegadores modernos, incluindo Chromium, Firefox e WebKit.