c# selenium chrome-webdriver 使用类和标题单击按钮

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 个元素时，它只是按下了错误的按钮。我怎样才能准确地按下这个按钮有人可以帮助我吗？
也许我应该尝试这样的事情？

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

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

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 等动态值，例如<强> { "error-row": row.errorMessage } , vm.showError(row.errorMessage) 等。因此，使用这些值/属性来构造 xpath 会很困难。或CSSselector

使用xpath如//button[@title='Skip']如果 xpath 应该可以工作独特地识别了我们感兴趣的特定元素。但由于它没有发生，我怀疑可能有多个元素与此 xpath 匹配。其中一些可能被禁用/隐藏。所以，xpath使用title属性为 Skip FAILED .

使用xpath如//button[@class='btn btn-xs']可以正常工作，因为这里我们考虑了 class 属性，在 CSSselector 中广泛使用以及xpath内它向下映射到 querySelector/querySelectorAll。因此，这个选项更加可靠并且工作完美。

更新:

尽管使用 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();