C'è un modo per ottenere l'elemento da XPath usando JavaScript in Selenium WebDriver?

Sto cercando qualcosa come:

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

Devo ottenere il HTML interno degli elementi usando JS (per usarlo in Selenium WebDriver / Java, poiché WebDriver non riesce a trovarlo da solo), ma come?

Potrei usare l'attributo ID, ma non tutti gli elementi hanno l'attributo ID.

[FISSO]

Sto usando jsoup per farlo in Java. Funziona per le mie esigenze.

Puoi usare document.evaluate:

Valuta una stringa di espressione XPath e, se possibile, restituisce un risultato del tipo specificato.

È standardizzato w3 e interamente documentato: 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

C'è anche una grande introduzione sulla rete di sviluppatori mozilla: https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript#document.evaluate

Versione alternativa, utilizzando 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>

In Chrome Dev Tools puoi eseguire quanto segue:

$x("some xpath")

Per qualcosa come $ x dalla api della riga di comando di Chrome (per selezionare più elementi) prova:

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

Questa panoramica di MDN ha aiutato: https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript

Puoi usare document.evaluate di javascript per eseguire un'espressione XPath sul DOM. Penso che sia supportato in un modo o nell'altro nei browser di IE 6.

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

IE supporta invece selectNodes .

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

Supponendo che il tuo obiettivo sia sviluppare e testare le tue query xpath per le mappe dello schermo. Quindi utilizzare gli strumenti di sviluppo di Chrome . Ciò consente di eseguire la query xpath per mostrare le corrispondenze. Oppure in Firefox> 9 puoi fare la stessa cosa con la console degli Strumenti per gli sviluppatori Web . Nella versione precedente utilizzare x-path-finder o 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");
    }
}

Assicurati di utilizzare il localizzatore giusto per questo.

**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);

Per dirigere verso il punto, puoi facilmente usare xapth. Il modo esatto e semplice per farlo usando il codice qui sotto. Si prega di provare e fornire feedback. Grazie.

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']")));

Ulteriori letture - https://medium.com/@smeesheady/webdriver-javascriptexecutor-interact-with-elements-and-open-and-handle-multiple-tabs-and-get-url-dcfda49bfa0f