validator validate test chrome google-chrome firefox selenium xpath selenium-webdriver

google chrome - validate - ¿Cómo verificar una expresión XPath en la herramienta Chrome Developers o Firebug de Firefox?



test xpath chrome (6)

Cromo

Esto se puede lograr mediante tres enfoques diferentes (vea el artículo de mi blog here para más detalles):

  • Buscar en el panel Elements como a continuación
  • Ejecute $x() y $$() en el panel de Console , como se muestra en la answer de Lawrence
  • Extensiones de terceros (que en realidad no son necesarias en la mayoría de los casos, podrían ser excesivas)

Así es como busca XPath en el panel de Elements :

  1. Presiona F12 para abrir Chrome Developer Tool
  2. En el panel "Elementos", presione Ctrl + F
  3. En el cuadro de búsqueda, escriba XPath o CSS Selector, si se encuentran elementos, se resaltarán en amarillo.

Firefox

  1. Seleccione "Consola web" desde el submenú Desarrollador web en el menú de Firefox (o el menú Herramientas si visualiza la barra de menú o está en Mac OS X)
    o presione el atajo de teclado Ctrl + Shift + K ( Comando + Opción + K en OS X).

  2. En la línea de comando en la parte inferior, use lo siguiente:

    • $() : Devuelve el primer elemento que coincide. Equivalente a document.querySelector() o llama a la función $ en la página, si existe.

    • $$() : devuelve una matriz de nodos DOM que coinciden. Esto es similar a document.querySelectorAll() , pero devuelve una matriz en lugar de una NodeList .

    • $x() : evalúa una expresión XPath y devuelve una matriz de nodos coincidentes.

Firefox (versión anterior 49)

  1. Instalar Firebug
  2. Instalar Firepath
  3. Presione F12 para abrir Firebug
  4. Cambiar al panel FirePath
  5. En el menú desplegable, seleccione XPathor CSS
  6. Ingresa para ubicar

¿Cómo puedo verificar mi XPath?

Estoy usando la herramienta Desarrolladores de Chrome para inspeccionar los elementos y formar mi XPath. Lo verifico usando el plugin de Chrome XPath Checker, sin embargo, no siempre me da el resultado. ¿Cuál es una mejor manera de verificar mi XPath?

También intenté usar Firebug para inspeccionar el error y también usar FirePath para verificarlo. Pero Firepath también verifica el XPath.

Mi última opción sería usar Selenium WebDriver para confirmar mi XPath.

Aquí está la extensión ChroPath para Chrome que tiene muchas funciones avanzadas en comparación con FirePath: siga los pasos a continuación: 1) Abra el panel devtools. 2) Haz clic derecho en cualquier parte de la página web. 3) Haga clic en Inspeccionar. 4) En el lado derecho de la pestaña Elementos, haga clic en la pestaña ChroPath. Aquí obtendrá XPath / CSS y también puede editarlo y evaluarlo.

Descargar el enlace de addon-

https://chrome.google.com/webstore/detail/chropath/ljngjbnaijcbncmcnjfhigebomdlkcjo

Otra opción para verificar su xpath es usar IDE de selenio.

  1. Instalar Firefox Selenium IDE
  2. Abra su aplicación en FireFox y abra IDE
  3. En IDE, en una nueva línea, pegue su ruta al objetivo y haga clic en Buscar. El elemento correspondiente se resaltará en su aplicación

Puede abrir una consola en Chrome y Firefox y verificar el XPath escribiendo $x("your_xpath_here") . Esto devolverá una matriz de valores coincidentes. Si está vacío, sabes que no hay coincidencias en la página.

Por ejemplo:

Actualización (marzo de 2016):
Una nueva captura de pantalla de Chromium v48:

*

Verifico los selectores XPath y Css usando la extensión Natu WebSync para Chrome .

Puede:

  • dividir el selector en partes y verificarlas por separado
  • muestre con color cuántos elementos se encuentran para cada parte del selector. 0 - Rojo, 1 - Verde, varios - Amarillo
  • resaltar elementos en la página cuando desplazo la parte del selector
  • vaya al elemento selector en la pestaña Elementos cuando haga clic en la parte del selector

Puede ser muy útil para aquellos que necesitan escribir y verificar selectores complejos.

https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac

Mediante el uso de Chrome o Opera

sin complementos, sin escribir ningún carácter de sintaxis XPath

  1. haga clic derecho en el elemento requerido, luego "inspeccionar"
  2. Haga clic derecho en la etiqueta del elemento resaltado, elija copiar> Copiar Xpath.

;)