Selenium xpath找不到元素（其他xpath工具证明它存在）

Question

硒检测：

driver.FindElement(By.XPath($"//*[contains(text(), '{text}')]"));

no such element: Unable to locate element:
{
    "method":"xpath",
    "selector":"//*[contains(text(), '269424ae-4d74-4a68-91e0-1603f2d674a0')]"
}
(Session info: chrome=74.0.3729.169)
(Driver info: 
    chromedriver=74.0.3729.6 (255758eccf3d244491b8a1317aa76e1ce10d57e9-refs/branch-heads/3729@{#29}),
    platform=Linux 4.18.0-20-generic x86_64)

    new HtmlParser()
        .ParseDocument(driver.PageSource)
        .SelectSingleNode($"//*[contains(text(), '{text}')]");

目标元素是包含GUID的div：

<div class="home-project-title-text"> 269424ae-4d74-4a68-91e0-1603f2d674a0 </div>

这是与

• DotNet core 2.2
• Chrome webdriver
• 铬74
• Ubuntu 18.04

selectSingle = xpath => document.evaluate(xpath, document).iterateNext()

> selectSingle("//*[contains(text(), '269424ae-4d74-4a68-91e0-1603f2d674a0')]")

> null

但它肯定存在,并且具有预期的文本,例如,我可以使用不同的xpath表达式手动定位和检查它的文本内容：

> selectSingle("//*[@id='app']/div/div[1]/div[3]/div/div[1]/div/div[1]/div")
    .textContent
    .trim() 
    == "269424ae-4d74-4a68-91e0-1603f2d674a0"

> true

原因是在react中创建了div,如下所示：

js prettyprint-override">React.createElement(
    "div", 
    {className = "home-project-title-text"}, 
    " ", 
    "269424ae-4d74-4a68-91e0-1603f2d674a0", 
    " ");

我认为这大致意味着div有三个textnodes作为子节点（这是有效的吗？）。结果看起来100%正常--它完美地呈现，并且使用devtools检查元素看起来就像是一个文本节点，.textContent返回连接的字符串。

Answer 1

现在，您提供了一些更多的信息（该元素是如何创建的）：

是的，一个XML元素有可能有几个单独的文本节点作为它的子节点。但是，如果文本节点彼此相邻，而不是由子元素分隔，通常情况就不是这样了。

如果'269424AE-4D74-4A68-91E0-1603F2D674A0'确实是第二个文本节点，则

//*[contains(text(), '269424ae-4d74-4a68-91e0-1603f2d674a0')]

查找第一个文本节点包含“269424AE-4D74-4A68-91E0-1603F2D674A0”的任意名称的元素。

text()实际上会选择元素的所有文本节点，但contains()silenty等XPath函数只选择第一个。

您实际上想要选择的是

具有任意名称的元素，其中任何文本节点包含“269424AE-4D74-4A68-91E0-1603F2D674A0”

实现这一点的表达式是：

//*[text()[contains(.,'269424ae-4d74-4a68-91e0-1603f2d674a0')]]

您可以使用一个小的玩具文档来测试这些表达式，例如：

<div className="home-project-title-text">
   <other/>
   269424ae-4d74-4a68-91e0-1603f2d674a0
   <other/>
</div>

其中other元素强制div元素包含三个单独的文本节点，其中两个仅包含空格。

最后，如果您已经知道要查找的元素是div，那么您应该专门查找它：

//div[text()[contains(.,'269424ae-4d74-4a68-91e0-1603f2d674a0')]]