Selenim chrome驱动程序无法定位嵌套的<li>标记

Question

我正在尝试定位嵌套的nl标记，但无法从by.xpath查询中获取它。

下面是我用java编写的相关代码行。

driver.findElement(By.xpath("//div[@id='navbarNav']/following-sibling::ul[1]/li[2]")).click();

`我想匹配：

<a class="sub-nav-link style-scope app-shell active" href="#/trend-analysis/tag-search">Trend Analysis

错误：

Exception in thread "main" org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//div[@id='navbarNav']/following-sibling::ul[1]"}
  (Session info: headless chrome=85.0.4183.102)
For documentation on this error, please visit: http://seleniumhq.org/exceptions/no_such_element.html
Build info: version: '3.14.0', revision: 'aacccce0', time: '2018-08-02T20:13:22.693Z'
System info: host: 'root', ip: '127.0.1.1', os.name: 'Linux', os.arch: 'amd64', os.version: '4.15.0-118-generic', java.version: '1.8.0_265'
Driver info: org.openqa.selenium.chrome.ChromeDriver
Capabilities {acceptInsecureCerts: false, browserName: chrome, browserVersion: 85.0.4183.102, chrome: {chromedriverVersion: 85.0.4183.87 (cd6713ebf92fa..., userDataDir: /tmp/.com.google.Chrome.qnBVf1}, goog:chromeOptions: {debuggerAddress: localhost:35357}, javascriptEnabled: true, networkConnectionEnabled: false, pageLoadStrategy: normal, platform: LINUX, platformName: LINUX, proxy: Proxy(), setWindowRect: true, strictFileInteractability: false, timeouts: {implicit: 0, pageLoad: 300000, script: 30000}, unhandledPromptBehavior: dismiss and notify, webauthn:virtualAuthenticators: true}
Session ID: 99a0f9193871a6e94151d885c331875d
*** Element info: {Using=xpath, value=//div[@id='navbarNav']/following-sibling::ul[1]}
        at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
        at sun.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62)
        at sun.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
        at java.lang.reflect.Constructor.newInstance(Constructor.java:423)
        at org.openqa.selenium.remote.http.W3CHttpResponseCodec.createException(W3CHttpResponseCodec.java:187)
        at org.openqa.selenium.remote.http.W3CHttpResponseCodec.decode(W3CHttpResponseCodec.java:122)
        at org.openqa.selenium.remote.http.W3CHttpResponseCodec.decode(W3CHttpResponseCodec.java:49)
        at org.openqa.selenium.remote.HttpCommandExecutor.execute(HttpCommandExecutor.java:158)
        at org.openqa.selenium.remote.service.DriverCommandExecutor.execute(DriverCommandExecutor.java:83)
        at org.openqa.selenium.remote.RemoteWebDriver.execute(RemoteWebDriver.java:548)
        at org.openqa.selenium.remote.RemoteWebDriver.findElement(RemoteWebDriver.java:322)
        at org.openqa.selenium.remote.RemoteWebDriver.findElementByXPath(RemoteWebDriver.java:424)
        at org.openqa.selenium.By$ByXPath.findElement(By.java:353)
        at org.openqa.selenium.remote.RemoteWebDriver.findElement(RemoteWebDriver.java:314)
        at GettingStarted.main(GettingStarted.java:96)

相关HTML：

<div class="collapse navbar-collapse style-scope app-shell" id="navbarNav">
                <ul class="app-nav navbar-nav mr-auto style-scope app-shell">
                    <li class="nav-item style-scope app-shell">
                        <a class="nav-link p-3 px-4 style-scope app-shell" href="/#/dashboard">Dashboard</a>
                    </li>
                    <li class="nav-item style-scope app-shell">
                        <a class="nav-link py-3 px-4 style-scope app-shell active" href="/#/trend-analysis/tag-search">TrendAnalysis</a>
                        <ul class="sub-nav d-flex flex-row flex-nowrap list-unstyled style-scope app-shell">
                            <li class="sub-nav-item style-scope app-shell">
                                <a class="sub-nav-link style-scope app-shell active" href="#/trend-analysis/tag-search">
                                    Trend Analysis
                                </a>
                            </li>
                            <li class="sub-nav-item style-scope app-shell">
                                <a class="sub-nav-link style-scope app-shell" href="#/trend-analysis/value-based-search">
                                    Value-Based Search
                                </a>
                            </li>
                  .....

我已经花了整整一周的时间来解决这个问题，但是没有用，谢谢你的帮助。

我用以下命令测试了代码

WebDriverWait wait = new WebDriverWait(driver, 30);
wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@id='navbarNav']/ul")));

driver.findElement(By.xpath("//div[@id='navbarNav']//li/a[contains(@href,'tag-search')]")).click();

更新：

Exception in thread "main" org.openqa.selenium.TimeoutException: Expected condition failed: waiting for element to be clickable: By.xpath: //div[@id='navbarNav']/ul (tried for 30 second(s) with 500 milliseconds interval)
Build info: version: '3.14.0', revision: 'aacccce0', time: '2018-08-02T20:13:22.693Z'
System info: host: 'root', ip: '127.0.1.1', os.name: 'Linux', os.arch: 'amd64', os.version: '4.15.0-118-generic', java.version: '1.8.0_265'
Driver info: org.openqa.selenium.chrome.ChromeDriver
Capabilities {acceptInsecureCerts: false, browserName: chrome, browserVersion: 85.0.4183.102, chrome: {chromedriverVersion: 85.0.4183.87 (cd6713ebf92fa..., userDataDir: /tmp/.com.google.Chrome.7m6LU4}, goog:chromeOptions: {debuggerAddress: localhost:38779}, javascriptEnabled: true, networkConnectionEnabled: false, pageLoadStrategy: normal, platform: LINUX, platformName: LINUX, proxy: Proxy(), setWindowRect: true, strictFileInteractability: false, timeouts: {implicit: 0, pageLoad: 300000, script: 30000}, unhandledPromptBehavior: dismiss and notify, webauthn:virtualAuthenticators: true}
Session ID: 6e2d32881f709e2e0d727d8cc45813c4
        at org.openqa.selenium.support.ui.WebDriverWait.timeoutException(WebDriverWait.java:113)
        at org.openqa.selenium.support.ui.FluentWait.until(FluentWait.java:283)
        at GettingStarted.main(GettingStarted.java:103)

更新2：

当我只使用以下命令运行代码时：

driver.findElement(By.xpath("//div[@id='navbarNav']//li/a[contains(@href,'tag-search')]")).click();

我得到了：

Exception in thread "main" org.openqa.selenium.ElementNotInteractableException: element not interactable
  (Session info: headless chrome=85.0.4183.102)

Answer 1

在单击元素之前添加一些等待。

String myElement = "(//div[@id='navbarNav']//li/a[contains(@href,'tag-search')])[1]";    
WebDriverWait wait = new WebDriverWait(driver, 30);
 wait.until(ExpectedConditions.elementToBeClickable(By.xpath(myElement)));

或

wait.until(ExpectedConditions.presenceOfElementLocated(By.xpath(myElement)));

或

wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath(myElement)));

您还需要使用xpath将正确的锚元素作为目标。

driver.findElement(By.xpath(myElement)).click()

Answer 2

使用Threads.sleep(10)检查时间元素是否可单击，如果元素不可单击，则应该是您正在创建的xpath是错误的。

但是如果它在点击，那么就像这样并排使用2个等待：

String myElement = "(//div[@id='navbarNav']//li/a[contains(@href,'tag-search')])[1]";    
WebDriverWait wait = new WebDriverWait(driver, 30);
wait.until(ExpectedConditions.presenceOfElementLocated(By.xpath(myElement)));
wait.until(ExpectedConditions.elementToBeClickable(By.xpath(myElement)));
driver.findElement(By.xpath(myElement)).click()

Answer 3

要将文本作为趋势分析对元素进行click()，可以使用以下任一Locator Strategies

• linkText：

Trend(“Trend Analysis")).click();”为“driver.findElement(By.linkText

• partialLinkText：

Trend(“Trend Analysis")).click();”为“driver.findElement(By.partialLinkText

• cssSelector：

driver.findElement(By.cssSelector("div#navbarNav li.sub-nav-item.style-scope.app-shell>ahref$='tag-search'")).click();

• xpath：

driver.findElement(By.xpath("//div@id='navbarNav'//li@class='sub-nav-item样式-作用域应用程序外壳‘/a包含(@href，'tag-search')")).click();

理想情况下，要在元素上执行click()，您需要为elementToBeClickable()引入WebDriverWait，并且可以使用以下任一Locator Strategies

• linkText：

新的驱动程序(驱动程序、20).until(ExpectedConditions.elementToBeClickable(By.linkText("Trend Analysis"))).click(); WebDriverWait

• partialLinkText：

新的驱动程序(驱动程序、20).until(ExpectedConditions.elementToBeClickable(By.partialLinkText("Trend Analysis"))).click(); WebDriverWait

• cssSelector：

新的驱动程序(驱动程序、20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div#navbarNav li.sub-nav-item.style-scope.app-shell>ahref$='tag-search'"))).click(); WebDriverWait

• xpath：

新外壳(驱动程序，20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div@id='navbarNav'//li@class='sub-nav-item样式范围应用程序外壳‘/a包含(@href，'tag-search')"))).click();