用于访问 JS 生成的类实例的 xpath

Question

我需要使用 xpath 作为 Selenium Webdriver 的定位器才能单击按钮。它位于动态生成的对话框中。 Firebug/firepath 为 div 引用提供了会改变的数字。我在这里阅读了很多很棒的提示并且很接近但似乎无法获得确切的规格。我需要 xpath 来访问关闭和取消：

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<button class="ui-button ui-widget ui-state-default ui-corner-all 
ui-button-text-only  ui-state-hover" type="button" role="button" aria-disabled="false">
<span class="ui-button-text">Close</span>
</button>
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
type="button" role="button" aria-disabled="false">
<span class="ui-button-text">Create</span>

两者都没有成功：

    xpath="//*[@class='ui-button-text' and @value='Close'") 
    xpath="//span[contains(@class='ui-button-text' and @value='Close')]")

Answer 1

使用：

//span[@class = 'ui-button-text' and . = 'Close']

这些选择XML文档中的所有span元素，字符串值为"Close"，其class属性的字符串值为"ui-button-text"。

Answer 2

使用@Dimitre 的表达方式：

//span[@class='ui-button-text' and .='Close']

我回答是为了解释你原来的表达方式哪里出了问题。

第一个表达式：

//*[@class='ui-button-text' and @value='Close'")]

这将选择文档 (//) 中任何位置的所有元素 (*)，其属性 (@) 名为 class，其值为 ui-button-text，属性名为 value，其值为Close。属性轴说明符是@ 符号。这是attribute:: 的缩写。以下表达式是等价的：

//*[@class='ui-button-text' and @value='Close'")]
//*[attribute::class='ui-button-text' and attribute::value='Close'")] 

以上表达式可以完全展开为：

/descendant-or-self::node()/child::*[attribute::class='ui-button-text' and 
                                     attribute::value='Close'")] 

简而言之：在构造表达式时尝试理解 XPath 的语法缩写。

第二个表达方式：

//span[contains(@class='ui-button-text' and @value='Close')]

XPath contains function 具有以下签名：

boolean contains(string, string)

...并且在规范中是这样描述的：

如果第一个参数字符串，contains 函数返回 true 包含第二个参数字符串，否则返回 false。

您似乎试图将其视为一个更通用的魔术函数，用于检查元素是否“包含”某些属性，但它本质上是一个 string 函数。

我建议快速（或不那么快）阅读 XPath 1.0 建议：

• http://www.w3.org/TR/xpath/

在那之前你只是在猜测。