Existe-t-il un moyen d'obtenir l'élément par XPath en utilisant JavaScript dans Selenium WebDriver?

Je cherche quelque chose comme:

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

J'ai besoin d'obtenir le innerHTML des éléments en utilisant JS (pour l'utiliser dans Selenium WebDriver / Java, car WebDriver ne le trouve pas lui-même), mais comment?

Je pourrais utiliser l'attribut ID, mais tous les éléments n'ont pas d'attribut ID.

[FIXÉ]

J'utilise jsoup pour le faire en Java. Cela fonctionne pour mes besoins.

Vous pouvez utiliser document.evaluate:

Évalue une chaîne d'expression XPath et renvoie si possible un résultat du type spécifié.

Il est normalisé w3 et entièrement documenté: 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

Il y a aussi une excellente introduction sur le réseau de développeurs mozilla: https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript#document.evaluate

Version alternative, utilisant XPathEvaluator:

function getElementByXPath(xpath) {
  return new XPathEvaluator()
    .createExpression(xpath)
    .evaluate(document, XPathResult.FIRST_ORDERED_NODE_TYPE)
    .singleNodeValue
}

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

<div>foo/bar</div>

Dans Chrome Dev Tools, vous pouvez exécuter les éléments suivants:

$x("some xpath")

Pour quelque chose comme $ x de l'API de ligne de commande Chrome (pour sélectionner plusieurs éléments), essayez:

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;
}

Cette présentation MDN a aidé: https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript

Vous pouvez utiliser le document.evaluate de javascript pour exécuter une expression XPath sur le DOM. Je pense qu'il est pris en charge d'une manière ou d'une autre dans les navigateurs de retour à IE 6.

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

IE prend plutôt en charge selectNodes .

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

En supposant que votre objectif est de développer et de tester vos requêtes xpath pour les cartes d'écran. Utilisez ensuite les outils de développement de Chrome . Cela vous permet d'exécuter la requête xpath pour afficher les correspondances. Ou dans Firefox> 9, vous pouvez faire la même chose avec la console Web Developer Tools . Dans les versions antérieures, utilisez x-path-finder ou Firebug .

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");
    }
}

Assurez-vous que vous utilisez le bon localisateur pour cela.

**Different way to Find Element:**

IEDriver.findElement(By.id("id"));
IEDriver.findElement(By.linkText("linkText"));
IEDriver.findElement(By.xpath("xpath"));

IEDriver.findElement(By.xpath(".//*[@id='id']"));
IEDriver.findElement(By.xpath("//button[contains(.,'button name')]"));
IEDriver.findElement(By.xpath("//a[contains(.,'text name')]"));
IEDriver.findElement(By.xpath("//label[contains(.,'label name')]"));

IEDriver.findElement(By.xpath("//*[contains(text(), 'your text')]");

Check Case Sensitive:
IEDriver.findElement(By.xpath("//*[contains(lower-case(text()),'your text')]");

For exact match: 
IEDriver.findElement(By.xpath("//button[text()='your text']");

**Find NG-Element:**

Xpath == //td[contains(@ng-show,'childsegment.AddLocation')]
CssSelector == .sprite.icon-cancel

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

System.setProperty("webdriver.chrome.driver", "path of your chrome exe");
        WebDriver driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.get("https://www.google.com");

            driver.findElement(By.xpath(".//*[@id='UserName']")).clear();
            driver.findElement(By.xpath(".//*[@id='UserName']")).sendKeys(Email);

Pour aller droit au but, vous pouvez facilement utiliser xapth .La manière exacte et simple de le faire en utilisant le code ci-dessous. Veuillez essayer de fournir des commentaires .Merci.

JavascriptExecutor js = (JavascriptExecutor) driver;

    //To click an element 
    WebElement element=driver.findElement(By.xpath(Xpath));
    js.executeScript(("arguments[0].click();", element);

    //To gettext

    String theTextIWant = (String) js.executeScript("return arguments[0].value;",driver.findElement(By.xpath("//input[@id='display-name']")));

Lectures supplémentaires - https://medium.com/@smeesheady/webdriver-javascriptexecutor-interact-with-elements-and-open-and-handle-multiple-tabs-and-get-url-dcfda49bfa0f