¿Hay alguna forma de obtener elemento mediante XPath usando JavaScript en Selenium WebDriver?

Question

Busco algo como:

getElementByXpath(//html[1]/body[1]/div[1]).innerHTML 

que necesito para obtener el innerHTML de los elementos que utilizan JS (para usar en selenio que WebDriver/Java, ya que WebDriver no lo encuentra en sí), pero ¿cómo?

que podría utilizar atributo ID, pero no todos los elementos tienen atributo ID.

[FIJO]

estoy usando jsoup a lograr que se haga en Java. Eso funciona para mis necesidades. Gracias por las respuestas. :)

Answer 1

Puede utilizar document.evaluate:

evalúa una cadena de expresión XPath y devuelve un resultado de la tipo especificado, si es posible.

Es w3-standardized y documentend conjunto: https://developer.mozilla.org/en-US/docs/Web/API/Document.evaluate

function getElementByXpath(path) { 
 
    return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; 
 
} 
 

 
console.log(getElementByXpath("//html[1]/body[1]/div[1]"));

<div>foo</div>

https://gist.github.com/yckart/6351935

También hay una gran introducción en la red de desarrolladores de Mozilla: https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript#document.evaluate

Answer 2

Puede utilizar JavaScript de document.evaluate para ejecutar una expresión XPath en el DOM. Creo que está apoyado de una manera u otra en los navegadores de nuevo a IE 6.

MDN: https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate

IE apoya selectNodes lugar.

MSDN: https://msdn.microsoft.com/en-us/library/ms754523(v=vs.85).aspx

Answer 3

Asumiendo que su objetivo es desarrollar y probar sus consultas XPath para los mapas de pantalla. A continuación, utilice Chrome's developer tools. Esto le permite ejecutar la consulta xpath para mostrar las coincidencias. O en Firefox> 9 puedes hacer lo mismo con el Web Developer Tools console. En versiones anteriores, use x-path-finder o Firebug.

Answer 4

En Chrome Herramientas de desarrollo puede ejecutar el siguiente:

$x("some xpath") 

Answer 5

para algo así como $ x desde api línea de comandos de cromo (para seleccionar varios elementos) Proveedores:

var xpath = function(xpathToExecute){ 
    var result = []; 
    var nodesSnapshot = document.evaluate(xpathToExecute, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); 
    for (var i=0 ; i < nodesSnapshot.snapshotLength; i++){ 
    result.push(nodesSnapshot.snapshotItem(i)); 
    } 
    return result; 
} 

Esta visión general MDN ayudó: https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript

Answer 6

public class {JSElementLocator

@Test 
public void locateElement() throws InterruptedException{ 
    WebDriver driver = WebDriverProducerFactory.getWebDriver("firefox"); 

    driver.get("https://www.google.co.in/"); 


    WebElement searchbox = null; 

    Thread.sleep(1000); 
    searchbox = (WebElement) (((JavascriptExecutor) driver).executeScript("return document.getElementById('lst-ib');", searchbox)); 
    searchbox.sendKeys("hello"); 
} 

}

Asegúrese de estar utilizando el localizador adecuado para ello.