c＃selenium chrome-webdrive使用类和标题单击按钮

Question

我只想点击页面中的按钮。 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个元素时，它只按错了按钮。 我如何按下这个按钮可以有人帮助我？ 也许shouold我尝试这样的事情？

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 page file 我们现在想做什么？ 如果您运行此html文件，您将看到所有页面。 现在我们想要在屏幕上点击这个按钮： 点击此按钮后，您将看到下面的点击计数器：像这样： 有谁知道如何点击它？我尝试了几种方法，但仍无法找到解决方案。请帮忙。

编辑3

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

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

Answer 1

我很好奇你是否在dom中有一个元素，其元素和html元素与你尝试选择的XPath相同。让我们的XPath超级具体，并投入一些和条件。给这个家伙一个机会：

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

如果您需要添加更多标识符，请继续将其丢弃。拥有非常具体的XPath没有任何问题。

看起来您的按钮也在表格行中。如果包含按钮的tr元素中有任何唯一的东西，你肯定应该在按钮之前的xpath中抛出它，你不必担心它单击前一个tr中的按钮，这样你就可以了知道你不会需要比@title =＆＃39; Skip＆＃39;为了你对XPath按钮部分的唯一性。

例如......

//tr[@attribute='uniqueTRValue']/button[@title='Skip']

Answer 2

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

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 ＆amp;的 Ajax Calls 即可。因此是例如属性带有动态值的 ng-repeat ， ng-class 等，例如 { "error-row": row.errorMessage } ， vm.showError(row.errorMessage) 等。因此，使用这些值/属性构建xpath或{{1 }}

如果CSSselector唯一标识了我们感兴趣的特定元素，则xpath作为//button[@title='Skip']应该有效。但由于没有发生，我怀疑可能有多个元素匹配此xpath，其中一些元素可能被禁用/隐藏。因此，xpath使用xpath属性作为 title Skip。

使用FAILED作为xpath可以正常运行，因为我们已经考虑了{strong> //button[@class='btn btn-xs'] 属性，该属性在class内广泛使用，以及在CSSselector内，映射到querySelector / querySelectorAll。因此，这个选项更可靠，更完美。

更新：

虽然使用xpath作为 xpath 可以为您工作而没有任何失败，但我不确定您为什么要避免它。关于您在评论中提到的//button[@class='btn btn-xs']，因为您使用xpath标记在搜索中有很多细节，所以似乎没有必要引用任何父节点，例如<button>。将tr[text()='Wylaczenie nadan RDF'] xpath 标记为//button[@class='btn btn-xs']并不能确定唯一可以考虑加入class和title属性的元素，如下所示：

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