This shows you the differences between two versions of the page.
shadow_root [2021/08/25 06:15] montse created |
shadow_root [2021/08/25 06:22] (current) montse |
||
---|---|---|---|
Line 1: | Line 1: | ||
======Shadow Root====== | ======Shadow Root====== | ||
+ | \\ | ||
+ | Solution for “Shadow-root” elements, for example some “accept cookies” pages: | ||
- | Solución para elementos “Shadow-root”, como algunas cookies: | + | To treat these elements we need to use the executeJavascript function, for example: |
- | + | ||
- | Para tratar estos elementos hay que usar la función executeJavascript, ejemplo: | + | |
Document.getElementById(“usercentrics-root”).shadowRoot.querySelector(“[data-testid=uc-accept-all-button]”).click(); | Document.getElementById(“usercentrics-root”).shadowRoot.querySelector(“[data-testid=uc-accept-all-button]”).click(); | ||
- | Los pasos a seguir son los siguientes: | + | The steps to follow are the following: |
+ | |||
+ | - Find the element that includes shadow-root (document.getElementById(“usercentrics-root”)) | ||
+ | - Navigate to shadow-root (.shadowRoot) | ||
+ | - Navigate to the element with querySelector (.querySelector(“[data-testid=uc-accept-all-button]”)) | ||
+ | - Interact with the element (.click()) | ||
- | - Encontrar el elemento que incluye shadow-root (document.getElementById(“usercentrics-root”)) | ||
- | - Navegar a shadowroot (.shadowRoot) | ||
- | - Navegar al elemento en sí con querySelector (.querySelector(“[data-testid=uc-accept-all-button]”)) | ||
- | - Interactuar con el elemento (.click()) | ||