如何合并两个Selenium XPath查询以精准定位文档缩略图？

问题分析 #

原两个XPath的核心差异在于路径层级：

• 「进行中」状态：文本为Upload Signature Agreement，需向上遍历两级父div，再定位后代的缩略图元素
• 「已提交」状态：文本为Signature Agreement，仅需向上遍历一级父div，再定位后代的缩略图元素

之前的合并XPath统一使用两级父div，导致「已提交」状态下匹配到多余元素；而无效尝试的XPath存在语法错误，XPath谓词[]内不能直接嵌套路径分支逻辑。

正确的合并方案 #

推荐两种精准合并的实现方式：

方式1：用XPath「或」运算符|合并独立路径 #

直接将两个原XPath用|连接，完全保留各自的精准定位逻辑，兼容性拉满：

signatureAgreementThumbnail = By.XPath("//div[text()='Upload Signature Agreement']/parent::div/parent::div/descendant::div[contains(@style,'background-image: url')] | //div[text()='Signature Agreement']/parent::div/descendant::div[contains(@style,'background-image: url')]");

方式2：用XPath条件判断实现动态路径分支 #

如果偏好单一路径结构，可借助XPath 2.0+的条件判断语法（Chrome、Firefox原生引擎均支持），根据文本内容动态选择父节点层级：

signatureAgreementThumbnail = By.XPath("//div[text()='Upload Signature Agreement' or text()='Signature Agreement']/(if (text()='Upload Signature Agreement') then parent::div/parent::div else parent::div)/descendant::div[contains(@style,'background-image: url')]");

验证提示 #

定位后可通过FindElements获取元素列表，确认两种状态下均仅返回1个目标元素；若条件判断语法存在兼容性问题，优先选择方式1的|合并方案。

内容的提问来源于stack exchange，提问作者Anne Bailly