Como interagir com elementos renderizados via ::before (pseudo-elementos CSS) no Robot Framework?

Libraries
1

Estou enfrentando uma dificuldade para interagir com um elemento que é renderizado dinamicamente usando o ::before no CSS. Esse conteúdo aparece visualmente na tela (como um botão ou ícone), mas não está presente no DOM de forma direta — ou seja, não possui id, name, xpath, ou mesmo um innerText acessível via ferramentas comuns como o Selenium.

Minha dúvida é:
Existe alguma forma no Robot Framework (ou em alguma de suas bibliotecas como SeleniumLibrary ou Browser) de capturar ou interagir com elementos pseudo-CSS como ::before ou ::after?

Já considerei alternativas como:

  • Tentar clicar na posição usando coordenadas (mas não é confiável em todos os navegadores).
  • Usar reconhecimento de imagem com a ImageHorizonLibrary.
  • Tentar manipular o CSS via JavaScript para adicionar um seletor clicável.

Qual seria a abordagem mais recomendada para lidar com esse tipo de elemento, especialmente em testes automatizados que precisam de estabilidade?

2

Olá @MatusMoura

PT: Você deve fazer um esforço para escrever em Inglês neste Forum (mesmo que tenha erros, esse é o idioma de comunicação aqui).

EN: You should make an effort to write in English in this Forum (even if it contains errors, this is the communication language here).

I personally can’t help you in interacting with hidden o in shadow-DOM elements. I only use SeleniumLibrary, because I like its concept of only be possible to do the things a real user does.
Maybe Browser is a better tool for your needs. Hope someone can help you, and I recommend for you to post the translated question here.

3

Certo, muito obrigado!