Automatice aplicaciones web que utilizan el estándar Shadow DOM

Ciertas aplicaciones web modernas utilizan el estándar Shadow DOM para proporcionar encapsulación de estilo y comportamiento para controles reutilizables, de modo que los estilos y las secuencias de comandos de estos controles no interfieran con el resto de la página. Restringe el acceso directo a los objetos de Shadow DOM a través del DOM normal.

Grabadora admite automatizaciones basadas en objetos de dichas aplicaciones modernas, lo cual garantiza una automatización sin problemas y minimiza el riesgo de fallos en la automatización.

Para respaldar dichas automatizaciones, puede utilizar las siguientes propiedades:
  • Ruta de Shadow-Root: Utilice la propiedad Ruta de Shadow-Root para identificar los elementos en el Shadow DOM y acceder a estos. Esta propiedad permite que Grabadora localice y automatice con precisión los elementos que están encapsulados y no son directamente accesibles a través del DOM estándar. Se representa como una lista de matriz JSON de todos los elementos de Shadow-Root en formato de string y define los límites dentro de los cuales Grabadora buscará el elemento objetivo. Se pueden usar variables, pero los caracteres comodín (*) no son compatibles. Esta es la propiedad predeterminada para los elementos que están dentro del Shadow DOM.
    Nota: Asegúrese de seleccionar la propiedad Ruta de Shadow-Root para automatizar los elementos de Shadow-Root. Al automatizar elementos de Shadow-Root dentro de una página web, Grabadora primero buscará el elemento específico por id. y, luego, por selector CSS.

    Propiedades para automatizar elementos de Shadow-Root

  • Selector CSS: Los selectores CSS se utilizan para identificar elementos, e interactuar con estos, en una página web similar a un DOMXPath. Use la propiedad Selector CSS para seleccionar elementos en el DOM utilizando la sintaxis de selectores CSS, como clase, id. o nombre de etiqueta. Los selectores CSS se utilizan para apuntar a elementos según sus atributos. Si el elemento está dentro del Shadow DOM, entonces los selectores CSS deben usarse en conjunto con la propiedad Ruta de Shadow-Root. Se pueden usar variables, pero los caracteres comodín (*) no son compatibles.
    Nota: Esta propiedad está disponible para todos los elementos HTML.
    Importante: Los selectores CSS funcionarán correctamente aunque no esté utilizando la última versión del paquete de Grabadora (3.3.1-20241001-095119), siempre que la versión de extensión de Google Chrome sea 3.3.0.0 o una posterior. Sin embargo, si la versión de extensión de Google Chrome es anterior a 3.3.0.0, asegúrese de anular la selección de la propiedad Selector CSS para que las automatizaciones se ejecuten correctamente.
Puede registrar y automatizar los siguientes elementos dentro del Shadow DOM:
  • Cuadro de texto
  • Cuadro combinado
  • Casilla de verificación
  • Botón
  • Botón de opción
  • Vínculo
  • Etiqueta
  • Vista de lista
  • Tabla

Compatibilidad

  • Esta capacidad es compatible con los navegadores Google Chrome y Microsoft Edge.
  • Se admiten Frames e IFrames (del mismo dominio y de dominio cruzado).
  • Admite las condiciones El objeto existe y El objeto no existe en las siguientes acciones: Si, la acción Bucle > Mientras, así como la acción Esperar > Esperar la condición.
  • Admite todos los controles HTML existentes y sus correspondientes acciones.
  • Admite VMware Horizon, Citrix XenApp y XenApp (CR) a XenApp (aplicación empresarial).

Comportamiento conocido

  • No se admite automatizar elementos de Shadow-Root utilizando la propiedad DOMXPath.
  • No se puede acceder a los elementos que estén dentro de un elemento cerrado de Shadow-Root.
  • No se admite la búsqueda de elementos por todos los algoritmos.
  • No se admite automatizar elementos de Shadow-Root dentro de IFrames anidados de dominios cruzados.
  • Al utilizar la acción Obtener propiedad, la propiedad Ruta de Shadow-Root no mostrará ningún valor.