C# Selenium Chrome-WebDrive 使用类和标题单击按钮

c# selenium chrome-webdrive clicking button using class and title

提问人:Michael 提问时间:10/6/2017 最后编辑:Michael 更新时间:10/7/2017 访问量:3285

问:

我只想点击页面中的按钮。 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文件,你会看到所有页面。 现在我们想在屏幕上精确地单击此按钮:单击此按钮后,您将在下面看到单击计数器:像这样: enter image description here enter image description here有谁知道如何单击它吗?我尝试了几种方法,但仍然找不到解决方案。请帮忙。

编辑 3

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

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

评论

0赞 Richard Boyce 10/6/2017
注意到该按钮位于表格行中。页面上是否有多个按钮实例。另外,您能否展示更多c#代码,以了解您正在尝试做什么
0赞 Wandrille 10/6/2017
我觉得很奇怪 xpath(“//button[@title='Skip']”) 不起作用。并通过反转:xpath('//button[@title=“Skip”]') ?我知道这是一样的,但也许??
0赞 Michael 10/6/2017
是的,我在页面上有多个按钮实例。我试图点击包含 title='Skip' 的按钮。
0赞 Michael 10/6/2017
请在主帖子中检查编辑 1,我添加了更多代码,例如,我尝试使用 - ng-click=“vm.skipTask(row.workItemId) 和 ng-show=”vm.enableSkip(row)“,但不能像标题那样工作。
0赞 Wandrille 10/6/2017
我不认为“标题”标签是问题所在。因为你的 xpath 是正确的。例如: php.wekeepcoding.com/article/18943879/... , //*[@title=“xpath”] 有效

答:

1赞 JOberloh 10/6/2017 #1

我很好奇您是否在 dom 中有一个元素,其属性和 html 元素与您尝试选择的 XPath 相同。让我们对我们的 XPath 进行超级具体的介绍,并加入一些条件。给这家伙一个机会:

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

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

您的按钮看起来也位于表格行中。如果包含按钮的 tr 元素中有任何唯一的东西,你绝对应该把它放在按钮之前的 xpath 中,你不必担心它点击前一个 tr 中的按钮,这样你就知道你只需要 @title='Skip' 来满足你对 XPath 按钮部分的唯一性。

例如。。。

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

评论

0赞 Michael 10/6/2017
你能看看我的例子,并尝试像我说的那样精确地为这个按钮路径吗?唯一有“Wylaczenie nadan RDF”,但在子类之前比单击按钮类
0赞 JOberloh 10/6/2017
tr[text()='Wylaczenie nadan RDF']/button[@title='跳过']
0赞 Michael 10/6/2017
当我回到家时,我会检查这个并编写代码,然后我在这里重播
0赞 Michael 10/7/2017
不起作用 - //tr[text()='Wylaczenie nadan RDF']/button[@title='Skip']
1赞 undetected Selenium 10/6/2017 #2

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

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

这行代码不起作用:

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

解释:

很明显,它使用了很多JavaScriptAjax调用。因此,属性(例如ng-repeat,ng-class)具有动态值,例如{”error-row“: row.errorMessage }, vm.showError(row.errorMessage) 等。因此,很难使用这些值/属性来构造 orHTML DOMWebApplicationxpathCSSselector

使用应该起作用的前提是唯一标识了我们感兴趣的特定元素。但是由于它没有发生,我怀疑可能有多个元素与此匹配,其中一些元素可能被禁用/隐藏。因此,使用属性作为 Skip .xpath//button[@title='Skip']xpathxpathxpathtitleFAILED

使用 as 是没有失败的,因为在这里我们已经考虑了 class 属性,该属性在 class 中广泛使用,并在其中映射到 querySelector/querySelectorAll。因此,此选项更可靠且效果完美。xpath//button[@class='btn btn-xs']CSSselectorxpath

更新:

虽然使用 as //button[@class='btn btn-xs'] 对您有用,没有任何失败,但我不确定您为什么要避免它。关于您在评论中提到的内容,由于您在使用标签进行搜索时已经非常精细,因此似乎没有必要引用任何父节点,例如.如果 //button[@class='btn btn-xs'] 不能唯一标识元素,您可以考虑将 and 属性组合起来,如下所示:xpathxpath<button>tr[text()='Wylaczenie nadan RDF']xpathclasstitle

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

评论

0赞 Michael 10/6/2017
你是对的。你想把它写成它应该看起来应该点击那个按钮吗?tr[text()='Wylaczenie nadan RDF']/button[@title='Skip'] 够了吗?
0赞 Michael 10/6/2017
在我看来,这是非常好的 answear。让我问最后一件事。但是当我只想做这样的事情时:button_to_click= findElement(By.xpath(“//tr[text()='Wylaczenie nadan RDF']/button[@class='btn btn-xs' and @title='Skip']”))。咔嚓();可以吗,应该一样工作吗?
0赞 Michael 10/7/2017
好的,我检查一下。这工作正常:button_to_click= findElement(By.xpath(“//button[@class='btn btn-xs' and @title='Skip']”))。点击();但是当我尝试单击按钮时,正如我在 EDIT 2 中所说的那样:button_to_click= findElement(By.xpath(“//tr[text()='Wylaczenie nadan RDF']/button[@class='btn btn-xs' and @title='Skip']”))。咔嚓();- 它不起作用,你能帮我并点击这个正确的按钮吗?你的帖子非常好,但它点击了这个班级的第一个按钮,这个标题不是我要找的。你可以检查一下我在主帖子中发布的这个网站,它不起作用。
0赞 Michael 10/7/2017
同时检查 EDIT 3
0赞 Michael 10/7/2017
你能在另一个话题上帮我吗?我看你对它了解很多。谢谢。stackoverflow.com/questions/46611317/......