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

**URL:** <https://forum.robotframework.org/t/como-interagir-com-elementos-renderizados-via-before-pseudo-elementos-css-no-robot-framework/8958>\
**Category:** Libraries\
**Created:** [10 June 2025 17:49 UTC](https://forum.robotframework.org/t/como-interagir-com-elementos-renderizados-via-before-pseudo-elementos-css-no-robot-framework/8958 "2025-06-10T17:49:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MatusMoura](https://dub1.discourse-cdn.com/flex005/user_avatar/forum.robotframework.org/matusmoura/32/4796_2.png) [@MatusMoura](https://forum.robotframework.org/u/MatusMoura)\
**Post date:** [10 June 2025 17:49 UTC](https://forum.robotframework.org/t/como-interagir-com-elementos-renderizados-via-before-pseudo-elementos-css-no-robot-framework/8958/1 "2025-06-10T17:49:17Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![HelioGuilherme66](https://dub1.discourse-cdn.com/flex005/user_avatar/forum.robotframework.org/helioguilherme66/32/34_2.png) [@HelioGuilherme66](https://forum.robotframework.org/u/HelioGuilherme66)\
**Post date:** [10 June 2025 18:03 UTC](https://forum.robotframework.org/t/como-interagir-com-elementos-renderizados-via-before-pseudo-elementos-css-no-robot-framework/8958/2 "2025-06-10T18:03:59Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![MatusMoura](https://dub1.discourse-cdn.com/flex005/user_avatar/forum.robotframework.org/matusmoura/32/4796_2.png) [@MatusMoura](https://forum.robotframework.org/u/MatusMoura)\
**Post date:** [10 June 2025 18:09 UTC](https://forum.robotframework.org/t/como-interagir-com-elementos-renderizados-via-before-pseudo-elementos-css-no-robot-framework/8958/3 "2025-06-10T18:09:07Z")

</div>

Certo, muito obrigado!