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()) | ||