1

我只想点击我页面中的按钮。html 代码看起来像：

<tr ng-repeat="row in rowCollection" ng-class="{ &quot;error-row&quot;: row.errorMessage }" ng-style="vm.getColor(row)" class="ng-scope" style="background: rgb(255, 242, 255) none repeat scroll 0% 0%;">
    <td class="ng-binding">Wylaczenie nadan RDF</td><td class="ng-binding">WAITING_FOR_NOTIFICATION</td>
    <td>
        <a href="" ng-click="vm.showProcessDiagram(row.executor)" class="ng-binding">rfsSendingExecutor</a>
    </td>
    <td class="ng-binding">2017-09-06 11:14:12</td><td class="ng-binding">2017-09-06 11:14:13</td>
    <td has-role="REQUEST" class="text-center">
    <!-- ngIf: row.inXml || row.outXml -->
    <button ng-if="row.inXml || row.outXml" ng-click="vm.showXml(row)" title="Show" class="btn btn-xs ng-scope"><span class="fa fa-code"></span></button>
    <!-- end ngIf: row.inXml || row.outXml -->
    </td>
    <td has-role="ERROR" class="text-center"><button ng-show="row.errorMessage" ng-click="vm.showError(row.errorMessage)" title="Show" class="btn btn-xs ng-hide"><span class="fa fa-search"></span></button></td>
    <td class="text-center">
    <button ng-show="vm.enableCancel(row)" ng-click="vm.cancelTask(row.workItemId)" title="Cancel" class="btn btn-xs ng-hide">
        <span class="fa fa-ban text-warning"></span>
    </button> 
    <button ng-show="vm.enableRepeat(row)" ng-click="vm.repeatTask(row.id)" title="Repeat" class="btn btn-xs ng-hide">
        <span class="fa fa-refresh text-success"></span>
    </button> 
    <button ng-show="vm.enableRepeat(row)" ng-click="vm.repeatTaskWithParams(row.id)" title="Repeat with parameters" class="btn btn-xs ng-hide">
        <span class="fa fa-refresh text-warning"></span>
    </button>
    <button ng-show="vm.enableSkip(row)" ng-click="vm.skipTask(row.workItemId)" title="Skip" class="btn btn-xs">
        <span class="fa fa-angle-double-right text-success"></span>
    </button>
    </td>
</tr>

我想要做的就是点击这个按钮：

<button ng-show="vm.enableSkip(row)" ng-click="vm.skipTask(row.workItemId)" title="Skip" class="btn btn-xs">
        <span class="fa fa-angle-double-right text-success"></span>

我已经阅读了 xpath 教程并查看了许多其他帖子和论坛。我不确定我错过了什么。我只是想通过 xpath 找到以下元素，如下所示：

button_to_click= findElement(By.xpath("//button[@title='Skip']"));

但它不起作用。 问题：为什么它不能仅按标题工作？我尝试另一种方式并这样做：

 button_to_click= findElement(By.xpath("//button[@class='btn btn-xs']"));

它工作得很好，但是当我在这个类中有 3 或 4 个元素时，它只是按下了错误的按钮。我怎样才能准确地按下这个按钮有人可以帮助我吗？
也许我应该尝试这样的事情？

button_to_click= findElement(By.xpath("//button[@class='btn btn-xs']//button[@title='Skip']"));

为什么它不能仅按标题工作？我怎样才能做得更好？新手请耐心等待。

编辑 1 我添加了更多代码，因为您想知道我在做什么。：这段代码运行良好：

driver = new ChromeDriver();
driver.url ="http://mypage.com"
button_to_click= findElement(By.xpath("//button[@class='btn btn-xs']")).Click();

而且这段代码不起作用：

driver = new ChromeDriver();
driver.url ="http://mypage.com"
button_to_click= findElement(By.xpath("//button[@title='Skip']")).Click();

编辑 2 我会给你一个用于测试的示例页面。您只需下载 html 文件并在浏览器中打开它。Html 页面文件 我们现在想要做什么？如果您运行此 html 文件，您将看到所有页面。现在我们想在屏幕上点击这个按钮： 在此处输入图像描述 当你点击这个按钮后，你会看到下面的点击计数器：像这样： 在此处输入图像描述 有谁知道如何点击它？我尝试了几种方法，但仍然找不到解决方案。请帮忙。

编辑 3

我也尝试：-但它也不起作用

drive.FindElement(By.XPath("//tr[class='ng-scope']/td[text()='Wylaczenie nadan RDF'] and button[@title='Skip'']]")).Click();
4

2 回答 2

1

我很好奇您是否在 dom 中有一个更高的元素，其属性和 html 元素与您尝试选择的 XPath 相同。让我们用我们的 XPath 变得超级具体，并加入一些条件。试一试这个人：

//button[@ng-show='vm.enableSkip(row)' and @title='Skip' and @class='btn btn-xs']

如果您需要添加更多标识符，请继续将它们扔在那里。拥有非常具体的 XPath 并没有错。

看起来您的按钮也位于表格行中。如果包含按钮的 tr 元素中有任何独特的东西，那么您绝对应该在按钮之前将其扔到 xpath 中，并且您不必担心它单击前一个 tr 中的按钮，这样做您就知道了对于 XPath 按钮部分的独特性，除了 @title='Skip' 之外不需要任何东西。

例如...

//tr[@attribute='uniqueTRValue']/button[@title='Skip']
于 2017-10-06T13:06:24.617 回答
1

根据您的问题，这行代码有效：

button_to_click= findElement(By.xpath("//button[@class='btn btn-xs']")).Click();

这行代码不起作用：

button_to_click= findElement(By.xpath("//button[@title='Skip']")).Click();

解释：

看着HTML DOM很明显WebApplication使用了很多JavaScript& Ajax Calls。因此，属性例如ng-repeat，ng-class等具有动态值，例如{ &quot;error-row&quot;: row.errorMessage }，vm.showError(row.errorMessage)等等。因此，使用这些值/属性来构造一个xpath或CSSselector

使用xpathas //button[@title='Skip']should have working 提供了xpath唯一确定的我们感兴趣的特定元素。但由于它没有发生，我怀疑可能有多个元素与此匹配xpath，其中一些元素可能被禁用/隐藏。因此，xpath使用title属性 as 。Skip FAILED

使用xpathas//button[@class='btn btn-xs']不会失败，因为这里我们考虑了class广泛使用的属性CSSselector以及xpath映射到 querySelector/querySelectorAll 的属性。因此，此选项更可靠并且工作完美。

更新 ：

虽然使用xpathas//button[@class='btn btn-xs']对你有用，但我不知道你为什么要避免它。关于xpath您在评论中提到的内容，因为您在使用<button>标签的搜索中得到了很多细化，因此似乎没有必要引用任何父节点，例如tr[text()='Wylaczenie nadan RDF']. xpath如果 as不能//button[@class='btn btn-xs']唯一标识元素，您可以考虑将classandtitle属性组合起来，如下所示：

button_to_click= findElement(By.xpath("//button[@class='btn btn-xs' and @title='Skip']")).Click();
于 2017-10-06T13:50:34.600 回答