使用 Capybara Selenium 实现 Rails 自动化 - xpath

Question

我正在 capybara 和 selenium 的帮助下从事 Rails 功能测试自动化工作。我们需要在这里广泛使用 xpath，而我对 xpath 非常陌生。

1. cpaybara使用的xpath和一般的xpath不一样吗？
2. 我们如何使用 xpath 调试错误，是否有像 firebug 这样的工具来确保 xpath 正确？（我知道我们可以使用“复制 xpath”链接从 firebug 获取 xpath，但这似乎不起作用） 。

现在我遇到了以下错误，

Failure/Error: find(:xpath, '//div[@class="comment"]/div/div/div/ul/li/a[@title="Delete"]').click

非常感谢任何帮助...

编辑： 编辑了上面代码中的语法错误。

Answer 1

您可以尝试在最后一个锚点中使用 contains 函数作为替代方案

//div[@class="comment"]/div/div/div/ul/li/a[contains(text(), "Delete"]

要验证 XPath，请检查 XPath Visualizer

http://www.huttar.net/dimitre/XPV/TopXML-XPV.html

此问题的更多详细信息

Answer 2

1. cpaybara使用的xpath和一般的xpath不一样吗？

   答案： xpath 会很常见，但并非总是如此，因为某些框架不支持 xpath 方法，例如

   要使用 textnode 定位文本，我有下面的示例 xpath

   //div[@id='some_id']/label/text()
   

   但是selenium不支持使用textnode来定位元素，所以上面的xpath不起作用。

2. 如何使用xpath调试错误，有没有像firebug这样的工具来确保xpath正确？

   答案：在 Chrome 浏览器 v70 中，使用以下步骤评估和验证 xpath：

   • 按 F12 键打开 Chrome 控制台
   • 按Ctrl+F，它将打开显示文本框以查找数据，确保在控制台中选择Element选项卡
   • 现在开始在此处编写自定义的 xpath，或者您可以将复制的 xpath 粘贴到此处以检查元素是否存在，它会突出显示找到的元素并显示计数。参考下图：

• 查找自动生成的 xpath

  1. 右键单击您想要的元素>检查

     

  2. 它将突出显示相应的元素，选择它并右键单击。它显示以下选项：

     

  3. 选择复制的xpath，您将得到自动生成的xpath，您可以按照上面提到的相同方式进行评估以确保其正确